/Size-Marks-PS

Photoshop script for web designers and front-end engineers

Primary LanguageJavaScriptMIT LicenseMIT

Size Marks

Size Marks is a helpful Photoshop script for web designers and front-end engineers.

Script converts rectangular marquee to labeled measurement mark. Landscape marquee → horizontal mark. Portrait or square marquee → vertical mark.

Install

  1. Download and unzip: Size-Marks.jsx-v1.0.zip.
  2. Place Size Marks.jsx in the Photoshop Scripts folder. If you have more than one version of Photoshop, place the script in the Scripts folder of each version.
  • OS X: /Applications/[Photoshop]/Presets/Scripts/
  • Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts
  1. Restart Photoshop. The script should now be available in File ▸ Scripts ▸ Size Marks.
  2. Next, let’s make a shortcut. Edit ▸ Keyboard Shortcuts.... Unwrap File and scroll to Scripts>. Select Size Marks and set the shortcut.

Recommended shortcut key (must not already be in use)

  • OS X: Shift+Cmd+P
  • Windows: Shift+Ctrl+P

Usage

Create a rectangular selection with Rectangular Marquee Tool (M) and use your shortcut (see Install section).

System Requirements

The script has been tested on Photoshop CC 2014 on OS X Yosemite. If you have any problems, drop me a line: @romanshamin.

Thanks

Sponsored by Evil Martians

For Satisfied Pro’s

If you’re a professional web developer:

  • Use Size Marks for free and pay with a tweet/post
  • Buy me a cup of pu-erh tea: pay $3 by PayPal

Testimonials ✍

  • Just what I needed. ⚑ — Erik Myers, Mountain View, California.
  • Tu fais des maquettes/spéc sous Photoshop? Voila une petite extension sympa pour placer des marques de mesure. ✌ — LegZ, Lyon, France.
  • Перепробовал кучу всяких «образмеривалок» для Ps, но этот простейший скрипт пока кажется одним из самых юзабельных. ★ — Андрей Сундиев, Яндекс, Москва.
  • 選択範囲を作るだけで数値がレイヤーに書きだされる！？これは便利だ！ ☼ — ヤマシタヒトシ, 愛知県あま市
  • Шикарная вещь, как я раньше жил без Size Marks. ☂ — Александр Курганов, Санкт-Петербург.
  • Made my day! ♬ — Michl, Germany, NRW.
  • 確かに作業指示書の作成が楽になりそう。ワンアクションで寸法線と値を書き出してくれるのは便利。 ⌘ — Torii, 静岡県浜松市
  • Nice little PS plugin for handing over designs quickly. ✈ — Sebastian Stockmarr, Copenhagen, Denmark.

P. S. Thanks to all the users for the great feedback!

License

Copyright © 2014 Roman Shamin https://github.com/romashamin

Size Marks is licensed under the MIT licence. All rights not explicitly granted in the MIT license are reserved. See the included LICENSE file for more details.