Google+

Dripping Honey on Toast Text Effect

What’s better than honey and toast? Well, honey on toast ;) ! This tutorial will show you a simple way of modifying a toast stock photo, and using a couple of Layer Styles with some useful tricks, to create a golden syrupy honey-on-toast inspired text effect.

This was suggested by Luca. Thank you for the delicious suggestion, Luca :)

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS6 Extended
  • Time : 0:30 – 0:45

Resources

Step 1

Open the Bread image, and pick the Magnetic Lasso Tool. In the Options bar, set the Width to 17, the Contrast to 5%, and the Frequency to 100.

Click once anywhere you want to start the selection, and drag a bit slowly to add some more points. You don’t need to click to add points unless you want to force adding them where the selection starts going off. The slower you drag, the more points are added, which means a more precise selection.

TutorialTitle Text Effect step 1

So click to add the points where needed, then continue dragging until you get back to the starting point to close the path. Don’t worry about some of the areas that don’t get selected along the way, as we’ll add them to the selection next.

TutorialTitle Text Effect step 1

Once you reach the starting point and click it once more, the selection will be created.

TutorialTitle Text Effect step 1

Pick the Quick Selection Tool and click the Add to selection icon in the Options bar. Choose a brush size that suits the size of the area you want to add to the selection, then click once (you might need to drag very slightly as well) to add it.

TutorialTitle Text Effect step 1

Add all the areas you want to add. There is no problem at all if you want to leave some extra bits unselected, or even click the Subtract from selection icon to remove any parts from the selection.

Once you like the result, just go to Edit > Copy.

TutorialTitle Text Effect step 1

Step 2

Create a new 648 x 486 px document (you can use any other dimensions depending on the length of the text you’re going to create). Set the Foreground color to #d9cfc5 and the Background color to #ad9d8d. Pick the Gradient Tool, choose the Foreground to Background gradient fill, and click the Radial Gradient icon.

Then, click and drag from a point near the top right corner of the document to the bottom left corner to create the background gradient.

TutorialTitle Text Effect step 2

Go to Edit > Paste to place the selected bread into the document. Then, go to Edit > Transform > Scale to scale it down until it fits within the document, and hit Enter/Return to accept the changes.

TutorialTitle Text Effect step 2

Next, we want to get rid of the big holes in the bread image. So pick the Spot Healing Brush Tool, choose a brush size that is around the size of the hole you want to remove, and paint the hole to get rid of it.

TutorialTitle Text Effect step 2

You can leave the ones near the edges, but the ones in the middle should look neat and clean.

TutorialTitle Text Effect step 2

Double click the bread image to apply a Drop Shadow effect:

  • Color : #413b36
  • Distance : 15
  • Size : 25
TutorialTitle Text Effect step 2

We will get back to this to add some Inner Shadow after we add the text.

TutorialTitle Text Effect step 2

Step 3

Go to Image > Adjustments > Hue/Saturation, and change the Saturation value to -15.

TutorialTitle Text Effect step 3

Go to Image > Adjustments > Curves, and add two points with the following Input and Output values: (135,116) and (222,213).

TutorialTitle Text Effect step 3

Go to Image > Adjustments > Levels, and change the Gamma value to 0.90.

TutorialTitle Text Effect step 3

Step 4

Create the text using the color #d19e31, the font Size of 170 pt, and the font Hand of Sean. You can use any similar one if needed (this one’s for personal use only), or even try different fonts as well.

TutorialTitle Text Effect step 4

Right click the text layer and choose Rasterize Type. This will enable us to warp and paint over the text, but it won’t be editable anymore. Pick the Brush Tool and set the Foreground color to #d19e31.

TutorialTitle Text Effect step 4

This is optional, but you can go to Edit > Transform > Warp, and warp the text a little bit to make it look more interesting. Hit Enter/Return when done.

TutorialTitle Text Effect step 4

With the Brush Tool, start adding the leaking parts all over the text. For this step, you’ll need to use different brush tip sizes depending on the result you want to get. A quick way to change the brush size while painting is to use the left bracket key [ to decrease it and the right bracket key ] to increase it.

The parts leaking at the bottom should end with a drop that’s bigger in size than the line leaking. Take your time with this step to make sure you create a great final result.

TutorialTitle Text Effect step 4

Duplicate the text layer two times.

TutorialTitle Text Effect step 4

Step 5

You can make the two copy layers invisible by clicking the eye icon next to each of them. Then, change the original text layer’s Blend Mode to Linear Burn and its Fill value to 45%.

TutorialTitle Text Effect step 5

Double click the original text layer to apply the following Layer Style:

– Bevel and Emboss

  • Depth : 358
  • Size : 8
  • Uncheck the Use Global Light box
  • Angle : 117
  • Altitude : 69
  • Check the Anti-aliased box
  • Highlight ModeOpacity : 100%
  • Shadow Mode :
  • Color : #b0a697
  • Opacity : 28%
TutorialTitle Text Effect step 5

– Contour

  • Contour : Half Round
  • Check the Anti-aliased box.
TutorialTitle Text Effect step 5

– Pattern Overlay

  • Blend Mode : Soft Light
  • Opacity : 50%
  • Pattern : Cells
TutorialTitle Text Effect step 5

– Outer Glow

  • Blend Mode : Linear Burn
  • Color : #f6e9cf
  • Size : 20
TutorialTitle Text Effect step 5

– Drop Shadow

  • Blend Mode : Linear Brun
  • Color : #806f4b
  • Opacity : 65%
  • Distance : 3
  • Size : 3
TutorialTitle Text Effect step 5

This will create the first layer of the honey effect. It already looks like honey, so if you like it you can just stop here. But we’re going to layer it some more in order to add intensity and depth. So we’re going to get back to this layer to change some values after adding the other layers.

TutorialTitle Text Effect step 5

Step 6

Make the first copy layer visible by clicking the empty box next to it where the eye icon was. Then, change its Blend Mode to Soft Light and its Fill value to 35%. Double click it to apply the following Layer Style:

TutorialTitle Text Effect step 6

– Bevel and Emboss

  • Depth : 358
  • Size : 8
  • Uncheck the Use Global Light box
  • Angle : 117
  • Altitude : 69
  • Check the Anti-aliased box
  • Highlight ModeOpacity : 100%
  • Shadow Mode :
  • Color : #b0a697
  • Opacity : 28%
TutorialTitle Text Effect step 6

– Contour

  • Contour : Half Round
  • Check the Anti-aliased box.
TutorialTitle Text Effect step 6

– Pattern Overlay

  • Blend Mode : Soft Light
  • Opacity : 50%
  • Pattern : Cells
TutorialTitle Text Effect step 6

You can already see how the effect is building up now.

TutorialTitle Text Effect step 6

Step 7

Make the second copy layer visible, change its Blend Mode to Soft Light and its Fill value to 10%, then double click it to apply the following Layer Style:

TutorialTitle Text Effect step 7

– Bevel and Emboss

  • Depth : 358
  • Size : 8
  • Uncheck the Use Global Light box
  • Angle : -6
  • Altitude : 42
  • Contour : Cone – Asymmetrical
  • Check the Anti-aliased box
  • Highlight Mode : Overlay
  • Color : #997b4d
  • Opacity : 50%
  • Shadow Mode :
  • Color : #b0a697
  • Opacity : 28%
TutorialTitle Text Effect step 7

– Contour

  • Contour : Cone
  • Check the Anti-aliased box.
TutorialTitle Text Effect step 7

This will add the final layer. It’s a more strong and well defined effect than the first one created, and that’s the power of layering Layer Styles!

TutorialTitle Text Effect step 7

Step 8

You can now pick the Burn Tool, and in the Options bar, choose a soft round 90 px brush tip, set the Range to Midtones, and the Exposure to 50%. Then, select the Bread layer, and click and drag slightly to darken up any very bright areas behind the text.

TutorialTitle Text Effect step 7

Double click the Bread layer and apply an Inner Shadow effect:

  • Blend Mode : Color Burn
  • Opacity : 35%
  • Distance : 0
  • Size : 13
TutorialTitle Text Effect step 8

This will darken the edges a little bit.

TutorialTitle Text Effect step 8

Duplicate the Background layer then double click it.

TutorialTitle Text Effect step 8

Apply a Pattern Overlay effect:

  • Blend Mode : Color Burn
  • Pattern : 29 (from the Wood Patterns pack)
  • Scale : 50%
TutorialTitle Text Effect step 8

This will add a subtle background pattern.

TutorialTitle Text Effect step 8

Double click the original text layer and change the Drop Shadow‘s Opacity to 25%.

TutorialTitle Text Effect step 8

This will tone down the intensity of the shadow, so you can use whichever value you like best.

TutorialTitle Text Effect step 8

And finally, to adjust the overall yellow undertone of the final result, you can click the Create new fill or adjustment layer icon down the Layers panel and choose Color Balance.

TutorialTitle Text Effect step 8

Choose the Highlights option from the Tone drop down menu, and change the Yellow/Blue value to 10.

TutorialTitle Text Effect step 8

And you’re done!
You can now enjoy your honey toast ;) Hope you found the tutorial helpful.

Feel free to attach your lovely toasts in the comments below :D