Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Cream and Chocolate Cake Photoshop Text Effect

www.psd-dude.com
Tutorials Text Effects 46043 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.

Before we begin, I suggest you check out this awesome list with over 25 free Cake Fonts that you can download and use for commercial projects. Use the cake fonts online with the MocoFun text editor or install the fonts on your computer and use them in Photoshop.

For this tutorial I will use the Pacifico font but you can pick another cake font from the list.

DOWNLOAD the FREE Mockup

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

chocolate cake Photoshop text effect

To make this text effect, you have to download the ZIP file that includes all the cake patterns used in this tutorial.

DOWNLOAD_TUTORIAL_ASSETS(146KB)

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 can 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 "www.psd-dude.com 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 to the text. 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.

DOWNLOAD the FREE Mockup

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

chocolate cake Photoshop text effect

Chocolate Mockup

Design custom chocolates & personalized chocolate gifts that will wow your clients. Personalized chocolate bars for birthdays are a great way to impress your friends.

Chocolate Mockup
4.9 ( 104 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"

kotroj
kotroj
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
https://yadi.sk/d/ILxriXR8cGKNg
reply
PSDDude
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
Finja
Finja
8:50 AM Monday, October 27, 2014
my version of the tutorial.
Greetings
Finja
reply
PSDDude
8:59 AM Monday, October 27, 2014
Very creative as always my dear friend :) reply
Laurentiu
Laurentiu
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
PSDDude
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
sherrybookirk
sherrybookirk
1:57 AM Monday, January 4, 2016
My attempt at cake :) reply
carla
carla
10:12 AM Friday, May 6, 2016
Amazing tutorial! reply
Timea
Timea
1:14 AM Wednesday, June 8, 2016
Thanks for this amazing tutorial! reply
Linda
Linda
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
chi
chi
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


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top