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.
- Right click: Size-Marks.jsx-v0.1.1.zip and choose
Download Linked File As...
. - Unzip and place
Size Marks.jsx
in the Photoshop’s Scripts folder. For OS X:/Applications/Adobe Photoshop CC 2014/Presets/Scripts/
and restart Photoshop. - Now script is available in
File ▸ Scripts ▸ Size Marks
. Let’s make a shortcut. Edit ▸ Keyboard Shortcuts...
. UnwrapFile
and scroll toScripts>
. SelectSize Marks
and set shortcut. I recommendShift+Cmd+P (⇧⌘P)
— it must be available.
Create rectangular selection with Rectangular Marquee Tool (M) and use your shortcut (see Install section).
Script has been tested for Photoshop CC 2014 on OS X Yosemite. If you have troubles, drop me a line: @romanshamin.
If you’re professional web developer:
- Use Size Marks for free and pay with a tweet/post
- Buy me a cup of puer 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!
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.