Tutorial: How to fill in text letters

  • SB
  • Moderator
  • Genius
  • User avatar
  • Posts: 8741
  • Loc: Aberdeen, Scotland

Post 3+ Months Ago

Introduction

 

This very very basic tutorial is going to teach you how to use a font of choice and allow you to make the font hollow so you can fill it in with a color of your choice.

This tutorial is being written for users using Photoshop CS3. Most of the features you are using still appear in older and even newer versions of this software.


Setting up your graphic



First of all, you want to set your graphic up. To do this, i created a new blank canvas with a white background. The size of my graphic is 500px in length by 150px in height. The second step here was to click on the Text button which you should see on the panel which by default is usually found on the left of the screen, right next to your graphic canvas. Having the "text" button selected i proceeded to type in the text i want to use, in this case the site domain name, Ozzu.

Attachments:
tutorial1.jpg

You can see the character settings and font used by looking at the "Character" box situated to the top right of my screen.


 

Making the text appear hollow



Next you want to make the text appear hollow. In order to do this you need to click on Filter > Stylize > Find Edges. When you click on Find Edges you will be asked if you want to Rasterize the text. What this means is you would no longer be able to add more text into that text field as you would in effect be making it a graphic instead of text. You need to click OK to proceed.

Attachments:
tutorial2.jpg

Remember to click OK once you have selected "Find Edges"




Filling in the gaps



Your graphic is now hollow, it should simply have an outline of the text and white surrounding the outside and inside the hollow shaped letters. On the palette to the left of the screen there is a button you want to click now called "Quick Selection", you can simply press "w" on your keyboard and it should select it for you. Once this is selected you want to click the inside of the letters. Once you have done this you need to select Edit>Fill. There is a drop down box in the Contents section of the Fill Box, if you click down and select "Color..." it will then open up another box allowing you to choose the color you are after.

In my example i have decided to go for a nice Dark Blue color. Once you have picked your color, click on OK, then OK again to the Fill Box. This should fill in the hollow space perfectly.

Attachments:
tutorial3.jpg



Conclusion

 

The final look should be something like this...

Attachments:
tutorial4.jpg


This is quite a nice feature which can be played about in many different ways. This is a very simple and quick way of doing something basic to a logo, however it is the first step towards doing something a bit more creative with a logo. I fully intend on doing a follow up to this tutorial with a few neat tricks which will allow you to something even smarter using some of the tools on Photoshop CS3.

If there is something here you do not understand then please leave a reply here and i will do my best to answer them as soon as possible.

Regards,
Craig
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 1 post
  • Moderator: Tutorial Writers
  • Users browsing this forum: No registered users and 1 guest
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.