Git Product home page Git Product 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:
  2. 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
  3. Restart Photoshop. The script should now be available in File ▸ Scripts ▸ Size Marks.
  4. Next, let’s make a shortcut. Edit ▸ Keyboard Shortcuts.... Unfold 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, 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.

Get the latest release.

Required information

  1. Your version of Photoshop CC. Select Photoshop CC ▸ About Photoshop CC... and find out a line that looks like 2015.0.1 Release at the top of the dialog box.
  2. The sequence of steps that led to the error (this will help me to reproduce the issue).
  3. Provide a link to the .psd file in your Dropbox. Just remove all secret data and save as a copy.

How to report

  1. Open the Issues tab and click New issue.
  2. Sign in or register on Github.
  3. 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
  4. Place the full description (see Required information above) into the next field, attach screenshots and hit Submit new issue.
  5. Optional. ☕️ Buy me a cup of coffee to give me extra energy.

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.

size-marks-ps's People

Contributors

adamculpepper avatar anton-liubushkin avatar romashamin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

size-marks-ps's Issues

Install guide for Windows

The instructions are written in Mac format, but the script itself does indeed work on Windows (7 is what I used to test it on), so how about some Windows love? I was able to get the script work, but some of the instructions lead to a dead end on Windows.

  • For me, there wasn't a /scripts folder in C:\Users\\[USER]\AppData\Roaming\Adobe\Adobe Photoshop CC 2014\Presets
  • Using File > Scripts > Browse was the way I was able to get the script to run
  • The script never showed up in my menu - I had to do the previous step each time, therefore, I wasn't able to make a keyboard shortcut.

Great script, thanks for sharing!

CS6 Compatibility

Is it compatible with CS6? And if not, is there anyway to have that? It's a good addon

Script Alert when using size marks

When trying to run the size marks script I get the attached error. I also included the photoshop version information. This is the latest version of photoshop released in late June.
untitled-1

Respect current foreground color

It would be great if script will use current foreground color for measurements color. Pink is ok, but on red-pink backgrounds it is almost invisible

Совместимость с более ранними версиями PS (PS CS5 например)

Роман, а возможно сделать совместимость с более ранними версиями PS? Например, с CS5.
Скрипт запускается, рисует прямую, но падает на попытке написать значение.
При этом, пробовал Pixel Measure (похожий по функционалу скрипт 2009 года). Он работает, но косячит с вычислениями. Т.е. функционально это вроде возможно делать на старых версиях PS.
Скриншот ошибки - https://dl.dropboxusercontent.com/u/8690262/screenshots/size-marks-error.png

Спасибо.

Size language

Hi
i have a problem with the size language , it always write with Arabic language and i want it to be English

Displays sizes in both inches and px

Hi,
your tool is really great. I've been looking for such script for so long :)
I still have a little issue though. It displays sizes in px and inches.
I've tried to set all sizes in px in the Preferences but didn't solve it.
Any clue ?
And thanks again for your work.

screen shot 2014-11-13 at 16 58 40

Error Message : "- The command " <unknown> " is not currently available"

What's happening : Every time I use the script, the following error appears. (Tested on a blank file)
screenshot_4

The script still works perfectly, I can close the error message and continue working.

Adobe Photoshop Version: 2014.0.0 20140508.r.58 2014/05/08:23:59:59 x64
Operating System: Windows 8.1 64-bit

Text too light

Even on a white background, the soft pinkish text is too light. Would like to see it darker or more saturated.

Marks-PS

How to show the unit measures in cm?

Syntax error when starting the script

I have just installed the script following the instruction and, whenever I start it from Photoshop, it just pop s up an error (see the screenshot attached for all the details).

Thank you for your support.

2016-07-23 11_53_49-start
2016-07-23 11_59_03-adobe photoshop cc 2015

Scaled units

I'm confused by what Scaled Units are for. I see that they convert the target to points using the document resolution but I'm failing to understand how that's helpful, to me, at least (?).

Limit decimal places

On a retina Mac using Photoshop CC, it seems that the script outputs both pt and px sizing for the layer, the pt size having about 10 decimal places. You end up with something like "18.98374986345pt / 354px" as the text, which is obviously not very neat (or helpful). On a non-retina Mac with Photoshop CC, only the px size is shown.

Might be a setting somewhere in Photoshop itself, but not sure what / where. Any ideas?

Respect current measurement mode

It would be great if script will respect current document measurements (e.g. px/pt/mm/cm/etc.).
Also, maybe, depending on this line thickness and font size should vary

Feature/change request

Very useful script, thank you! I would like to make a few change requests for user options:

  • Add user option to change line and font color
  • Add user option to change line thickness
  • Add user option to change font
  • Add user option to change font size
  • Add user option to select units (current version displays points and px at the same time - would be nice to select one or the other)

Again, thank you!

pt/px

Hi!

Thank you for a great plug-in! Just wanted to know if there's a way to toggle off the "pt" size amount and only have "px"? The gif image on the info page shows only px in use but I just installed it and tried it out but I get sizes listed as "101.6 pt / 144 px", and I only need px.

Thank you in advance!

Size Mark Opacity issue

Hi Admin,
Ruler Opacity Appear Light Compare to Number, A Beginning it was good but after of some time use, this problem appears. I tried to Reinstall the tool but the same problem appears again. I am using Photoshop 2021.
I would be Greatfull if I get help

PT unit is shown alongside PX

It showed measurements as PX only a minute ago, it's showing things as "334.5pt / 446px". As brilliant as this dual unit feature may be, it creates confusion for the developer.

Anyway to hide PT? and show PX only?

Photoshop 154 Error: Internal error (OS: El Capitan)

Hi,

After using Command+Shift+P (default shortcut), the plugin makes the layer for marking, but at the middle of processing an error 154 occurs. after clicking on "OK", we have just the dimension number, no line for marking.
screen shot 2016-01-26 at 11 16 32 am
screen shot 2016-01-26 at 11 19 51 am

Font Size

Is there a way to control the font size that is being output?

Need pixels only

Hi!
I use the CS 6(v.13.1.2) and SM.jsx-v1.0. Everything works perfectly. But the script shows both sizes. I need pixels only. How to hide the first size (pt)?
00notneed

ps cc 2019

Hi
Anybody know that why is the rule is far from the number (attached the printscreen)?
image

Стиль

Здравствуйте! Как сделать:

  1. Что бы размеры отображались в миллиметрах или сантиметрах?
  2. Как изменить размер шрифта (например при высоком разрешении, очень мелкий текст размеров получается)?
  3. Как менять цвета текста и линий?
  4. Стиль линий (пунктир)?

Feature Suggestion: Select 2 objects and run script

Would love to be able to select two layers and run the script. It would calculate both vertical and horizontal and then I could delete the one not needed; this, short of separate scripts for each axis.

2 extra pixels...

Hi Roman,
It appears that when I make a selection of 100px for example, the script returns a size of 102px.
And do the same for any size. Always add 2 extra pixels to the selection.
This can be solved by selecting a 2px smaller area than the one really needed. But it's sometimes painful and tricky, especially when using the magnetics smart guides. However they are very helpful in that kind of tasks. So it's too bad having to disable them :)
Does anyone has the same issue ?

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.