Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create an Ice-Cream Scoop Text Effect in Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:
Final product image
What You'll Be Creating

This tutorial will show you how to use textures, layer styles, and brushes to create a colorful, delicious ice-cream scoop text effect. Let's get started!

This text effect was inspired by the many Layer Styles available on GraphicRiver.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create the Background and Text Layers

Step 1

Create a 1000 x 800px New Document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create the Gradient Fill using the Colors #7e4569 to the left, #5a1961 in the middle, and #311737 to the right.

Change the Style to Radial and the Scale to 150%, and check the Dither box.

Gradient Fill

Step 2

Create the text, each letter in a separate layer, in All Caps using the font Neretto Sans. Set the Size to 150 pt and the Color to White.

Create the Text

Step 3

For each letter you have, select its layer, and press Command-T to enter Free Transform Mode.

Rotate and move the letters slightly to create a dynamic result, and hit the Return key to accept the changes.

Transform the Letters

Step 4

In order to keep things organized, match each layer's name with its letter, and add numbers for any repeated ones.

Rename the Layers

Step 5

For each letter's layer you have, Duplicate it, and change the copy's Fill value to 0.

Duplicate and Change the Fill Values

2. How to Select and Add Texture Images

Step 1

Open the Ice cream scoop images, and pick the Quick Selection Tool.

Click the Add to selection icon in the Options bar, and check the Auto-Enhance box if you want to get a precise selection, though this is optional as it might slow things down a little bit.

Click-drag to select a scoop image, and go to Edit > Copy.

Select and Copy the Scoop Image

Step 2

Back to the original document, go to Edit > Paste.

Right-click the pasted image's layer and choose Convert to Smart Object.

Place the scoop image on top of the letter you want to add it to, right-click the scoop image's layer again, and choose Create Clipping Mask to clip the image to the letter.

Add the Scoop Image to the Letter

Step 3

Press Command-T, and Transform the scoop image until you like how it looks inside the letter.

Hit the Return key to accept the changes.

Transform the Scoop Image

Step 4

Repeat the same steps to select the other scoop images and add them to the rest of the letters you have.

You can use the same image more than once, but Transform it to make it look different.

Add More Scoop Images

3. How to Style a Text Layer

Double-click the first letter's original text layer to apply the following Layer Style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 35
  • Check the Anti-aliased box
  • Highlight Mode:
    • Color: #ff988a
  • Shadow Mode: Color Burn
    • Color: #daaf98
    • Opacity: 35%
Bevel and Emboss

Step 2

Add a Contour with these settings:

  • Contour: Half Round
  • Check the Anti-aliased box.
Contour layer style

Step 3

Add a Texture with these settings:

  • Pattern: Ant Farm
Texture layer style

Step 4

Add an Inner Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #b27a67
  • Opacity: 35%
  • Distance: 0
  • Choke: 13
  • Size: 24
Add an Inner Shadow

Step 5

Right-click the styled layer, choose Copy Layer Style, select the remaining original text layers, right-click any of them, and choose Paste Layer Style.

Copy and Paste the Layer Style

Step 6

You might notice that the style doesn't look good for all the different colors.

So you can double-click each letter's layer, and adjust its Bevel and Emboss's Highlight Mode and Shadow Mode Colors, as well as its Inner Shadow Color.

Match those colors to the letter's texture colors, and you can even sample the colors from the texture itself. No specific values are needed, just whichever ones look good.

Adjust the Effect Colors

4. How to Add Dimension

Step 1

Double-click the first letter's copy text layer to apply a Bevel and Emboss effect with these settings:

  • Size: 24
  • Uncheck the Use Global Light box
  • Angle: 164
  • Altitude: 53
  • Check the Anti-aliased box
  • Highlight Mode: Soft Light
    • Color: #ffe9e9
  • Shadow Mode:
    • Opacity: 0%
Bevel and Emboss layer style

Step 2

Copy and Paste the Layer Style to the rest of the copy text layers you have.

Copy and Paste the Layer Style

Step 3

Place each letter's layers in a Group with its name.

Group the Letter Layers

5. How to Create Stroke Layers

Step 1

Create a New Layer on top of all the first letter's layers inside its group, and name it Stroke.

Add a Stroke Layer

Step 2

Press-hold the Option key, and click-drag the letter's scoop image to create a Copy and place it on top of the Stroke layer.

Duplicate the Scoop Image

Step 3

Clip the copy scoop image's layer to the Stroke layer.

Repeat the same steps to create the other letter's Stroke layers.

Clip the Scoop Image

6. How to Stroke a Work Path With a Modified Brush Tip

Step 1

Pick the Brush Tool, and open the Brush panel.

Choose a Hard Round Tip, and use these settings for the Brush Tip Shape and Shape Dynamics tabs.

Brush Tip Settings

Step 2

Right-click the first letter's text layer, and choose Create Work Path.

Make sure to select the Stroke layer afterwards.

Create Work Path

Step 3

With the Brush Tool active, hit the Return key once to Stroke the path.

Pick the Direct Selection Tool (A), and hit the Return key one more time to get rid of the work path.

Stroke the Work Path

Step 4

Repeat to create the rest of the letters' strokes.

Repeat for the Other Letters

7. How to Style a Stroke Layer

Double-click the first letter's Stroke layer to apply the following Layer Style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 7
  • Uncheck the Use Global Light box
  • Angle: 167
  • Altitude: 21
  • Check the Anti-aliased box
  • Shadow Mode: Linear Burn
    • Color: #d5ccb9
    • Opacity: 65%
Bevel and Emboss layer style

Step 2

Add a Drop Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #6e6e6e
  • Opacity: 10%
  • Distance: 0
  • Size: 10
Drop Shadow layer style

Step 3

Copy and Paste the Layer Style to all the Stroke layers.

Copy and Paste the Layer Style

8. How to Create a Sprinkles Brush Tip

Step 1

Create a 100 x 100px New Document with a White Background, pick the Rounded Rectangle Tool, and set the Radius in the Options bar to 15.

Click once anywhere in the document to get the Create Rectangle box, change the Width to 15 and the Height to 35, and click OK.

Make sure that the shape's Fill Color is Black, and place it in the center of the document.

Create a Rounded Rectangle Shape

Step 2

Go to Edit > Define Brush Preset, change the Name to Sprinkles, and click OK.

Define Brush Preset

Step 3

Go back to the original document, pick the Brush Tool and open the Brush panel.

Choose the Sprinkles tip and use these settings:

Brush Tip Shape

Brush Tip Shape

Shape Dynamics

Shape Dynamics

Scattering

Scattering

Color Dynamics

Color Dynamics

9. How to Use a Sprinkles Brush Tip

Step 1

Create a New Layer on top of all layers and call it Sprinkles.

Set the Foreground Color to #fe0000 and the Background Color to #1b9be6.

Click-drag slightly inside the text area to add the sprinkles.

You can change the color outcome by changing the Foreground and/or Background Colors.

Add the Sprinkles

Double-click the Sprinkles layer to apply the following Layer Style:

Step 2

Add a Bevel and Emboss with these settings:

  • Size: 1
  • Uncheck the Use Global Light box
  • Angle: 128
  • Altitude: 37
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
Bevel and Emboss layer style

Step 3

Add a Drop Shadow with these settings:

  • Blend Mode: Color Burn
  • Color: #010101
  • Opacity: 10%
  • Distance: 3
  • Size: 5
Drop Shadow layer style

Step 4

Click the Add layer mask icon at the bottom of the Layers panel, and select the mask's thumbnail.

Add a Layer Mask

10. How to Create a Mask's Texture Fill

Step 1

Set the Foreground and Background Colors to Black and White, and go to Filter > Render > Clouds.

Render Clouds

Step 2

Go to Filter > Filter Gallery > Sketch > Reticulation, and use these settings:

  • Density: 12
  • Foreground Level: 40
  • Background Level: 5
Reticulation Filter Settings

Step 3

Click the New effect layer icon in the bottom right corner, and apply the Photocopy filter with these settings:

  • Detail: 7
  • Darkness: 8
Photocopy Filter Settings

Step 4

Add another New effect layer, and apply the Bas Relief filter with these settings:

  • Detail: 13
  • Smoothness: 3
  • Light: Bottom
Bas Relief Filter Settings

This will apply a Layer Mask that blends the sprinkles with the scoops to make the effect look more realistic.

Layer Mask Texture

11. How to Add More Sprinkles

Step 1

Create a New Layer on top of the Sprinkles layer, name it Sprinkles 2, and Copy and Paste the Sprinkles layer's Layer Style to it.

Set the Foreground Color to #fe0000 and the Background Color to #01ffe5, and add some more sprinkles to the text.

Add More Sprinkles

Step 2

Add another New Layer on top of all layers, name it Sprinkles 3, Paste the same Layer Style to it, and add some more sprinkles around the text.

Add Sprinkles Around the Text

Step 3

Put all the sprinkle layers in a Sprinkles group.

Sprinkles Group

12. How to Style a Drip Layer

Step 1

Create a New Layer on top of all the first letter's layers, and name it Drip.

Press-hold the Option key to click-drag the letter's scoop image on top of the Drip layer, and Clip it to it.

Right-click the scoop image and choose Convert to Smart Object.

Create a Drip Layer

Double-click the Drip layer to apply the following Layer Style:

Step 2

Add a Bevel and Emboss with these settings:

  • Size: 16
  • Soften: 1
  • Uncheck the Use Global Light box
  • Angle: 30
  • Altitude: 48
  • Gloss Contour: Cone
  • Check the Anti-aliased box
  • Shadow Mode: Vivid Light
    • Color: #a1a1a1
Bevel and Emboss layer style

Step 3

Add a Contour with these settings:

  • Contour: Rounded Steps
  • Check the Anti-aliased box.
Contour layer style

Step 4

Add an Inner Shadow with these settings:

  • Blend Mode: Color Burn
  • Opacity: 35%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 3
  • Choke: 33
  • Size: 3
Inner Shadow layer style

Step 5

Select the Drip layer's scoop image, go to Filter > Noise > Median, and change the Radius to 5.

Median Filter

Step 6

Go to Filter > Blur > Gaussian Blur, and change the Radius to 2.

Gaussian Blur

13. How to Paint Drips

Step 1

Pick the Brush Tool, use the same settings of the stroke brush tip, but change the Spacing value under the Brush Tip Shape tab to 1%.

Brush Tip Shape

Step 2

Select the Drip layer, and start painting the drips by slowly dragging the brush into the shape you like.

Paint the Drips

Step 3

Use the Eraser Tool to get rid of any areas you don't like.

Erase Unwanted Areas

Step 4

Repeat all the steps to add drips to the rest of the letters you have.

Add More Drips

14. How to Add Shadows and a Background Texture

Step 1

Double-click the first letter group you have to apply a Drop Shadow effect with these settings:

  • Blend Mode: Color Burn
  • Opacity: 7%
  • Distance: 45
  • Size: 20
Drop Shadow layer style

Step 2

Copy and Paste the Layer Style to the rest of the letter groups.

Copy and Paste the Layer Style

Step 3

Place the MGrunge005 image on top of the Gradient Fill layer, resize it as needed, and change its layer's Blend Mode to Soft Light and its Opacity to 25%.

Add the Background Texture

15. How to Make Global Adjustments

Step 1

Create a New Layer on top of all layers, name it High Pass, and press the Shift-Option-Command-E keys to create a stamp layer.

Right-click the High Pass layer and choose Convert to Smart Object.

Create a High Pass Layer

Step 2

Go to Filter > Other > High Pass, and change the Radius to 1.5.

High Pass Filter

Step 3

Change the High Pass layer's Blend Mode to Soft Light and its Opacity to 50%.

High Pass Layer Settings

Step 4

Add a Gradient Map layer on top of all layers, and create the Gradient Fill using the Colors #55456b to the left, #79566e in the middle, and #d4977c to the right.

Check the Dither box, and change the Gradient Map layer's Blend Mode to Soft Light and its Opacity to 50%.

Gradient Map adjustment layer

Congratulations! You're Done

In this tutorial, we created a couple of text layers, and added ice-cream scoop textures to them.

Then, we used brushes and layer styles to style the textured letters and add strokes, drips, and sprinkles to them.

Finally, we used textures and adjustment layers to finish off the effect.

Please feel free to leave your comments, suggestions, and outcomes below.

Ice Cream Scoop Text Effect Photoshop Tutorial
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.