Design Buzz Logo Affiliated Business News
95

With the advent of high-definition screens, web designers now have to make sure that the images they use are optimized for HD. Skipping this process may render websites blurry or pixelated, leaving a not so good impression on visitors. One of the best ways to deal with HD screens is to use Vector Graphic whenever possible.



Vector Graphic is scaleable at any size, so it will look great on an HD screen. In this post, we would like to share a quick tip on how to convert your Photoshop Text into SVG. If you have, for example, a text-based logo in your design, you’ll probably find this tip very useful.



Photoshop Stage

For this example, we will use a simple text-based logo created using the Pacifico font family (screenshot).



On the the Layers tab in Photoshop, right-click on the text layer and select Convert to Shape (screenshot).



Then, save the file in Photoshop EPS format.



Illustrator Stage

Open the EPS file in Adobe Illustrator. You should see that the text is now a vector object.



In this stage, you can make a few adjustments such as removing unnecessary layers, changing the background colors, or resizing. To resize the document in Illustrator, just go to File > Document Setup and select Edit Artboards.


You can use your mouse to resize the Artboard, or specify the size more accurately by filling in the Width (W) and the Height (H).



Next, save the file in SVG format, which is the default option. And that’s it.



Conclusion

The act of converting the font into Shape is to ensure compatibility across multiple computers – when you are working remotely, different fonts installed on different systems may cause the "Font missing" error. This may also happens with different versions of Adobe Illustrator or Photoshop. Turning text to SVG will help minimize or eliminate issues to do with compatibility.



Related posts:
20+ New Photoshop Text Effect Tutorials
5 Simple Tips to More Organized Photoshop Files
Convert Your Google Drive Files with DriveConverter
Copy and Extract Text From Images with GT Text [Quicktip]


Comments

Who Upvoted this Story

Who Downvoted this Story

Join Our Newsletter:


What is Design Buzz?

Design Buzz is a community for all those involved in designing, developing and running websites, web mastering, etc. Here are featured new design trends, news and events, design articles, design software, webmaster tips and tricks, creative tutorials and hand-picked design stuff from all over the world.

Latest Comments
Affiliated Business RSS Subscribers