Create delicious 3D text in Photoshop

If you are a sweet tooth, then we have a delicious treat for you. In this tutorial, you will learn how in Photoshop CS6 to use the new features of 3D tools to create delicious 3D text illustrations. We will use a large number of stock images, and apply Photoshop non-destructive features, such as adjustment layers and masks.

Let’s start!

Final image

Initial data:

You will find some files in the Source folder. You will also need a free font and the following stock images from this lesson.

  1. Ryno Slab Font
  2. Chocolate ice cream
  3. Chocolate chip cookies
  4. Slice of sneakers
  5. Piece of cake
  6. Cake
  7. A piece of chocolate
  8. Strawberry
  9. Chocolate cake
  10. Folder “Source” 178.21 MB (optional)
  11. Archive with missing 7.3 MB

Step 1

Create a new document size Width (Width) 14.85cm Height (Height) 10.5cm Resolution (Resolution) 300 dpi. InstallColorMode (Color mode) in RGB, Background Contents (Background content) set to White (White).

Step 2

Take the tool Type tool (T) (text) specify font, size 160pt, color # 5d1e0f and add the first character.

Step 3

Go to the menu 3D-> New Extrusion from Selected Layer (3D-> New extrusion from selected layer). If you did not receive active 3D space, the following prompt will appear.

Step 4

If you have ever used 3D tools in Photoshop CS5, then you know how inconvenient the interface is in it. In the version of Photoshop CS6 3D, the interface is completely reworked and has become more intuitive, now all the tools are built into the workspace. Take Move Tool (V) (Move), position the 3D panel as shown.

Step 5

On the right side you will see the panel Properties (Properties). Click on the icon Cap (Capital) and copy the settings shown below. Then activate the icon Deform (Warp) and set the specified settings. Now click on the icon Mesh (Grid) and turn off both shadow options.

Step 6

Duplicate your first 3D text layer. To change the text in 3D mode, click on the button. EditSource (Change source) on the panel Properties (Properties). This action will open a “child document” in which you can edit the text. After editing the text, close this document and your text will automatically be updated. Next, drag the new 3D text along the X axis in 3D space to change its location.
Repeat this process until each word is complete, then place each character in a separate word folder, as shown below.

Step 7

Now use the tab 3D Tools on the property bar to rotate / move each letter. Be careful not to use the Z axis, since moving an object along this axis, you will move it away or zoom in, making it larger or smaller.

Step 8

When you are satisfied with the location of the label, go to the menu 3D-> Render (3D-> Rendering) and can lean back while the rendering process is running.

Step 9

At this point, I decided to add a little space for a strawberry hand to the top of the image. To do this, press Alt + Ctrl + I, a window will open Canvas Size (Canvas Size), set the anchor point at the bottom center and increase the Height to 11.85cm.

Step 10

Create a new layer called “Pink” above the “Background” layer. Set the foreground color to # e2b4c1, then press Alt + Delete to fill the layer with the selected pink color.

Step 11

Insert a new layer called “Shadow on the floor” above the previous one. Set it to overlay mode. Multiply (Multiplication) with Opacity (Opacity) 94%. Choose a tool Gradient tool (G) (Gradient), set it up by setting the Foreground to Transparent mode (from Basic to Transparent) and Linear gradient on the options bar at the top of the program window. Set the foreground to a dark pink color # c18088. Now hold down Shift and apply a gradient according to the length and direction of the red arrow in the image below.

Step 12

Add another layer called “Upper Shadow”. Set the default blend mode, then set the foreground color to # e38da4. Holding Shift, drag a short linear gradient from top to bottom, then change the type of gradient to Radial (Radial) and draw another 2 gradients from the two upper corners.

Step 13

Change the foreground color to # f9f5f7 and on the new layer “Inner Glow” and draw from the center Radial (Radial) gradient.

Step 14

Now add a shadow on the ground of the inscription. Take Elliptical Marquee Tool (Oval area) and make a selection under the caption. Create a new layer in overlay mode. Multiply (Multiply) above the “Inner Glow” layer and name it “Shadow 1”. Set the foreground color to # d0879c and fill in the active selection.

Step 15

Go to menu Filter -> Blur -> Motion Blur (Filter -> Blur -> Blur in motion), specify Angle (Angle) 0 degrees and change the value of the parameter Distance (Offset) 531px. Then apply to this layer Gaussian blur (Blur according to Gauss) and enter Radius (Radius) 15px.

Step 16

Lower Opacity (Opacity) up to 53% on the “Shadow 1” layer. Then duplicate and rename it to “Shadow 2”. Move the layer content up a little, then press Ctrl + T to activate the transformation mode and reduce the shadow a little. Finally, reduce Opacity (Opacity) of this layer to 31%.

Step 17

To lower the background brightness, add an adjustment layer. Hue / Saturation (Hue / Saturation), set the settings shown in the figure for it, then lower Opacity (Opacity) up to 27%.

Step 18

To “dilute” the background a little, select the “Shadow 2” layer and go to the menu Filter-> Noise-> Add Noise (Filter -> Noise -> Add Noise), enter Amount (Effect) 3px and activate the button Uniform (Uniform). Select the remaining layers in turn (as shown) and press Ctrl + F to reapply the filter to each of them. Now put all these layers in a group called “Background”.

Step 19

We now turn to texturing the first letter. Use Lasso Tool (L) (Lasso) to make a rough selection of this Images. Copy -> Paste the selected area on a new layer above all groups, then duplicate the layer with ice cream and position it next to the original. Use Eraser (E) (Eraser) with soft edges to merge the hard edges of the original and the duplicate, then press Ctrl + E to merge them into one layer. Name the resulting layer “Texture 1”.

Place the resulting texture above the letter so that it covers it, then hold down the Ctrl key and click on the corresponding text layer to create a selection based on the layer. Make sure your new layer is selected, then click on the icon. Addlayermask (Add layer mask) at the bottom of the palette. Layers (Layers).

Step 20

You have received the first layer with a texture that overlaps the first letter, now apply to it Levels adjustment layer (Levels) and set the value of the white slider on the bottom scale 94.

Step 21

Now add the caramel texture to the chocolate blue. Use Quick selection tool ( W) (Quick selection) to extract a piece of candy from the background. Place the selection as a new top layer, adjust the size and position as shown in the figure. Add a layer mask and then use an assortment of soft and hard brushes to make the caramel layer blend smoothly into the chocolate layer. Name this layer “Texture 2”.

Step 22

Add a Color Balance adjustment layer (Color balance) and increase Reds (Red) to +23

Step 23

Remove the chocolate ice cream (as in step 19), then rotate, adjust the size and place as a new layer. Name this layer “Texture 3”, add mask, and then press Ctrl + I to invert the mask color. Now use white brushes to restore the area shown below.

Step 24

Add a Levels adjustment layer (Levels) with the following settings for the “Texture 3” layer for darkening mid tones

Step 25

Add chocolate ice cream again, as a new top layer, and name it “Texture 4”. Place the letters at the bottom, then add a layer mask to it and repeat the step of working with the mask from Step 23.

Step 26

Apply Levels adjustment layer (Levels) to the “Texture 4” layer and move the gray marker to the right

Step 27

Finally, to finish with the first letter, paste the image with ice cream again and name the resulting layer “Texture 5”. Add a mask to this layer and make visible the area shown in the image:

Step 28

Put all the layers belonging to the first letter in a group called “Letter S”, then add a mask to the group. Load the selection of the second letter, go to the group mask and paint over the part of it from the first letter with a black brush.

Step 29

Remove the chocolate texture, press Ctrl + J to copy to a new layer, turn off the visibility of the original layer. Select new layer, take tool. Move Tool (V) (Move), then hold down Ctrl and drag the top anchor points, as shown in the figure.

Add a texture like top layer called “Texture 1”, adjust the size and position above the second letter. Decrease Opacity (Opacity) up to 32%, then load the selection of the second letter and create a mask for the layer to hide the unwanted portions.

Step 30

Duplicate this layer, rename it “Texture 2” and change Opacity (Opacity) 95%. Drag the mask to the trash icon and click. Delete (Delete) in the next window. Temporarily turn off the visibility of both texture layers, and then use Magic wand (W) (Magic Wand) to highlight the front of the letter. Now press Shift + F6 and specify Feather (Shading radius) 3px, then go to menu Select-> Modify-> Expand (Select -> Modify -> Compress) 5px. Finally click on the icon Add layer mask (Add layer mask). Without clearing the selection, go to the “Texture 2” layer and add a layer mask to it.

Step 31

Add a Color Balance adjustment layer (Color Balance) to the “Texture 2” layer and increase the Reds (Red) and Yellows (Yellow).

Step 32

Now apply Level Correction Layers (Levels) on the same layer to increase contrast.

Step 33

Now apply Hue / Saturation adjustment layer (Hue / Saturation) on the same layer, and adjust Master (All), Reds (Red) and Yellows (Yellow) as shown below.

Step 34

As a last change, add Selective Color adjustment layer (Selective layer correction) to the same layer, increase the Black value to 72. Place all the layers belonging to the second letter in the group called “Letter W”.

Step 35

Let’s move on to texturing the third letter. Open image with chocolates. Repeat the process described in step 19 to add and overlay the next image. This texture needs to cover the right side of the letter, so do not worry if it is not enough on the left side. Name this layer “Texture 1”

Step 36

Add a Levels adjustment layer (Levels) to the “Texture 1” layer and set the value of the white slider 59 to darken the image.

Step 37

Add the same candy image again and name it “Texture 2”. Now apply the mask technique as in step 30.

Step 38

Apply Levels adjustment layer (Levels) to the “Texture 2” layer and copy the following settings. Put the layers belonging to the third letter in the group called “Letter E1”

Step 39

Now apply Hue / Saturation adjustment layer (Hue / Saturation) to the same layer, and reduce for Reds (Red) saturation to -15.

Step 40

Remove and place the image with the chocolate chip cookie on the second letter “E”. Create a mask for this layer with cookies, reduce Opacity (Opacity) up to 45% and name it “Texture 1”

Step 41

Next, load the selection of the front of the letter E, go to the mask layer “Texture 1” and paint over the selected area with black color.

Step 42

Apply Levels adjustment layer (Levels) to the “Texture 1” layer and adjust the gray marker value to 0.84

Step 43

Once again, add the texture with the cookies as a new layer, name it “Texture 2”, add a mask to it and make visible the area shown in the figure:

Step 44

Apply Levels adjustment layer (Levels) to the “Texture 2” layer and copy the following settings.

Step 45

Now add Color Balance adjustment layer (Color balance) for the same layer with the following settings.

Step 46

Remove the right side of this image. Place it in the upper left corner of the letter, using Warp (Deformation) give shape. Add a mask and carefully combine this piece of caramel with the chocolate chip cookie texture. Name this layer “Texture 3”.

Step 47

Apply Hue / Saturation adjustment layer (Hue / Saturation) to the same layer, and change the Reds and Yellows as shown. Now place all the layers belonging to the fourth letter in the group called “Letter E2”.

Step 48

Now add a mask to the original text layer and hide the upper part of the letter.

Step 49

Remove and add this. picture ), as a new layer and name it “Texture 1”. Just as in the previous steps, using the layer mask, make the texture visible only on the sides of the letter, only reduce the Opacity to 90%.

Step 50

Apply to this layer Levels adjustment layer (Levels) with the following settings.

Step 51

Add the same cake texture as another layer, name it “Texture 2”. Now create a mask for this layer so that the texture is visible on the front of the letter.

Step 52

Add a Color Balance adjustment layer (Color Balance) to the “Texture 2” layer and apply the following settings.

Step 53

Now add to it Levels adjustment layer (Levels) with the following settings.

Step 54

Paste the texture with the caramel that was used for the first letter, and name it “Texture 3”. Arrange it as shown in the picture and hide unnecessary areas under the mask.

Step 55

Add a Color Balance adjustment layer (Color Balance) for this layer, then increase the Reds (Red) to +17 and Yellow (Yellow) to +7. Now add a Levels adjustment layer (Levels) and change the gray marker value to 0.67 and the white marker value 215. Now put these layers in a group called “Letter T”

Step 56

The letter “O” will be easy enough to do. Separate from the background and place the donut image as a new layer. Resize to cover the letter and name it “Texture 1”. Load the selection of the letter and create a mask on the layer with the texture to hide unnecessary areas under it, then remove the selection and carefully using a black brush paint over the sides on the outer edge and center hole.

Step 57

Apply the Levels adjustment layer to this layer and copy the following settings to darken the texture. Put these two layers in a group called “Letter O1”

Step 58

Using tool Lasso Tool (L) (Lasso) make a careless selection of dark edges from the cupcake image. Copy -> Paste the selected piece several times and place on the sides of the next letter. When you are happy, merge them and name the resulting layer “Texture 1”. Next, load the selection of the current letter and create a mask for the “Texture 1” layer to hide unwanted areas.

Step 59

Apply Levels adjustment layer (Levels) to the “Texture 1” layer, set the gray slider to 0.86, the white slider to 236. Separate the cupcake from the background, position above the letter, if the selected part is not enough to cover the entire letter, duplicate and merge as you did with the very first texture of the letter. Add the resulting texture as a new layer, then position and add mask, as it shown on the picture. Name this layer “Texture 2”. Put all the layers belonging to this letter in the group called “Letter N”

Step 60

Repeat the same procedure on the next letter, only in this case, use the jam. Hide under the mask unnecessary areas, as shown in the figure, name this layer “Texture 1”.

Step 61

Add a Levels adjustment layer (Levels) to this layer, and set the value of the white slider to 148. Next, apply Color Balance adjustment layer (Color balance) for the same layer and copy the following settings.

Step 62

Roughly separate the image of the same cake with jam from the background and place it as a new layer. Select and insert the center part of the cake, enlarge and extend it as shown in the figure. Combine both layers, then add a mask so that only the front part of the cake and the jam remain visible. Name this layer “Texture 2”

Step 63

Apply Color Balance adjustment layer (Color Balance) for this layer and copy the following settings. Add the layers related to this letter to a separate group called “Letter Y”

Step 64

The next letter is fairly easy to texture. Open “Donut.jpg” from the “Source” folder and separate it from the background. Place the donut as a new layer, then adjust its size. Name this layer “Texture 1”, turn off the visibility of the original text layer.
Now apply two adjustment layers to this layer – Levels (Levels) and Color balance (Color Balance) with the following settings. Put these layers in a group called “Letter O2”

Step 65

Open the image with a piece of cake, remove it and place it on top of the last letter. Adjust the size and apply a mask so that it covers the sides of the letter, name this layer “Texture 1”.

Step 66

Add a Levels adjustment layer (Levels) to this layer and apply the following settings to darken it.

Step 67

Put the same cake texture as another layer (remove the mask from the copy), name it “Texture 2”. Adjust the size and position of this layer, reduce the Opacity to 48%. Now add a mask to the “Texture 2” layer so that only the front part of the letter remains visible.

Step 68

Add a Color Balance adjustment layer (Color Balance) and apply the following settings.

Step 69

Remove and place a piece of chocolate in the working document, as a new layer, name it “Texture 3”. Flip horizontal (Flip horizontally), rotate, adjust the size and position as shown. Then add a layer mask and align the piece with the texture of the cake.

Step 70

Add a Levels adjustment layer (Levels) to this layer and copy the following settings to darken it.

Step 71

Add a Color Balanc adjustment layere (Color Balance) to the same layer, and copy the following settings. Add a mask to the original text layer and hide the bitten part. Finally, add all layers belonging to the last letter to the “Letter U” group.

Step 72

Next, we turn to the creation of hands with strawberries. Open the image with the hand and using the tool Crop (C) (Frame) remove the excess background.

Step 73

For this image, we need an exact selection, so select the tool Quick selection (W) (Quick selection) and highlight the white background.

Step 74

Press Shift + Ctrl + I to invert the selection, then click Refine edge (Refine edge) in the settings panel. In the next window, select On Layer (L) from the drop down menu. View (View mode), copy the settings and click OK.

You will have a duplicate with a mask, while the visibility of the original layer will be turned off. Drag the mask icon to the trash can icon at the bottom of the layers palette, and in the window that appears, click Apply (Apply) and then delete the original layer.

This strawberry does not look very nice, fortunately, it is easy to fix. Open the image and separate the strawberries from the background using the same function. Refine edge (Specify edge). Delete the resulting mask of the duplicated layer and the original layer with strawberries, change the size of the strawberries and place it as shown in the figure.

Step 76

Now add a mask and combine the new strawberries with your hand.

Step 77

Apply Hue / Saturation adjustment layer (Hue / Saturation) to the “Hand” layer and slightly increase the saturation of the layer as shown below.

Step 78

Now add Level Correction Layers (Levels) to the Strawberry layer to enhance contrast.

Step 79

Install Clone stamp tool (S) (Stamp) to Current mode Below (), create a new “Retouching Hand” layer above the Hue / Saturation adjustment layer, and then fix any minor skin defects on your hand on it.

Step 80

Add another layer called “Nails” in the mode Overlay (Overlap) above the “Retouching Hand” layer. Take a nail polish color swatch (I used # 814564) and paint the nails with Brush tool (Brush) to underline them. To delete accidentally filled areas, load the selection of the “Hand” layer, invert the selection and click Delete (Delete), being on the “Nails” layer.

Step 81

Stamp the white tips of the nails on the new “Retouching Nails” layer and use the same method as in the previous step to remove excess around the edges. Put all the layers related to the hand in the group called “Hand”.

Step 82

Drag the “Hand” group icon into your working document, resize and position as shown in the figure. If you notice any halos around the edges on the “Hand” layer, select it and go to the menu Layer-> Matting-> Defringe (Layer -> Edge Processing -> Fix Border) and enter a value of 1-2px.

Step 83

Using the function Refine edge (Refine Edge) separate the “Choc_1.jpg” and “Choc_2.jpg” images (found in the “Source” folder) from the background to add flowing chocolate. Use the methods of adding adjustment layers that you learned earlier to adjust the color of chocolate and a drop of jam. Put these layers in the top folder called “Elements”

Step 84

Separate from the background and add “White_choc.jpg”, then with Warp (Warp) position over the donut and hide under the mask the unnecessary parts of the image, respectively. Add adjustment layer Levels (Levels) for enhanced contrast and adjustment layer Hue /Saturation (Hue / Saturation) to repaint the white chocolate in pink icing. Then select a small piece of this. Images and place in the form of a small crushed biscuits under the last letter, on the panel Layers (Layers) place it in the Elements group.

Add a blank layer in blend mode Multiply (Multiplication) to the bottom of the list of layers in the same group. Load the selection of all layers from the Elements group, go to the new layer and fill the selected area with dark brown color. Transform the layer as shown below, then apply the same blur and add noise as you did at the beginning of the lesson for the main shadow of the label. Finally, reduce Opacity (Opacity) up to 90% and hide part of the shadow under the mask using a gradient with the option from black to transparent.

Step 85

Place a new layer above all groups and name it “Retouch”. Now take Clone stamp tool (S) (Stamp) small size with Hardness (Hardness) about 50% and walk them around the edges of the inscription to make them a bit uneven.

Step 86

In conclusion, we will slightly sharpen the entire image. Place a blank layer above all layers, and then go to the menu Image -> Apply Image (Image -> External Channel). Set the blending mode to Normal in the next window and click OK. Name this layer “Color Contrast”. Select Filter-> Other-> High Pass (Filter -> Other -> Color Contrast) and enter a value of 3px. Change the blending mode of this layer to Overlay (Overlap) to make gray invisible, then place both layers (“Color Contrast” and “Retouch”) in a group called “Final Retouch”.

Conclusion

I hope you enjoyed this lesson and learned a few new techniques. I also hope that I inspired you to create your own typographic illustrations!

Like this post? Please share to your friends: