Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
I am creating a web page base on adobe photoshop file. There are tons of images that vary in dimensions and spacing. Is there a way to view the dimensions of each element in px or em? Is there a way to view the spacing between elements in px or em?
Here is an example from Google Sketchup, but of course I want do this in Photoshop. I'm assuming that it must have this feature and that I'm just missing something.
A while back I found this plugin for dimensioning in Photoshop. wuwacorp.com/specking/
Yes, you can do both of those things. There are a number of ways:
Bring out the Rulers via View > Rulers. Then right click either one of them to select which unit to display your measurements in.
Bring out the Info panel via Window > Info.
Make sure you have Smart Guides enabled (View > Show > Smart Guides) and that your cursor snaps to them (View > Snap To > Guides).
Make new guides at the start and end of the distance you want to measure (easily done by dragging from the rulers at the top and left of your screen).
Bring out the Ruler Tool (it's in the same place of the toolbar as the Eyedropper Tool so you can either right click that or cycle through those tools with Shift+I).
Using the Ruler Tool, click and drag between the two guide lines. Use shift while dragging to keep the line perfectly straight/diagonal. This will measure the distance between the guides and show it in the options bar at the top of your screen – as well as in the Info panel.
Obviously, if you don't need such precise measurements you don't need to use Smart Guides. They are only there to make the snapping easier.
Bring out the Rulers via View > Rulers. Then right click either one of them to select which unit to display your measurements in.
Bring out the Info panel via Window > Info.
Simply Ctrl+Left Click (Cmd for Mac) on the desired layer thumbnail in your layers panel. This will select all the contents of that layer. Now you can see the size of the layer in the Info panel (of course, this does not take into account any space between the elements in the layer).
With the CC 2014 version of Photoshop comes a very handy new feature that will show you the distance between layers. To use it you simply have to select the layer you want to measure from and hover over the content you want to measure the distance to with Cmd(Mac)/Ctrl(Windows).
