Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Cream and Chocolate Cake Photoshop Text Effect
Tutorials Text Effects 43996 Views August 29th, 2018

Learn how to create a delicious 3D cake text effect in Photoshop using layer styles, 3D action generators and cake patterns. This is a tutorial also for Photoshop beginners that will learn new things and techniques. You have to download the sweets cake patterns that I used in order to create this effect.



If you want quick results you can try the PSD mockup for free.

Before we begin please download the ZIP file that includes all the cake patterns used in this tutorial.


In this tutorial we'll learn how to create vector shape silhouettes in Photoshop using some simple techniques. You can save the vector silhouettes as Photoshop custom shapes as I will show you in the next steps.

Open a new PSD file and add your text, shape, raster image tha you want to turn into cake. I will choose a text layer with font type Pacifico , a free font that you can download. Learn how you cann easily install new font in Photoshop from this quick tutorial for beginners.

For this step you have to download this useful 3D action and load it in Photoshop. Make sure you have only one layer before playing the action. If you have a background layer please delete it. This action was recently updated so if you have an older version you might have to download it again.

Add a Color Overlay to the text/shape layer and choose color #737373 . Pick the " 3D shape" action which is the second action from the ATN file. Click Play button and wait for the result.

Inside the "3d effect by psddude" group you will find a layer called "shadow" that you have to delete. Select all the visible layers and merge them into one single layer, pressing CTRL+E. Rename this layer and call it Cake Layer 1.

Go to Layer Menu>Layer Style and choose Global Light; make the settings shown in the preview.

Make 2 more copies of the Cake Layer 1 and call them Cake Layer 2 and Cake Layer 3. Now all we have to do is to add a layer style for each of these 3 layers. Let's start with the top one, Cake Layer 3 by adding these styles. For the Pattern Overlay use the "cake 4" pattern from the PAT file.

Let's go to the next layer, Cake Layer 2; first you have to move the layer 5px down. Pick the Move Tool and click the arrow down 5 times. Than add these layer styles. For the Pattern Overlay use the "cream 1" pattern from the PAT file.

Let's go to the last layer, Cake Layer 1; first you have to move the layer 5px down. Add these layer styles. Again, for the Pattern Overlay use the "cake 4" pattern from the PAT file.

Your 3d layered cake should now look like this:

Now you have to type the same text with the same font type, size, etc in a new layer. Call this layer Cake Top 1. Add these layer styles. Use the pattern "cake 1 by psddude" for the Pattern Overlay layer style.

Duplicate the Cake Top 1 layer and call it Cake Top 2. Use the pattern "cake 2 by psddude" for the Pattern Overlay layer style.

Add a layer mask to the Cake Top 2 layer and use the Brush Tool, color black to hide the upper part of the text layer. Simply paint inside the mask to hide the half top part of the text.

If you want you can add another layer above all the other layers and with the Brush Tool simply paint over the cream area like in the image. Choose any color you want, you can pick green to create a pistachio cream or purple to make a blueberry cake. Set the blend mode to Overlay.

The last final touch that you can add is a chocolate effect. Create a new layer and call it Chocolate. Use a hard round brush to paint some dripping chocolate shapes. You can use these drip vector or you can draw it yourself like I did.

To create the chocolate effect you have to add these layer styles to the Chocolate layer: Bevel and Emboss, Color Overlay and Satin.

For the final touches add a shadow effect and also you can use the chocolate style to add some text. So here is the final result for our cake typography with cream and chocolate.


If you want quick results you can try the PSD mockup for free.

5 ( 1 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

11 comment(s) for "Cream and Chocolate Cake Photoshop Text Effect"

1:54 AM Saturday, October 25, 2014
Hello, I followed to your recomendation with this tutorial, but...nothing happend. Instead your result (picture 1, see link) it produced picture 2 (see the same link) . Just in case I send to you the file psd.
Possible I was wrong on the way?
Respect, kotroj
1:58 AM Saturday, October 25, 2014
Move the "Cake layer 2" using the Move Tool and the arrows (3 pixels up) .
Move the "Cake layer 3" using the same Move Tool and the arrows (6 pixels up) and you should obtain the 3D look. reply
8:50 AM Monday, October 27, 2014
my version of the tutorial.
8:59 AM Monday, October 27, 2014
Very creative as always my dear friend :) reply
9:40 AM Monday, November 23, 2015
Amazing tutorial, please tell me how did you made the final shadow effect, at what layer/s and what styles. thank you reply
9:45 AM Monday, November 23, 2015
You can obtain a similar effect by creating a layer filled with black color(with the cake shape of course). Go to Filter>Blur and choose Motion Blur (Angle:45 and Distance 180) ... lower the opacity of the layer and move it to create the shadow effect. reply
1:57 AM Monday, January 4, 2016
My attempt at cake :) reply
10:12 AM Friday, May 6, 2016
Amazing tutorial! reply
1:14 AM Wednesday, June 8, 2016
Thanks for this amazing tutorial! reply
10:47 AM Friday, July 15, 2016
Strawberry and Chocolate Cake made by me in Photoshop. Hope you like it :) and thank you for wonderful tutorials reply
10:04 AM Monday, October 29, 2018
you can make video this tut ??? thank you so much :X:X:X reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action

      Metal Tag Photoshop Creator