Beer Text Effect

Quick reference

• 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.