Code Monkey home page Code Monkey logo

size-marks-ps's Introduction

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.