Categories
design education technology

Delicious Orange Cream Text in Photoshop

Add Some Yellow Zest

  1. In the Layers panel, click on the second “Orange Cream” layer from the top. This is the one in white.
  2. Press Ctrl+J (Mac: Cmd+J) to duplicate the layer.
  3. Move this duplicated layer to the top of the stack.
Duplicate the white text layer and move it to the top
Duplicate the white text layer and move it to the top
  1. Select the Type tool and change the text color for this layer to a slightly orangy-yellow. I chose R: 255, G: 228, B: 0.
Choose a slightly orangy-yellow
Choose a slightly orangy-yellow
  1. In the Layers panel, Ctrl+click (Mac: Cmd+click) on the layer thumbnail for the brownish text (the bottom “Orange Cream” layer).

Ctrl+click on the layer thumbnail for the brownish text
Ctrl+click on the layer thumbnail for the brownish text

This will create a “marching ants” selection in the layer window.
Marching Ants selection
Marching Ants selection

  1. Select > Inverse to invert the selection.
  2. In the Layers panel, make sure you still have the top-most “Orange Cream” layer selected.
  3. Click on the Add Layer Mask icon at the bottom of the Layers panel.

Add Layer Mask icon
Add Layer Mask icon

This should be your result. Most of the yellow is hidden. However, there are still some yellow bits that overlap the orange edges:
Layer mask hides most of the yellow layer
Layer mask hides most of the yellow layer

 

Fix the Yellow Overlap

  1. In the Layers panel, Ctrl+click (Mac: Cmd+click) on the layer thumbnail for the orange (the second “Orange Cream” layer).
Ctrl+click on the layer thumbnail for the orange text layer
Ctrl+click on the layer thumbnail for the orange text layer
  1. Select any of the Marquee selection tools in the Tools panel. This will allow you to move the selection outlines.
Select any Marqee tool
Select any Marqee tool
  1. Use your arrow keys to move the selection up and to the left. I pressed the up arrow twice and the left arrow twice.
Move the selection up and to the left
Move the selection up and to the left
  1. Select > Inverse again.
  2. In the Layers panel, click on the layer mask thumbnail for the top-most “Orange Cream” layer. It’s the rectangle that show the text in black.
Click on the layer mask
Click on the layer mask
  1. Edit > Fill. For Use, choose Black. Click OK.
Fill with Black
Fill with Black
  1. Press Ctrl+D (Mac: Cmd+D) to deselect.

Final yellow text layer with layer mask
Final yellow text layer with layer mask

Detail of orange text
Detail of orange text

To complete the effect, add orange “SHAKES & MALTS” text centered underneath. Use a thick, bold sans-serif (“without serif”) font. I used 48pt Antigoni Bold.

Final Orange Cream text - click for a full-size version
Final Orange Cream text - click for a full-size version

 

If you have any questions or feedback, I’d love to hear from you in the comments below.

 

Done

6 replies on “Delicious Orange Cream Text in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.