GoSkills
Help Sign up Share
Back to course

Beer Text Effect

Compact player layout Large player layout

Locked lesson.

Upgrade

  • Lesson resourcesResources
  • Quick referenceReference
  • Transcript
  • Notes

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.psd
11.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

  1. New document 1280 by 720 pixels.
  2. Create light texture background.
  3. 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

  1. New layer and fill with black (hold down Atl /Option and press the Delete/Backspace Key).
  2. Right click in layers Panel and choose Create Clipping Mask.
  3. Go Menu/Filter/Pixelate/Mezzotint: Medium Dots type.
  4. Blend mode Soft light: Opacity 35%.
  5. Go Menu/Filter/Blur/Gaussian Blur: Set to 0.7.

Add some froth

  1. Rectangle tool: Draw over the top part of the text.
  2. 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.

  1. Convert for Smart Filters.
  2. 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.
  3. Go Menu/Filter/Distort/ZigZag: Amount -85%, Ridges: 10, Style: Out from center.

Add some water drops

  1. Grab brush tool.
  2. 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.

  1. Create new Layer and Clip to text layer.
  2. Paint over random drops of different sizes.
  3. 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.

Hairy Text Effect
06m:30s
Wood Engraved Text Effect
08m:25s
Share this lesson and earn rewards

Facebook Twitter LinkedIn WhatsApp Email

Gift this course
Give feedback

How is your GoSkills experience?

I need help

Your feedback has been sent

Thank you

Back to the top

© 2023 GoSkills Ltd. Skills for career advancement