Create text from candy caramel in Photoshop

In this lesson you will learn about the easiest way to create text from candy caramel using layer styles.

The created effect can be edited, so you can change your text at any time without having to recreate the effect itself.

OK. Let’s get started!

The final result:

Step 1

Create a new document 800 x 600 px. Duplicate the background layer.

Double click on duplicate background layer to apply layer style. Gradient overlay (Gradient Overlay). Apply the following settings:

  • Style (Style): Radial (Radial)
  • Scale (Scale): 150%
  • Click on the gradient to set the gradient colors. Left checkpoint color #ffffff, right checkpoint color # 979797.

Using layer style Gradient overlay (Gradient overlay) we added simple Radial gradient (radial gradient) on duplicate layer with background.

Open the original image ‘Texture 72’. Move this image to our working paper, placing it on top of all other layers. Change the blending mode for this texture layer to Soft light (Soft Light). Apply scaling to the texture if necessary.

Step 2

Add text using the BubbleGum font. Inscription (Font Style) Usual (Regular), Font size (Size) 170 pt. If you want to add another line of text, create each line of text on separate layers.

Select both layers with the text you created, then duplicate the selected layers with text, and then decrease the value Fillings (Fill) to 0 for both duplicate text layers.

Step 3

Double click on the original text layer, your first line of text to apply the following layer styles:

Stamping (Bevel and Emboss)

  • Depth (Depth): 200
  • The size (Size): 15
  • Uncheck the box Global coverage (Global Light)
  • Angle (Angle): 40
  • Height (Altitude): 50
  • Circuit gloss (Gloss Contour): Valley – Low
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Backlight mode (Highlight Mode): Linear light (Linear Light)
  • Opacity (Opacity): 100%
  • Shadow mode (Shadow Mode): Lightening (Screen)
  • Color classification: # 878787
  • Opacity (Opacity): 70%

Circuit (Contour)

  • Circuit (Contour): Log
  • Tick ​​in the box Smoothing (Anti-aliased)

Texture (Texture)

  • Pattern (Pattern): Diagonal Stripes Pattern

Inner shadow (Inner Shadow)

  • Blend mode (Blend Mode): Lightening basics (Color dodge)
  • Colour (Color): #ffffff
  • Opacity (Opacity): 40%
  • Uncheck the box Global lighting (Global Light)
  • Angle (Angle): -108

Internal glow (Inner Glow)

  • Blend mode (Blend Mode): Linear dimmer (Linear Burn)
  • Opacity (Opacity): 61%
  • Click on the gradient to set the gradient colors. The left checkpoint is color # 391c21, the right checkpoint is color # f7efed.
  • The size (Size): 10

Gloss (Satin)

  • Mode overlay (Blend Mode): Multiplication (Multiply)
  • Colour (Color): # ffeae3
  • Angle (Angle): 60
  • Bias (Distance): 6
  • The size (Size): 5
  • Circuit (Contour): Linear
  • Tick ​​in the box Inversion (Invert)

Color overlay (Color Overlay)

  • Blend mode (Blend Mode): Multiplication (Multiply)
  • Colour (Color): # e0dadb

Gradient overlay (Gradient Overlay)

  • Blend mode (Blend Mode): Multiplication (Multiply)
  • Opacity (Opacity): 35%
  • Style (Style): Mirror (Reflected)
  • Click on the gradient to set the gradient colors. Left checkpoint color #ffffff, right checkpoint color # 999999.

Overlapping pattern (Pattern Overlay)

  • Pattern (Pattern): Back to school / Pattern # 6
  • Scale (Scale): 7%

Shadow (Drop Shadow)

  • Opacity (Opacity): 35%
  • Bias (Distance): 9
  • Swipe (Spread): 10
  • The size (Size): 10

So, we have added styling to our main text layer.

Right-click on the layer with which we have just worked and in the appeared window select the option Copy Layer Style (Copy Layer Style), then right-click on each original layer with a separate line of text and in the appeared window select the option Paste Layer Style (Paste Layer Style).

Thus, we added the same styling to the second original text layer.

Step 4

Next, double-click on the duplicate layer with the first line of text to apply the following layer styles:

Stamping (Bevel and Emboss)

  • The size (Size): 20
  • Uncheck the box Global coverage (Global Light)
  • Angle (Angle): 59
  • Height (Altitude): 58
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Backlight mode (Highlight Mode): Overlap (Overlay)
  • Shadow mode (Shadow Mode) – Opacity (Opacity): 0%

Circuit (Contour)

  • Circuit (Contour): Half Round
  • Tick ​​in the box Smoothing (Anti-aliased)

These layer styles enhance the effect of gloss and brightness of the text, creating a sense of 3D appearance.

Copy / paste the layer styles to apply them to the second duplicate of the text layer, just like you did before.

And we have completed the lesson! Save your work document, then you can re-open it and change all the text at any time at your discretion (double click on the thumbnail of the text layer to change the text).

You can download the PSD file for this tutorial at the link at the end of this tutorial. You can also use this effect in your other projects.

Hope you enjoyed this tutorial!

The final result:

PSD lesson

Like this post? Please share to your friends: