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
- Download and unzip:
- Size-Marks.jsxbin-v1.3.zip for Photoshop CC 2015
- Size-Marks.jsx-v1.0.zip for Photoshop CC 2014
- Place
Size Marks.jsxbin
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
- OS X:
- Restart Photoshop. The script should now be available in
File ▸ Scripts ▸ Size Marks
. - Next, let’s make a shortcut.
Edit ▸ Keyboard Shortcuts...
. UnfoldFile
and scroll toScripts>
. SelectSize 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, CC 2015 on OS X Yosemite.
Troubleshooting
If it seems like Size Marks does not work properly, first, make sure you are using the latest version of the script.
Required information
- Your version of Photoshop CC. Select
Photoshop CC ▸ About Photoshop CC...
and find out a line that looks like2015.0.1 Release
at the top of the dialog box. - The sequence of steps that led to the error (this will help me to reproduce the issue).
- Provide a link to the .psd file in your Dropbox. Just remove all secret data and save as a copy.
How to report
- Open the Issues tab and click New issue.
- Sign in or register on Github.
- Briefly describe the issue in the Title field.
- Do: It does not create a text label on the second artboard
- Don’t: Help! It doesn't work!!1
- Place the full description (see Required information above) into the next field, attach screenshots and hit Submit new issue.
- Optional. ☕️ Buy me a cup of coffee to give me extra energy.
Thanks
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.