GRAPHICXTRAS.COM TUTORIALS

Affinity Photo  Illustrator  Photoshop  Painter  E-mail

graphicxtras.com > tutorials > Photoshop type

Add Background Color To Type in Photoshop Tutorial How To Beginner's Guide

By Andrew Buckle, Video Tutorial Creator / Designer

Updated : 2021

 

How to add background color to type in Photoshop ? Sadly, Photoshop has fill and stroke but no background color feature which is such a pity as many other apps have that. You can quickly create some colorful background for your type

 

The key thing is to duplicate the type that you have by holding down the alt / option key and with that, you can then go to the type menu and convert to shape command for the type. The type is now just a standard shape.

 

Go to the direct selection and select the type you want to use, say a whole line or perhaps a select a single word or letter. Go to the shape pathfinder options at the top of the screen (middle) and use the merge option 'merge shape components' otherwise you will still have multiple shapes and you will end up with multiple guides.

 

Go to the view menu with you type and for the area you want to add a background color, select the view menu and new guide from shape command and now you should see guide lines surrounding the letters you want to add the background to.

 

Delete the expand type (those letters currently selected) and you will have a rectangular area which can now be filled with the standard rectangle tool (especially if you have the view menu and snap on and snap to guides). Create a rectangle shape (shape layer format) and add in the color you want for your background color (red, green etc)

 

Repeat this for all the other chunks of text you want to add background color to. Select all these different color backgrounds and perhaps go to the layer menu and smart objects and convert to smart object and then goto the layers panel and drag that below the original type in Photoshop and then drag the colorful Photoshop type background colors to below the type or offset etc depending on what you want. There you have it, background color added to the type. You can also then select both the type and the colors and also use the object menu and smart object and convert to smart object.