Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1225
  • Last Modified:

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

0
trexhendrix
Asked:
trexhendrix
  • 3
  • 2
1 Solution
 
crittle1Commented:
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.
0
 
crittle1Commented:
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.
0
 
statler01Commented:
You don't need to work bigger and scale down.
As long as you start at what you want your finished resolution to be, you'll be fine.

Text in CS3 is created as vector art. If you want to modify the text, then you'll need to convert it to a path. If you're using the text as it's typed, you don't need to.

Any other lines on your image should be done with paths (use the pen tool) to get the cleanest lines, but a hard edged brush will be adequate for many things too.


If you're wanting to have something that will look good at multiple resolutions (maybe a small logo on a header, and a bigger one somewhere else) you have two options: create the PSD as big or bigger than the largest graphic you'll need, then make the smaller versions by scaling down; OR create everything as vector art. Illustrator would be best for that, but Photoshop CS3 does have several vector tools available.
0
 
statler01Commented:
As noted above, save your image with a format that supports transparency (PNG or GIF).
0
 
crittle1Commented:
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.

http://www.experts-exchange.com/Software/Photos_Graphics/Web_Graphics/Q_24335864.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.


0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now