How to Change the Colour of Text with Photoshop

Would you like to be able to change the colour of text on your photographs using Photoshop? Today’s video will show you how to do just that.

It builds on last week’s tutorial, which showed you how to add a text quote to a blank notebook in a stock photo. You can change the colour of a whole layer with a single-colour overlay or have multiple colours within one text layer for emphasis and impact.

Would you like to be able to change the colour of text on your photographs using Photoshop? Today’s video will show you how to do just that. It builds on last week’s tutorial, which showed you how to add a text quote to a blank notebook in a stock photo. You can change the colour of a whole layer with a colour overlay or have multiple colours within one text layer for emphasis and impact. itsorganised.com | Photoshop Tutorials for Small Business  

HOW FONT COLOUR CAN HELP YOUR IMAGES?

Playing with the colour of text can help you to:

  • add brand colours to blog images;
  • colour-coordinate text with items in an image;
  • highlight key words in text for added emphasis and impact; or
  • increase contrast between the text and the background photo.

For example, in the video, the text has been changed to blue to add contrast between the text and the background items. I want the text to be noticed and read, the plants are simply there to add interest and frame the text.

The video will show you two ways to change text colour.

  1. The first is by adding a single-colour overlay to the layer. This means everything on that layer will be the same colour. You can choose a colour from the colour picker, type in a specific or brand colour, or you can click anywhere on the photo to choose a matching colour. You can also switch this overlay on and off with one click, once it is in place.
  2. The second way is by selecting individual words or phrases and changing their colour using the font colour option. This is a great way to have multiple colours on one text layer, rather than individual text layers for each word/phrase/colour combination, which you then need to align. 


VIDEO TUTORIAL

This video will show you how to:

  • add a single colour to text with a text overlay; and
  • select individual words and change their colour.

 


THE STEP BY STEP

ONE COLOUR USING A COLOUR OVERLAY

  1. Double click on the Text Layer. This opens the Layer Style box.
  2. Select Colour Overlay.
  3. Click on the Colour Swatch. This opens the Colour Picker (Overlay Colour) box.
  4. Type a specific colour in using the # hex code or RGB settings. Or..
  5. Choose a colour by clicking anywhere on the colour picker and use the slider to change the hue. Or..
  6. Choose a colour from your photo by hovering over the photo and clicking. You can then further adjust the colour with the colour picker/sliders.
  7. Click Okay to confirm your colour choice.
  8. Click Okay to confirm your changes and close the Layer Style box.
  9. Your Text Layer will now show an Effect-Colour Overlay.
  10. To change the colour overlay, just double click where it says Colour Overlay and follow the instructions above.
  11. To turn the colour overlay off, just click the eyeball next to where it says Colour Overlay.


MULTI COLOUR USING THE FONT COLOUR SWATCH OPTION

  1. Double click on the T Icon on the Text Layer. This selects the text within your text box.
  2. Click anywhere inside the text box to see your cursor.
  3. Select the word/phrase/sentence you want to change the colour of.
  4. On your Options Bar at the top of the screen, click on the Colour Swatch. This will open your Colour Picker (Text Colour).
  5. Type a specific colour in using the # hex code or RGB settings. Or..
  6. Choose a colour by clicking anywhere on the colour picker and use the slider to change the hue. Or..
  7. Choose a colour from your photo by hovering over the photo and clicking. You can then further adjust the colour with the colour picker/sliders.
  8. Click Okay to confirm your colour choice.
  9. Repeat from Step 3 as many times as required.
  10. Click the Checkmark on the Options Bar to confirm your text changes.

 

BEFORE & AFTER

It’s a tiny change, but varying the colour of a few words in a quote make a surprising difference and adds emphasis. 

Would you like to be able to change the colour of text on your photographs using Photoshop? Today’s video will show you how to do just that. It builds on last week’s tutorial, which showed you how to add a text quote to a blank notebook in a stock photo. You can change the colour of a whole layer with a colour overlay or have multiple colours within one text layer for emphasis and impact. itsorganised.com | Photoshop Tutorials for Small Business


HAVE A GO!

You can download the image used in the video from the Resource Library is you’d like to have a go, but don’t have a suitable photo.

How can you use colour to improve the impact of the font on your next blog or social media image? Could changing the colour of one word make your image stand out and have a greater impact?

If you are not sure how to work with the Text Tool in Photoshop, try this tutorial on adding text to a photo to get you started.