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
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
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.
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.
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-exchang
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.
Business Accounts
Answer for Membership
by: crittle1Posted on 2009-04-24 at 09:33:41ID: 24226824
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.