Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Photoshop

How I can use the Photoshop to see coordinates and also find out measures and colours of any images/icons? It is always confuse for me when I have to extract informations from a layout to write my CSS.

4 Answers

Andrew Chappell
Andrew Chappell
12,782 Points

You can get colours in Photoshop using the eyedropper tool. The shortcut is i in Photoshop. Just open an image, select the eyedropper and click the colour in the image you want.

Then in left hand toolbar the colour of the foreground should have changed. Double click that and it will give you the colour value.

What about images/icons measures? How can I see that in Photoshop?

Grace Faires
Grace Faires
5,435 Points

Hey,

To view the measurements of an image/icon, go to Window > Info to show the info window.

Then, select the element that you would like to show the measurements for, and the width and height should show in the Info window.

An easy way to select your chosen element is just to Cmd + Click on the thumbnail of the layer that its on.

Hope this helps?

Thanks guys! Appreciate you both taking the time to answer my question