Solved

ISO: PSD utility to get colors and fonts

Posted on 2013-10-27
4
367 Views
Last Modified: 2013-10-27
I do not have photoshop, and do not intend to purchase it. However, I am often given PSD files and told to create web pages from them. I have MS Expression Web, which can convert the various layers into JPG files, which I can then manipulate. But the graphic artists often put in text with particular colors and fonts, and I have trouble duplicating them.

Is there a third party utility - preferably without cost - that can help me determine the font and color used for text in a PSD file? Otherwise, I have to go back to the graphic artist, and it does not look so good for me.

The 19mb PSD file in question can be downloaded from this location: http://www.aleh.org/home_layers.psd

Thank you.
0
Comment
Question by:Lev Seltzer
  • 2
  • 2
4 Comments
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39604012
Since many people use photoshop, it is something you should invest in or at least let the designer know what you use so they can spec the fonts and colors for you.  

You can use open source http://www.gimp.org/ in place of photoshop also try online http://pixlr.com/editor/
0
 

Author Comment

by:Lev Seltzer
ID: 39604081
I tried both programs, and was able to open the image and see all the layers. But the font information was not displayed.

Were you able to view it using either program? Both programs are very complex, and it might be that they can display what I need, but because of the complexity I just do not know where these menu/toolbar options are located.
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39604203
Below are the fonts used and some of the colors although if you can make your own jpg's you should be able to determine the color on your own.  I hope this info gets you started. If you are going to be a webbuilder, this stuff is website building 101.  I agree for the one person shop adobe products seem excessive but it is pretty much industry standard and I do think gimp is harder to use but it is at least free.  For future, if you don't want to invest in this, I would simply let the designer know you are a coder and not a designer and to please let you know the fonts and colors used. They will understand.

Good luck on your project.

Navigation:Myrad Pro
Background color:#8cc63b
Color:#256224

Body text: OpenSans
background color:#f2f3e6

Footer
background:#b7bc88
color:#515811
0
 

Author Closing Comment

by:Lev Seltzer
ID: 39604240
Thank you. I will use the information you provided. I can't get into photoshop at this time - too much of an investment in time and training, and I am trying to do other aspects of website design - so I'll just ask the designer next time to provide the information for me.
0

Featured Post

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Cut out portion of vector image in Illustrator 2 161
Stitch images together horizontally (like Panorama) 4 83
Photo editing 22 59
Need a poor man's PowerPoint 5 111
This article discusses the PaperPort 14 Scanner Connection Tool, which Nuance provides at no charge in order to fix scanning problems in Windows 8. Furthermore, users of PaperPort 14 in Windows 7 and Windows 10 have reported that the tool works in t…
Microsoft Office Picture Manager was included in Office 2003, 2007, and 2010, but not in Office 2013. Users had hopes that it would be in Office 2016/Office 365, but it is not. Fortunately, the same zero-cost technique that works to install it with …
Learn how to automatically add page numbers in your next InDesign project. This can be very helpful in multi-page books and magazines that you are designing. Make sure your Pages window visible.:  In the document you wish to add page numbers to. Act…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question