Locked lesson.
About this lesson
Add a frothy amber liquid appeal to your text.
Exercise files
Download the Photoshop file used in the video tutorial and try the lesson yourself.
Beer Text Effect.psd11.6 MB
Quick reference
Topic: Beer Text
Add a frothy amber liquid appeal to your text.
When to use
Why is St Patricks Day associated with beer and getting drunk? I don’t get it!
Anyway, if you do get this text style is sure to amuse friends, family and co-workers. As usual, the techniques here are important too; particularly for adding a watery feel to things.
Instructions
Set up
- New document 1280 by 720 pixels.
- Create light texture background.
- Add text (thick font).
Lots of layer Styles to give it a beer feel
Blending Options: Turn On: Blend Interior Effect as Group, Turn Off: Blend Clipped Layers as Group.
Gradiant Overlay: Colors: 0%: e98700, 40%: ad7d73, 80% 772f02, 100%: 772f02.
Bevel And Emboss: Depth: 100, Size: 15, Style: Inner Bevel, Technique: Smooth, Soften: 1.
Bevel And Emboss Shading: Global light: Off, Angle: -90, Highlight Mode: Screen, Shadow Mode: Screen, Highlight Opacity: 65%, Shadow Opacity: 100%, color: white, Altitude: 35, Gloss Contour: Rolling Slope, Anti-Alias: On.
Bevel And Emboss Contour: Contour: Rolling Slope, Anti-Alias: On, Range 50%.
Inner Glow: Blend mode: Overlay, Opacity: 90%, Size: 80, color: white, Source: center.
Inner Shadow: Blend mode: Color Burn, Opacity: 55%, Global light: Off, Size: 20, Angle: 180, Distance: 0.
Drop Shadow: Blend mode: Multiply, Opacity: 20%, Global light: Off, Size: 4, Angle: 90, Distance: 8.
Add a bubbly texture
- New layer and fill with black (hold down Atl /Option and press the Delete/Backspace Key).
- Right click in layers Panel and choose Create Clipping Mask.
- Go Menu/Filter/Pixelate/Mezzotint: Medium Dots type.
- Blend mode Soft light: Opacity 35%.
- Go Menu/Filter/Blur/Gaussian Blur: Set to 0.7.
Add some froth
- Rectangle tool: Draw over the top part of the text.
- Right click in layers Panel and choose ‘Create Clipping Mask’.
Layer Styles
Pattern Overlay: Choose Pattern: Clouds, Blend mode: Multiply, Opacity: 15%, Scale: 150.
Inner Shadow: Blend mode: Multiply, Opacity: 40%, Global light: Off, Size: 20, Angle: 90, Distance: 0.
Drop Shadow: Blend mode: Color Burn, Opacity: 20%, Global light: Off, Size: 9, Angle: 90, Distance: 8.
- Convert for Smart Filters.
- Go Menu/Filter/Distort/Wave: Number of Generators: 4, Wavelength: Min 105, Max 106, Amplitude: Min 5, Max 10, Scale 100%, Type: Sine, repeat edge Pixel.
- Go Menu/Filter/Distort/ZigZag: Amount -85%, Ridges: 10, Style: Out from center.
Add some water drops
- Grab brush tool.
- Menu/window/Brush or F5.
Brush Tip Shape Section: Size: 50, Hardness 50%, Spacing 185%.
Shape Dynamics: Size Jitter: 65%, Roundness Jitter: 35%.
Scattering: Both: Axis: On, Scatter: 630%, Count: 1.
- Create new Layer and Clip to text layer.
- Paint over random drops of different sizes.
- Layer Styles
Blending Options: Fill Opacity 0%
Bevel And Emboss: Depth: 120, Size: 10, Style: Inner Bevel, Technique: Smooth.
Bevel And Emboss Shading: Global light: Off, Angle: 120, Highlight Mode: Screen, Shadow Mode: Soft Light, Highlight Opacity: 100%, Shadow Opacity: 25%, Altitude: 60, Gloss Contour: Cone Inverted, Anti-Alias: On.
Bevel And Emboss Contour: Cone Inverted, Anti-Alias: On, Range: 100%.
Inner Glow: Blend mode: Soft Light, Opacity: 100%, Size: 16, color: white, Range: 35%, Source: center.
Login to download- 00:04 Hey everyone, St. Patrick's Day is upon us, and
- 00:07 that could only mean one thing, obnoxious drunk people.
- 00:10 And if you're like me, who plans to stay home with a nice cup of cocoa and
- 00:13 Photoshop, this tutorial may be what you're looking for.
- 00:16 We're gonna walk through the process of creating BEER text.
- 00:20 This design can go in many directions, so make sure to experiment with
- 00:23 the layer styles to get the exact result that you're looking for.
- 00:26 The first step, as always, is to create the document.
- 00:29 The size of the document is completely up to you, but
- 00:32 I'm using my standard 1280 by 720 pixel document.
- 00:36 Now in terms of the background, this is also up to you.
- 00:38 I put together a very quick green linen texture like the one
- 00:41 from the tutorial that I wrote on tutvid.com.
- 00:44 Now once your document is setup we can start our design, starting with the text.
- 00:49 I found that a nice thick large font worked well for this design.
- 00:52 Now remember, if you go with a different font or a different sized font,
- 00:56 you'll likely need to alter the layer styles in this tutorial.
- 00:59 When your text settings are set, go ahead and
- 01:01 type your word of choice in the center of your document.
- 01:04 Now that your type is in place, it's time to add, well a few dozen layer styles.
- 01:09 Well close, this will help give our text some color and give that glass feel to it.
- 01:14 When you hop into the Blending Options section, you wanna make sure to turn on
- 01:18 Blend Interior Effects as group, and then turn off Blend Clip Layers as group.
- 01:24 This will allow us to clip additional layers to this layer which will
- 01:27 have a gradient overlay.
- 01:29 Otherwise, if we were to clip other layers to a layer that has a gradient overlay,
- 01:33 it would just disappear.
- 01:34 That probably doesn't make any sense to you but you'll understand later on.
- 01:37 The first layer style that we are going to add will be a Gradient Overlay.
- 01:41 If you go ahead and click on the Gradient bar our Gradient Editor will come up.
- 01:45 Now we want to add four stops to this gradient.
- 01:48 We're gonna keep the two on the far left and the far right, but
- 01:50 we're gonna add two more, and
- 01:52 we can do this by simply clicking right underneath the Gradient bar.
- 01:55 We're gonna add one around 40%, and then another one at around 85%.
- 02:00 Now, as for the colors, the color on the far left,
- 02:04 which will be our lightest color, is gonna be a nice orange color, E98F00.
- 02:10 Now, the one right beside it, will be a little bit darker, AD7D03.
- 02:18 Now the two to the far right will be identical, so we can go ahead and
- 02:22 click on any of the two on the right, and I'm gonna use the value 772F02.
- 02:27 Now, once one of them is complete, I can simply click on the other one and
- 02:31 then sample the color that we just set.
- 02:33 Perfect, the gradient's complete.
- 02:35 Next, we're gonna be adding a bevel and emboss.
- 02:37 This is really gonna help give that glass feel to our text.
- 02:41 We're gonna keep the style at Inner Bevel, keep the technique at Smooth, and
- 02:45 keep the Depth at 100%.
- 02:46 But for the size, we're gonna increase it to 15 pixels and
- 02:50 just add one to the Soften.
- 02:52 Now, down below under Shading, we wanna turn off Global Light as we're gonna be
- 02:55 using a few different angles in our design.
- 02:57 We're gonna set the Angle at negative 90 degrees, and the Altitude at 35 degrees.
- 03:03 Now for the Gloss Contour we want to choose the Rolling Slope Contour, and
- 03:07 then make sure to turn Anti-aliased on.
- 03:10 This will ensure that our edges are nice and smooth.
- 03:12 We're gonna keep the Blend Mode for
- 03:14 the Highlight Mode at Screen, but decrease the Opacity a little bit to around 65%.
- 03:20 Now for the Shadow Mode, we're actually not gonna worry too much about a shadow,
- 03:23 as we want another highlight.
- 03:25 So go ahead and change the Shadow Mode's Blending Mode to Screen as well,
- 03:29 change the Color to White, and crank up the Opacity to 100%.
- 03:34 Good, once that's done, we want to add a contour to our bevel.
- 03:38 So on the left, turn on Contour, and then from the Contour Picker we want to
- 03:42 select the same contour, the Rolling Slopes contour.
- 03:45 Again, make sure Anti-aliased is turned on, and keep the range at 50%.
- 03:50 Perfect.
- 03:51 The next layer style we're gonna add will be an Inner Glow.
- 03:53 I'm sure you can guess what this does.
- 03:54 This will add a nice glow to the center of our text.
- 03:58 We're gonna change the Blend Mode to Overlay,
- 04:01 crank the Opacity up to around 90%.
- 04:04 Make sure the color is set to a Pure White.
- 04:07 And then down below,
- 04:08 we want to change the Source to Center, by default it's probably set to Edge.
- 04:13 And then to move the glow inwards a little bit and
- 04:15 soften it up, we wanna change the Size to 80 pixels.
- 04:18 Good, two more to go, were now gonna add an inner shadow.
- 04:21 Here we wanna start by changing the Blend Mode to Color Burn,
- 04:26 with an Opacity of 55%.
- 04:28 Now again, turn off Global Light, and set the Angle at 180 degrees.
- 04:33 And then change the Distance to Zero, and the Size to 20.
- 04:36 Finally we are gonna add a drop shadow to pull the text away from the background
- 04:40 a little bit.
- 04:41 Keep the Blend Mode at Multiply, but
- 04:42 decrease the Opacity to around 20%, as we don't want an overly strong shadow.
- 04:47 Now again turn off Global Light.
- 04:49 Set the Angle at 90 degrees, the Distance at eight, and
- 04:53 the Size at four, and that will do it for these layer styles.
- 04:56 If all went well you should have a nice glassy, glossy feel to your text.
- 05:01 Now once your text layer styles are complete,
- 05:03 we're gonna add a few layers that go inside our text using clipping masks.
- 05:07 Now for these to work, it's very important that you follow that first step when we
- 05:10 went into the Blending Option section.
- 05:12 This will allow you to clip layers inside layers that contain overlay,
- 05:16 such as the gradient overlay that we add.
- 05:18 The first layer that we're going to add will be a bubbly texture.
- 05:21 Start by creating a new layer in your Layers panel and fill it with black.
- 05:25 If black is your foreground color and
- 05:27 you can achieve that by pressing the letter D on your keyboard.
- 05:29 Hold down your Option key on the Mac, Alt key on Windows, and
- 05:32 press your Delete or Backspace key.
- 05:35 Once this layer has been created and filled,
- 05:37 right-click on the layer in your Layers panel and choose Create Clipping Mask.
- 05:40 This will put this layer inside our text layer.
- 05:43 Once the black layer is inside the text, let's add a filter.
- 05:46 Head up to the Filter menu, down to Pixelate and then add a Mezzotint filter.
- 05:51 When the Filter window comes up, select the Medium Dots type.
- 05:55 This will add speckled white dots throughout the layer which are a little
- 05:58 bit bigger than what we would get using the Noise filter.
- 06:00 When the filter's been applied in your Layers panel change the Blend mode to
- 06:05 Soft Light and the Opacity to 35%.
- 06:07 Now to soften out the texture a little bit, let's add a Gaussian blur.
- 06:11 Head back up to Filter menu, down to Blur, and then choose Gaussian Blur.
- 06:15 Of course if you want larger or smaller bubbles, go back and
- 06:18 play with the filters a little bit.
- 06:19 You can add a noise filter or you can change the size of the Mezzotint filter.
- 06:23 Now that the bubbles are complete,
- 06:24 let's add a nice stylized foam at the top of our text.
- 06:28 Start by grabbing a Rectangle tool and
- 06:29 draw out a white rectangle across the top half of your text.
- 06:34 Once it's complete, as we did before,
- 06:36 right-click on the layer in your Layers panel and Create Clipping Mask.
- 06:40 When the layer's been clipped,
- 06:41 let's add a few layer styles starting with a Pattern Overlay.
- 06:45 When you hop into your Pattern Picker, we want to pick the Clouds pattern.
- 06:48 Now, if you don't see it, click on the arrow at the top right corner,
- 06:52 choose Patterns, and then choose Append.
- 06:56 Once you have the Clouds pattern selected, change the Blend Mode to Multiply,
- 07:00 decrease the Opacity to 15%, and increase the Scale a little bit to around 150%.
- 07:07 Once that's done, we're gonna go ahead and add an inner shadow.
- 07:09 When you're in this section, keep the Blend Mode at Multiply but
- 07:13 decrease the Opacity to around 40%.
- 07:16 Again, turn off Global Light and change the Angle to 90 degrees.
- 07:21 Down below, set the Distance at Zero and the Size at 20.
- 07:26 And finally, the last step, we want to add a drop shadow.
- 07:29 Go ahead and change the Blend Mode to Color Burn, with an Opacity of 20%.
- 07:34 Turn off Global Light, and set the Angle at 90 degrees.
- 07:38 Now set the Distance at eight and the Size at nine.
- 07:42 Good, this'll leave you with pretty straight foam.
- 07:45 Obviously, we wanna distort it a little bit.
- 07:47 Now before you start adding filters to this layer, we wanna make sure to
- 07:50 convert it for smart filters first, just in case we wanna edit this layer later on.
- 07:55 Head up to the Filter menu, and then choose Convert for Smart Filters.
- 07:59 Once it's been converted, let's add a few filters, starting with a wave.
- 08:03 Head back up to Filter, down to Distort, and then choose Wave.
- 08:08 The wave is completely up to you but I wanna keep it somewhat subtle, so
- 08:11 I'm gonna set the Number of Generators at four, the Wavelength at 105 and 106,
- 08:16 the Amplitude at five and ten, both scales at 100%.
- 08:22 Make sure that the Type is set to Sign, and Undefined Areas at Repeat Edge Pixels.
- 08:28 Good, that'll leave you with a little bit of a wave but
- 08:30 we want to mess up the edges a little bit.
- 08:32 Let's add one more filter.
- 08:34 Head back up to Filter, down to Distort, and then choose Zig-Zag.
- 08:39 In this window, set the Amount to around negative 85%.
- 08:43 The Ridges at ten, and the Style to Out from Center.
- 08:47 Good, you should now have nice, stylized foam at the top of your text.
- 08:50 Now, if you want to, you can always add a layer mask to this layer and,
- 08:53 using a black brush, remove some of the areas that you don't want visible.
- 08:58 Now the last step we're gonna take will be to add some water drops to this design.
- 09:02 To create this, we're gonna be creating a custom brush and layer styles.
- 09:06 Let's start off with the brush.
- 09:08 Now if you don't see your Brush panel on the right side of your work space,
- 09:11 activate it by going to the Window menu at the top and then choose Brush.
- 09:15 Let's go through some of the key sections, starting with Brush Tip Shape.
- 09:19 We're gonna start off with a 50 pixel brush.
- 09:21 We wanna set the Hardness around 50%, we don't want them too hard and
- 09:25 we don't want them too soft.
- 09:26 And an important step is to set the Spacing at 185%.
- 09:30 This will pull away from a perfectly smooth, straight line.
- 09:34 The next section we are going into are Shape Dynamics.
- 09:37 We wanna set the Size Jitter around 65%.
- 09:40 This will allow us to have different size water drops and not just one size.
- 09:45 Now down below, we wanna also turn the Roundness Jitter to around 35%.
- 09:49 We don't want all of them perfectly round, and
- 09:52 finally, we want to hop into Scattering.
- 09:54 Make sure that both axis is turned on.
- 09:56 Turn the Percentage to around 630%, and the Count to one.
- 10:01 This will allow the water drops to scatter as we're brushing them onto our document.
- 10:05 So now that the brush is complete, go ahead and
- 10:07 create another new layer in your Layers panel, and just like we did before,
- 10:10 make sure to clip it by right-clicking and then Create a Clipping Mask.
- 10:14 When that's done, we wanna start painting on our document.
- 10:17 You can use a white brush, a black brush, a red brush,
- 10:19 it really doesn't matter as we're not gonna be seeing the color anyway.
- 10:23 When you have a nice amount of large water drops on your design, you can go ahead and
- 10:27 decrease your brush size using the left square bracket key, and
- 10:30 then add a bunch of smaller water drops as well.
- 10:32 This will add some nice variation to our design.
- 10:36 Now, once the drops have been painted on, it's time to apply a few layer styles.
- 10:40 Starting in the Blending Options section,
- 10:42 make sure to turn the Fill Opacity down to zero.
- 10:45 This will make our water drops completely transparent, but
- 10:48 it will also allow us to add layer styles.
- 10:50 The first layer style we're gonna add will be the Bevel and Emboss.
- 10:54 Keep the style at Inner Bevel.
- 10:56 Keep the Technique at Smooth, but increase the Depth to 120% and the Size to ten.
- 11:02 Now down below under Shading, make sure to turn off Global Light, and
- 11:05 we can keep the Angle at 120 degrees, but change the Altitude to 60 degrees.
- 11:10 Now as for the Gloss Contour, we're going to be selecting the Cone Inverted Contour,
- 11:15 and make sure again to turn Anti-aliased on.
- 11:18 For the Highlighting Mode, keep the Blend Mode at Screen, but
- 11:21 increase the Opacity to 100%.
- 11:22 Now for the Shadow Mode, we wanna change the Blend Mode to Soft Light, and
- 11:27 then the Opacity to 25%.
- 11:29 Now hopping into the Contour section on the left,
- 11:32 we want to again choose the Cone Inverted Contour.
- 11:35 Turn Anti-aliased on, and set the Range at 100%.
- 11:39 And finally, the last layer style we're gonna add will be an Inner Glow.
- 11:43 Go ahead and change the Blend mode to Soft Light, the Opacity to 100%, and
- 11:48 the Color to Appear White.
- 11:50 Down below under Elements,
- 11:51 make sure to change the Source to Center, and then the Size to 16 pixels.
- 11:56 And finally under Quality, change the Range to 35%.
- 12:00 That should leave you with some pretty nice looking water drops, and
- 12:03 a completed beer text design, just in time for St. Patrick's Day.
Lesson notes are only available for subscribers.