Link to home
Start Free TrialLog in
Avatar of trexhendrix
trexhendrix

asked on

Creating a sharp, clean text logo in Photoshop CS3

I am just learning to use Photoshop.  I would like to create a simple text logo for the web so that the text has sharp, clean edges.  I suppose I need to somehow convert the type to a vector image. Ultimately I would like to have a text logo that has a transparent background but I can work with a color filled background.  

Could someone tell me the tools to use and the steps to perform to get sharp-edged text that is scalable?  And should the final image be a gif or jpg?

Thanks,
Steve

Avatar of crittle1
crittle1
Flag of United States of America image

Illustrator should be used for logo's. If you only have Photoshop, then you can type it out, right click on the layer and "create work path". This creates a path. Then you can make a new layer, make the path a selection and fill. But you have to make the file a large size and scale down at print time for a smooth print. I think even if you scale photoshop image, it's still going to rasterize. Someone correct me if I'm wrong.

If you have Illustrator, you will "create outline" from the text and this would then be scalable.
OH, I just read for the web. I'm sorry, I was referring to print.
For the web,  you can just make a larger size of the logo, save as .png then scale it down in your html. This will keep the image from looking so blurry and will give you a transparent background. You have to make sure to have the background transparent to start with. (double click on the background layer to delete it, then save as transparent .png 24.
ASKER CERTIFIED SOLUTION
Avatar of statler01
statler01
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
As noted above, save your image with a format that supports transparency (PNG or GIF).
Please see this link for why I said it would look better if you started a little larger and then scale it down in html.

https://www.experts-exchange.com/questions/24335864/Make-a-smooth-rounded-button.html

This user was using fireworks. In my experience of design, I found my work to look better when I do this. It's more of a personal opinion it you want to get technical. I'm assuming you are saving for web also.