{"id":102,"date":"2020-07-11T20:28:23","date_gmt":"2020-07-12T00:28:23","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/photoshopped\/chapter\/tutorial-5-%e2%80%a2-tricked-out-type-creating-cool-type-effects\/"},"modified":"2021-07-22T09:24:01","modified_gmt":"2021-07-22T13:24:01","slug":"tutorial6","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/chapter\/tutorial6\/","title":{"raw":"Tutorial 6 \u2022 Tricked Out Type: Creating Cool Type Effects","rendered":"Tutorial 6 \u2022 Tricked Out Type: Creating Cool Type Effects"},"content":{"raw":"<div class=\"tutorial-5-\u2022-tricked-out-type:-creating-cool-type-effects\">\r\n<h2>Overview<\/h2>\r\n<p class=\"import-ListBullet\">This lab will explore some of the ways we can use Photoshop to turn ordinary type into extraordinary art.<\/p>\r\n\r\n<h2>Objectives<\/h2>\r\n<ul>\r\n \t<li>To demonstrate how to effectively use Photoshop to manipulate type for cool effects<\/li>\r\n \t<li>To learn how create custom effects that can be used on type to enhance visual appeal<\/li>\r\n<\/ul>\r\n<h2>Procedure<\/h2>\r\n<h3>Turning Type into a Neon Sign<\/h3>\r\n<p style=\"text-align: center\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1.jpg\" alt=\"Example of neon type effect\" width=\"768\" height=\"384\" class=\"aligncenter wp-image-106\" \/><\/a><\/p>\r\n<p class=\"import-ListBullet\">Neon signs are visually attractive and can really garner attention. It is rare that we will actually have a neon sign that says exactly what we want. In this part of the tutorial we will fabricate our own neon sign from ordinary text.<\/p>\r\n<p class=\"import-ListBullet\">Let\u2019s create the neon tubes:<\/p>\r\n\r\n<ol>\r\n \t<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_Neon_Text.psd.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_Neon_Text_Initials_v1<\/strong><strong>.<\/strong><strong>psd, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Neon_Text_JL_v1.psd).<\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Paths Panel, then click <strong>Text Path<\/strong> to activate it.<\/li>\r\n \t<li class=\"import-ListBullet\">Create a new foreground colour that is R 0, G 127, and B 254. Save this colour to the Swatches Panel with the name <strong>Top Blue.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Select a brush that is 28 pixels in size and hardness of 0%.<\/li>\r\n \t<li class=\"import-ListBullet\">Create a new layer above the <strong>Background<\/strong> layer and name it <strong>Text <\/strong><strong>Blue 28 px.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">In the Paths Panel menu, choose to stroke the path. In the dialogue box, change the tool to brush.<\/li>\r\n \t<li class=\"import-ListBullet\">Create a new layer above the <strong>Text <\/strong><strong>Blue 28 px<\/strong> layer and name it <strong>Border.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Paths Panel, then click <strong>Border<\/strong><strong> Path<\/strong> to activate it.<\/li>\r\n \t<li class=\"import-ListBullet\">In the Paths Panel, stroke the path (Tip: you can do this the same way as before, or by clicking the <em>Stroke path with brush button<\/em> <img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image1-4.png\" width=\"16.2161679790026px\" height=\"16.2161679790026px\" alt=\"image\" \/> at the bottom of the Paths Panel).<\/li>\r\n \t<li class=\"import-ListBullet\">Create a new Hue\/Saturation Adjustment Layer and call it <strong>Colourize<\/strong><strong> Border<\/strong>. Check the box \u201cUse Previous Layer to Create Clipping Mask\u201d. In the Properties Panel, check the Colorize box, then set the Hue to 0, Saturation to 25, and lightness to 0.<\/li>\r\n \t<li class=\"import-ListBullet\">Create a new layer above the <strong>Colourize<\/strong><strong> Border<\/strong> layer and name it <strong>White Glow.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Choose the Brush Tool and reduce the size to 14 pixels. Change the foreground colour to white. In the Paths Panel, use the <em>Stroke path with brush button<\/em> to add a stroke to both the <strong>Text Path<\/strong> and <strong>Border Path.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Create a new Layer Group called <strong>Neon Tubes<\/strong> and put all the existing layers except the Background layer in it.<\/li>\r\n<\/ol>\r\n<p class=\"import-ListBullet\">Let\u2019s create a drop shadow for the neon tubes:<\/p>\r\n\r\n<ol start=\"15\">\r\n \t<li class=\"import-ListBullet\">Create a new foreground colour that is R 129 G 156 B 182 and save this colour to the Swatches Panel as <strong>Drop Shadow Blue.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Increase the brush size to 50 px.<\/li>\r\n \t<li class=\"import-ListBullet\">Hide the Neon Tubes Group, and create a new layer above the <strong>B<\/strong><strong>ackground<\/strong> layer. Call this layer <strong>Drop Shadow<\/strong><strong> Text.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Paths Panel and click on the Text Path to make it active. Use the <em>Stroke path with brush button<\/em> to add a stroke.<\/li>\r\n \t<li class=\"import-ListBullet\">Make the Neon Tubes group visible again.<\/li>\r\n \t<li class=\"import-ListBullet\">With the Drop Shadow layer selected, choose Filter Other Offset. Change the horizontal amount to 13 and the vertical amount to 8. Change the opacity of the layer to 50%.<\/li>\r\n \t<li class=\"import-ListBullet\">Create a new layer above the <strong>Background<\/strong> layer. Call this layer <strong>Drop Shadow<\/strong><strong> Border.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Change the brush size to 64 px, and change the foreground colour to R 178 G 39 B 27. Save this colour to the Swatches Panel with the name <strong>Drop Shadow Red.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Again, add a stroke to the path and change the layer opacity to 50%.<\/li>\r\n<\/ol>\r\n<p class=\"import-ListBullet\">Let\u2019s create some reflections in the background:<\/p>\r\n\r\n<ol start=\"24\">\r\n \t<li class=\"import-ListBullet\">Create a new layer above the <strong>Background<\/strong> layer. Call this layer <strong>Blue <\/strong><strong>Reflection<\/strong><strong> 01.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Change the foreground colour to Top Blue.<\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Paths Panel and activate the Refection Path. From the Paths Panel Menu, choose fill Path, and in the dialogue box, change the Feather Radius to 35 pixels. Deactivate the path.<\/li>\r\n \t<li class=\"import-ListBullet\">Change the opacity of the <strong>Blue Reflection<\/strong><strong> 01<\/strong> Layer to 25%.<\/li>\r\n \t<li class=\"import-ListBullet\">Create a new Layer above the <strong>Blue Reflection<\/strong><strong> 01<\/strong> layer and call it <strong>Red Reflection.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Change the brush size to 150 px and change the foreground colour to <strong>Drop Shadow Red.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Paths Panel and select the Border Path. Stroke the path then change the opacity of the <strong>Red Reflection<\/strong> layer to 30%.<\/li>\r\n \t<li class=\"import-ListBullet\">Create a new Layer above the <strong>Blue Reflection<\/strong><strong> 01<\/strong> layer and call it <strong>Blue Reflection<\/strong><strong> 02.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Change the foreground colour to Top Blue, and the go to the Paths Panel and stroke the Text Path.<\/li>\r\n \t<li class=\"import-ListBullet\">Change the layer opacity to 50% and the Blend mode to Hard Light.<\/li>\r\n \t<li class=\"import-ListBullet\">Select the Text Blue 28 px layer and choose Select Load Selection. Channel should be set to Text Blue 28 px Transparency. Click OK.<\/li>\r\n \t<li class=\"import-ListBullet\">Choose Select Modify Expand, and expand the selection by 2 pixels. Choose Select Modify Feather, and feather the selection by 5 pixels.<\/li>\r\n \t<li class=\"import-ListBullet\">Select the Drop Shadow Text layer and go to Layer Layer Mask Hide Selection.<\/li>\r\n<\/ol>\r\nLet\u2019s finish the sign with some tube connectors:\r\n<ol start=\"37\">\r\n \t<li class=\"import-ListBullet\">Create a new layer above the <strong>Neon Tubes <\/strong>group. Call this layer <strong>Connectors.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Change the size of the brush to 18 px, and make the hardness 80%. Make the foreground colour 94% black.<\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Paths Panel and make the <strong>Tube Connector Path<\/strong> active. Stroke the path.<\/li>\r\n \t<li class=\"import-ListBullet\">Change the brush size to 10 px with a hardness of zero. Change the foreground colour to 85% black. Stroke the path again.<\/li>\r\n \t<li class=\"import-ListBullet\">Move the <strong>Connectors<\/strong> layer under the <strong>Neon Tubes <\/strong>group and change the layer\u2019s opacity to 40%.<\/li>\r\n \t<li class=\"import-ListBullet\">Save the file.<\/li>\r\n<\/ol>\r\n[embed]https:\/\/www.youtube.com\/embed\/YSmII2fzdpo[\/embed]\r\n<h3 class=\"import-ListBullet\">Metal Type Effect<\/h3>\r\n<p style=\"text-align: center\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1.jpg\" alt=\"Example of metal type effect\" width=\"769\" height=\"275\" class=\"aligncenter wp-image-107\" \/><\/a><\/p>\r\n<p class=\"import-ListBullet\">Do you want to create cool metallic-looking type? This tutorial goes through a simple process of how we can do this. I like to use a serif font as opposed a sans-serif font because the serifs give really cool angles and offer a lot of interest areas to the final product.<\/p>\r\n<p class=\"import-ListBullet\">Let\u2019s start by creating the basic shape:<\/p>\r\n\r\n<ol>\r\n \t<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_<\/strong><strong>Metal_Type<\/strong><strong>.psd.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_<\/strong><strong>Metal_Type <\/strong><strong>_Initials_v1<\/strong><strong>.<\/strong><strong>psd, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Metal_Type_JL_v1.psd).<\/li>\r\n \t<li class=\"import-ListBullet\">Lock the transparency on the <strong>Text<\/strong> layer, and then fill the layer with R 128, G 128, B 128. Tip: the reason we are filling the text with a 50% gray is because it gives us the full upper half of the grayscale to create the highlights, and the full lower half of the grayscale to create the shadows.<\/li>\r\n \t<li class=\"import-ListBullet\">With the Text layer still selected, choose Layer Layer Style Bevel and Emboss. Set up the style as per the image below:<\/li>\r\n<\/ol>\r\n<p class=\"import-ListBullet\" style=\"text-align: center;margin-left: 18pt;text-indent: 18pt\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image2-1.png\" width=\"2355\" height=\"1404\" alt=\"Screen capture of Layer styler panel. The configurations should look like this: Structure style set to Inner Bevel. Technique set to Chisel Hard. Depth set to 150. Direction set to Up. Soften set to 0. In the Shading section, Angle set to -135 degrees, with Global Light option activated, Altitude set to 0, Gloss Contour set to Cone Inverted, Highlight Mode set to Screen white, with 60% opacity. Shadow Mode set to Multiply, black, with 75% opacity.\" class=\"alignnone\" \/><\/p>\r\n\r\n<ol start=\"5\">\r\n \t<li class=\"import-ListBullet\">We are going to make this metallic text look like a coppery bronze. To do this, let\u2019s make a new fill layer. Choose Layer New Fill Layer Solid Color. Name the layer <strong>Orange<\/strong>, and click on <em>Use Previous Layer to Create Clipping Mask<\/em>. Click OK.<\/li>\r\n \t<li class=\"import-ListBullet\">For the colour, choose R 205, G 111, B 0 and click OK. Note that even though the layer Blend Mode is set to normal, the colour appears transparent. This is because we used the layer below it to create a clipping mask. If we had not done this, the colour would have appeared opaque and solid.<\/li>\r\n \t<li class=\"import-ListBullet\">Now we will create a new \u201cStamp Layer\u201d by pressing Shift, Option Command E. Name this layer <strong>Stamp Visible.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Select the Magic Wand Tool. Set the tolerance to 4, and make sure Anti-Alias and Contiguous are both checked. Select the horizontal tops and bottoms of the type so you have a selection that looks similar to this:<\/li>\r\n<\/ol>\r\n<p class=\"import-ListBullet\" style=\"text-align: center;margin-left: 18pt;text-indent: 18pt\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image3-2.png\" width=\"4716\" height=\"1041\" alt=\"Example of type area selected with Magic Wand Tool\" class=\"alignnone\" \/><\/p>\r\n\r\n<ol start=\"10\">\r\n \t<li class=\"import-ListBullet\">Choose Select Modify Expand. Expand the selection by 1 pixel. Save this selection as Tops\/Bottoms.<\/li>\r\n \t<li class=\"import-ListBullet\">We no longer need the <strong>Stamp Visible<\/strong> layer, so let\u2019s delete it.<\/li>\r\n \t<li class=\"import-ListBullet\">Go back to the <strong>Text<\/strong> layer, and double click on the Layer Style to modify it. Change the gloss contour to Half Round. This will make the highlights lighter, which is what we want for the next step.<\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Channels Panel and duplicate the Blue Channel. Name this new Channel <strong>Left Side<\/strong>. Now choose Image Adjustments Levels. Move the white triangle for the input levels left until the third box has a value of 180. Click OK.<\/li>\r\n \t<li class=\"import-ListBullet\">With the <strong>Left Side<\/strong> Channel still selected, Command-click on the <strong>Tops\/Bottoms<\/strong> Channel to create a selection. Fill this selection with Black. This removes these areas from the mask. Tip: You may need to use a hard brush with black to touch up any stray areas.<\/li>\r\n \t<li class=\"import-ListBullet\">Choose Image Adjustments Levels. Move the white triangle for the Input levels left until the right box has a value of 50. Click OK.<\/li>\r\n \t<li class=\"import-ListBullet\">Duplicate the <strong>Left Side<\/strong> Channel and call it <strong>Right Side<\/strong>. Press Command I to invert the channel.<\/li>\r\n \t<li class=\"import-ListBullet\">With the <strong>Right<\/strong><strong> Side<\/strong> Channel still selected, Command-click on the <strong>Tops\/Bottoms<\/strong> Channel to create a selection. Fill this selection with Black. This removes these areas from the mask. Tip: You may need to use a hard brush with black to touch up any stray areas.<\/li>\r\n \t<li class=\"import-ListBullet\">Click on the RGB channel and return to the Layers Panel. Double-click on the emboss effect and change the gloss contour back to Cone Inverted.<\/li>\r\n<\/ol>\r\n<p class=\"import-ListBullet\">Now let\u2019s create the texture for our type:<\/p>\r\n\r\n<ol start=\"19\">\r\n \t<li class=\"import-ListBullet\">Choose Image Duplicate<\/li>\r\n \t<li class=\"import-ListBullet\">Flatten the new duplicated image, and fill the canvas with R 128, G 128, B 128.<\/li>\r\n \t<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_<\/strong><strong>Metal_<\/strong><strong>Texture_<\/strong><strong>intitials_v1<\/strong><strong>.psd<\/strong><strong>, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Metal_Texture_JL_v1.psd).<\/li>\r\n \t<li class=\"import-ListBullet\">Choose Filter Noise Add Noise. Make the Amount 125, and make sure Uniform and Monochromatic are selected. Click OK.<\/li>\r\n \t<li class=\"import-ListBullet\">Duplicate the <strong>Background<\/strong> layer and name the new layer <strong>Left Angle.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">With the <strong>Left Angle<\/strong> layer selected, choose Filter Blur Motion Blur. Set the Angle to 45, and the distance to 30.<\/li>\r\n \t<li class=\"import-ListBullet\">Duplicate the <strong>Background<\/strong> layer and name the new layer <strong>Top<\/strong><strong> Angle<\/strong>. Move the layer to the top of the layer order.<\/li>\r\n \t<li class=\"import-ListBullet\">With the <strong>Top<\/strong><strong> Angle<\/strong> layer selected, choose Filter Blur Motion Blur. Set the Angle to 90, and the distance to 30.<\/li>\r\n \t<li class=\"import-ListBullet\">Save the file.<\/li>\r\n \t<li class=\"import-ListBullet\">Hide the <strong>Top Angle<\/strong> layer and select the <strong>Left Angle<\/strong> layer. Select all and copy.<\/li>\r\n \t<li class=\"import-ListBullet\">Return to the other file, make sure the <strong>Orange<\/strong> layer is selected, and load the Left Side Channel as a selection. Choose Edit Paste Special Paste Into. Name this layer <strong>Left Texture<\/strong>, set the Blend Mode to Multiply, and change the opacity to 40%.<\/li>\r\n \t<li class=\"import-ListBullet\">Now load the Right Side Channel as a selection.<\/li>\r\n \t<li class=\"import-ListBullet\">Choose Edit Paste Special Paste Into. Name this layer <strong>Right Texture<\/strong>. Choose Edit Transform Flip Horizontal so that the pattern is going in the opposite direction of the left side. Set the Blend Mode to Overlay.<\/li>\r\n \t<li class=\"import-ListBullet\">Go back to the texture file, make the Top Angle layer visible and select it. Select all and copy.<\/li>\r\n \t<li class=\"import-ListBullet\">Go back to the main file, and load the Tops\/Bottoms Channel. Choose Edit Paste Special Paste Into. Name this layer <strong>Top\/Bottom<\/strong><strong> Texture<\/strong>. Set the Blend Mode to Overlay.<\/li>\r\n<\/ol>\r\nNow let\u2019s Finish by adding some depth to our type by playing around with blend modes:\r\n<ol start=\"34\">\r\n \t<li class=\"import-ListBullet\">Duplicate the <strong>Left Texture<\/strong> layer. Change the Blend Mode to Overlay and the Opacity to 100%. Call this layer <strong>Left Depth<\/strong>. This layer gives more detail to the texture without affecting the highlights.<\/li>\r\n \t<li class=\"import-ListBullet\">Duplicate the <strong>Right Texture<\/strong> layer and name it <strong>Right Depth<\/strong>. This has the same effect.<\/li>\r\n \t<li class=\"import-ListBullet\">Select the Top\/Bottom Texture layer and change the Blend Mode to Multiply. This darkens these areas and gives a nice effect.<\/li>\r\n \t<li class=\"import-ListBullet\">Save the file.<\/li>\r\n<\/ol>\r\n[embed]https:\/\/www.youtube.com\/embed\/BCybR7Syneg[\/embed]\r\n<h3>Plastic Type Effect<\/h3>\r\n<p style=\"text-align: center\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1.jpg\" alt=\"Example of plastic type effect\" width=\"769\" height=\"461\" class=\"aligncenter wp-image-108\" \/><\/a><\/p>\r\n<p class=\"import-ListBullet\">Photoshop can be used to make plain type appear to be created from extruded plastic. This is a cool effect that can be applied to a variety of scenarios. Let\u2019s look at how this is done.<\/p>\r\n<p class=\"import-ListBullet\">Let\u2019s begin by making the right shape for the plastic text:<\/p>\r\n\r\n<ol>\r\n \t<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_Plastic_Text.ai.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_Plastic_Text<\/strong><strong>_Initials_v1<\/strong><strong>.<\/strong><strong>ai, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Plastic_Text_JL_v1.ai).<\/li>\r\n \t<li class=\"import-ListBullet\">Select all, then choose Effect Stylize Round Corners. Make the radius 0.1, and click OK.<\/li>\r\n \t<li class=\"import-ListBullet\">Select all and copy.<\/li>\r\n \t<li class=\"import-ListBullet\">Save the file and close it.<\/li>\r\n \t<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_Plastic_T<\/strong><strong>ype<\/strong><strong>.<\/strong><strong>psd.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_Plastic_T<\/strong><strong>ype_Initials_v1<\/strong><strong>.<\/strong><strong>psd, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Plastic_Type_JL_v1.psd).<\/li>\r\n \t<li class=\"import-ListBullet\">Make sure the foreground colour is set to neutral gray (R 128, G 128, B 128). Choose Edit Paste to paste the copied artwork from the Illustrator file. In the Paste Dialogue Box, choose Shape Layer. Tip: The reason we are pasting this as a shape layer is that the original artwork was vector. By creating a shape layer, the artwork is pasted on its own layer as a vector graphic and uses the foreground colour as the fill. Since the path that defines the shape is vector, it can be scaled and otherwise transformed without loss of quality.<\/li>\r\n \t<li class=\"import-ListBullet\">Name the new layer <strong>Text Outline.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Paths Panel. Notice that a temporary path was imported with the Shape Layer. Name this Path <strong>Text Path<\/strong>. This adds the shape as an editable path to the Paths Panel.<\/li>\r\n \t<li class=\"import-ListBullet\">Choose Layer Layer Style Bevel &amp; Emboss. Make sure your settings look like the image below:<\/li>\r\n<\/ol>\r\n<p class=\"import-ListBullet\" style=\"margin-left: 18pt;text-indent: 18pt\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image4-2.png\" width=\"2355\" height=\"1404\" alt=\"Screen capture of Layer styler panel. The configurations should look like this: Structure style set to Pillow Emboss. Technique set to Smooth. Depth set to 100. Direction set to Up. Size set to 98. Soften set to 7. In the Shading section, Angle set to 30 degrees, with Global Light option activated, Altitude set to 30 degrees, Gloss Contour set to linear, Highlight mode set to Screen, white, with 60% opacity. Shadow mode set to Multiply, black, with 75% opacity.\" class=\"aligncenter\" \/><\/p>\r\n\r\n<ol start=\"12\">\r\n \t<li class=\"import-ListBullet\">Hold down the Command key and click on the icon on the <strong>Text Outline<\/strong> layer to load the shape as a selection. Choose Edit Copy Merged. Name the new layer created <strong>Plastic Text<\/strong> Tip: Copy Merged copies the selected artwork as though all the layers were merged and the image was flattened \u2013 or in other words, it copies the artwork as it appears, regardless of how many different layers are used to create the appearance.<\/li>\r\n \t<li class=\"import-ListBullet\">Hide the <strong>Text Outline<\/strong> layer.<\/li>\r\n \t<li class=\"import-ListBullet\">Now let\u2019s add some colour:<\/li>\r\n \t<li class=\"import-ListBullet\">With the <strong>Plastic Text<\/strong> layer selected, choose Layer New Fill Layer, and choose solid colour. Name the layer <strong>Gold<\/strong>, and check <em>Use Previous Layer to Create Clipping Mask<\/em>. Click OK. Make the colour R 255, G 234, and B 94.<\/li>\r\n \t<li class=\"import-ListBullet\">Set the Blending Mode of the <strong>Gold<\/strong> layer to Soft Light.<\/li>\r\n \t<li class=\"import-ListBullet\">Choose Layer New Adjustment Layer Hue\/Saturation. Name the layer Saturation Bump, and check <em>Use Previous Layer to Create Clipping Mask<\/em>. Click OK<\/li>\r\n \t<li class=\"import-ListBullet\">Adjust the saturation to +50.<\/li>\r\n \t<li class=\"import-ListBullet\">Now let\u2019s add detail:<\/li>\r\n \t<li class=\"import-ListBullet\">With the Saturation Bump layer selected, choose Edit Copy Merged. Name the new layer <strong>Plastic Wrap.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">\u00adUsing the Rectangular Marquee, select the left half of the canvas up to the split between the S and T.<\/li>\r\n \t<li class=\"import-ListBullet\">Choose Filter Filter Gallery. Choose the Artistic folder, and choose the Plastic Wrap effect. Set the Highlight Strength to 15, The Detail to 8, and the Smoothness to 9.<\/li>\r\n \t<li class=\"import-ListBullet\">Inverse the selection. Reapply the filter we just used by selecting Filter Gallery from the very top of the filter menu. Deselect the selection (Command D)<\/li>\r\n \t<li class=\"import-ListBullet\">With the <strong>Plastic Wrap<\/strong> layer selected, Command-click on the <strong>Text Outline<\/strong> layer to create a selection.<\/li>\r\n \t<li class=\"import-ListBullet\">Create a layer mask on the <strong>Plastic Wrap<\/strong> layer by clicking on the Add Layer Mask button at the bottom of the Layers Panel.<\/li>\r\n \t<li class=\"import-ListBullet\">Using Blend Modes to change the look:<\/li>\r\n \t<li class=\"import-ListBullet\">Select the <strong>Plastic Wrap<\/strong> layer. Change its Blend Mode to Hard Light. Tip: The Hard Light Blend Mode saturates the yellow overall by removing the midrange effects of the filter while maintaining the highlights. This makes our text look like extremely bright, shiny plastic.<\/li>\r\n \t<li class=\"import-ListBullet\">Now change the Blend Mode to Lighten. Tip: With the Blend Mode set to lighten, only the areas of the <strong>Plastic Wrap<\/strong> layer that are lighter than those of the layers below will be visible. The result is less shine, and more detail in the midtone.<\/li>\r\n \t<li class=\"import-ListBullet\">Now change the Blend Mode to Luminosity. Tip: With the Blend Mode set to Luminosity, the brightness information of the <strong>Plastic Wrap<\/strong> layer is applied to the layers below. This maintains the highlights, but still allows the midtones to show through.<\/li>\r\n \t<li class=\"import-ListBullet\">Save the file<\/li>\r\n<\/ol>\r\n[embed]https:\/\/www.youtube.com\/embed\/eDOQ0yCvLsE[\/embed]\r\n<h3 class=\"import-ListBullet\">Rusty Type<\/h3>\r\n<p style=\"text-align: center\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1.jpg\" alt=\"Example of rust type effect\" width=\"768\" height=\"768\" class=\"aligncenter wp-image-109\" \/><\/a><\/p>\r\n<p class=\"import-ListBullet\">Cool, sharp new metal type can serve a purpose, but what if we want our metal type to look like it has seen better days? With the right tools and techniques, we can create realistic looking rusted type that create a cool effect for art.<\/p>\r\n<p class=\"import-ListBullet\">Let\u2019s begin:<\/p>\r\n\r\n<ol>\r\n \t<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_Rusty_Type.psd.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_Rusty_Type<\/strong><strong>_Initials_v1<\/strong><strong>.<\/strong><strong>psd<\/strong><strong>, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Rusty_Type_JL_v1.ai).<\/li>\r\n \t<li class=\"import-ListBullet\">Hide the visibility of the <strong>Original Text<\/strong> shape layer. Duplicate the <strong>Rust<\/strong> layer and call it <strong>Rusty Text<\/strong>. Make this layer visible.<\/li>\r\n \t<li class=\"import-ListBullet\">Go to the Paths Panel and select the path called <strong>Text Path.<\/strong><\/li>\r\n \t<li class=\"import-ListBullet\">Choose Layer Vector Mask Current Path.<\/li>\r\n \t<li class=\"import-ListBullet\">Hide the <strong>Black Iron<\/strong> layer so we can see the changes we are about to make.<\/li>\r\n \t<li class=\"import-ListBullet\">With the Rusty Text layer selected, choose Layer Layer Style Bevel &amp; Emboss. Make sure your settings look like the image below, and do not close this dialogue box yet:<\/li>\r\n<\/ol>\r\n<p class=\"import-ListBullet\" style=\"text-align: center\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image5-1.png\" width=\"575\" height=\"1404\" alt=\"Screen capture of the layer style panel. The configurations should look like this: Style set to Inner Bevel. Technique set to Chisel Hard. Depth set to 150%. Soften set to 0. In the Shading area, Angle set to 90 degrees, Global Light activated, Altitude set to 30\u00ba, Gloss Contour set to linear, Highlight Mode set to Screen, white, with 75% of opacity. Shadow Mode set to Multiply, black, with 75% of opacity.\" class=\"aligncenter\" \/><\/p>\r\n\r\n<ol start=\"8\">\r\n \t<li class=\"import-ListBullet\">Change the colour of the highlight to R 250, G 250, B 150. Click OK, but still do not close the main dialogue box.<\/li>\r\n \t<li class=\"import-ListBullet\">Click on Drop Shadow in the list on the left side of the dialogue box, and set up the drop shadow to match the settings below:<\/li>\r\n<\/ol>\r\n<p class=\"import-ListBullet\" style=\"text-align: center\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image6-1.png\" width=\"575\" height=\"1404\" alt=\"Screen capture of Layer styler panel. The configurations should look like this: Blend Mode set to Multiply, black, with 100% opacity. Angle set to 90 degrees, Spread set to 0, Size set to 10. In the Quality area, contour set to linear and noise set to 0. The option &quot;Layer Knocks Out Drop Shadow&quot; must be activated.\" class=\"aligncenter\" \/><\/p>\r\n\r\n<ol start=\"10\">\r\n \t<li>Click OK to close the dialogue box.<\/li>\r\n \t<li class=\"import-ListBullet\">Select the <strong>Rusty Text<\/strong> layer, and Command click on the Vector Mask to make a selection. Create a Layer Mask with the button at the bottom of the Layer Panel. Option-click on the Layer Mask to show the contents of the Layer Mask instead of the Layer.<\/li>\r\n \t<li class=\"import-ListBullet\">Make sure the Layer Mask is selected. Choose Filter Filter Gallery, go to the Brush Strokes folder, and choose Spatter. Make the Spray Radius 25 and Smoothness 15. Click OK.<\/li>\r\n \t<li class=\"import-ListBullet\">Click on the layer icon to show the layer contents, and mask the <strong>Black Iron<\/strong> layer visible.<\/li>\r\n \t<li class=\"import-ListBullet\">Select the layer mask on the Rusty Type layer once again. Make sure the foreground colour is set to black.<\/li>\r\n \t<li class=\"import-ListBullet\">Select the Brush Tool. Choose a Spatter Brush with a radius of 59 pixels. Change the Opacity of the Brush to 30%. Now you can add some erosion to the inside of the text as well. Try to be random as you click.<\/li>\r\n \t<li class=\"import-ListBullet\">Save the file.<\/li>\r\n<\/ol>\r\n[embed]https:\/\/www.youtube.com\/embed\/9YAnWVAFGiM[\/embed]\r\n<h2>Conclusion<\/h2>\r\n<p class=\"import-ListBullet\">This lab tutorial demonstrated several different ways we can turn ordinary type into attractive headlines. These are just a small sample of the many different ways Photoshop can be used to enhance type for visual appeal.<\/p>\r\n\r\n<\/div>","rendered":"<div class=\"tutorial-5-\u2022-tricked-out-type:-creating-cool-type-effects\">\n<h2>Overview<\/h2>\n<p class=\"import-ListBullet\">This lab will explore some of the ways we can use Photoshop to turn ordinary type into extraordinary art.<\/p>\n<h2>Objectives<\/h2>\n<ul>\n<li>To demonstrate how to effectively use Photoshop to manipulate type for cool effects<\/li>\n<li>To learn how create custom effects that can be used on type to enhance visual appeal<\/li>\n<\/ul>\n<h2>Procedure<\/h2>\n<h3>Turning Type into a Neon Sign<\/h3>\n<p style=\"text-align: center\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1.jpg\" alt=\"Example of neon type effect\" width=\"768\" height=\"384\" class=\"aligncenter wp-image-106\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1-300x150.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1-768x384.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1-65x33.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1-225x113.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1a_Tutorial_05_Neon_Text_JL_v1-350x175.jpg 350w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/p>\n<p class=\"import-ListBullet\">Neon signs are visually attractive and can really garner attention. It is rare that we will actually have a neon sign that says exactly what we want. In this part of the tutorial we will fabricate our own neon sign from ordinary text.<\/p>\n<p class=\"import-ListBullet\">Let\u2019s create the neon tubes:<\/p>\n<ol>\n<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_Neon_Text.psd.<\/strong><\/li>\n<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_Neon_Text_Initials_v1<\/strong><strong>.<\/strong><strong>psd, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Neon_Text_JL_v1.psd).<\/li>\n<li class=\"import-ListBullet\">Go to the Paths Panel, then click <strong>Text Path<\/strong> to activate it.<\/li>\n<li class=\"import-ListBullet\">Create a new foreground colour that is R 0, G 127, and B 254. Save this colour to the Swatches Panel with the name <strong>Top Blue.<\/strong><\/li>\n<li class=\"import-ListBullet\">Select a brush that is 28 pixels in size and hardness of 0%.<\/li>\n<li class=\"import-ListBullet\">Create a new layer above the <strong>Background<\/strong> layer and name it <strong>Text <\/strong><strong>Blue 28 px.<\/strong><\/li>\n<li class=\"import-ListBullet\">In the Paths Panel menu, choose to stroke the path. In the dialogue box, change the tool to brush.<\/li>\n<li class=\"import-ListBullet\">Create a new layer above the <strong>Text <\/strong><strong>Blue 28 px<\/strong> layer and name it <strong>Border.<\/strong><\/li>\n<li class=\"import-ListBullet\">Go to the Paths Panel, then click <strong>Border<\/strong><strong> Path<\/strong> to activate it.<\/li>\n<li class=\"import-ListBullet\">In the Paths Panel, stroke the path (Tip: you can do this the same way as before, or by clicking the <em>Stroke path with brush button<\/em> <img decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image1-4.png\" width=\"16.2161679790026px\" height=\"16.2161679790026px\" alt=\"image\" \/> at the bottom of the Paths Panel).<\/li>\n<li class=\"import-ListBullet\">Create a new Hue\/Saturation Adjustment Layer and call it <strong>Colourize<\/strong><strong> Border<\/strong>. Check the box \u201cUse Previous Layer to Create Clipping Mask\u201d. In the Properties Panel, check the Colorize box, then set the Hue to 0, Saturation to 25, and lightness to 0.<\/li>\n<li class=\"import-ListBullet\">Create a new layer above the <strong>Colourize<\/strong><strong> Border<\/strong> layer and name it <strong>White Glow.<\/strong><\/li>\n<li class=\"import-ListBullet\">Choose the Brush Tool and reduce the size to 14 pixels. Change the foreground colour to white. In the Paths Panel, use the <em>Stroke path with brush button<\/em> to add a stroke to both the <strong>Text Path<\/strong> and <strong>Border Path.<\/strong><\/li>\n<li class=\"import-ListBullet\">Create a new Layer Group called <strong>Neon Tubes<\/strong> and put all the existing layers except the Background layer in it.<\/li>\n<\/ol>\n<p class=\"import-ListBullet\">Let\u2019s create a drop shadow for the neon tubes:<\/p>\n<ol start=\"15\">\n<li class=\"import-ListBullet\">Create a new foreground colour that is R 129 G 156 B 182 and save this colour to the Swatches Panel as <strong>Drop Shadow Blue.<\/strong><\/li>\n<li class=\"import-ListBullet\">Increase the brush size to 50 px.<\/li>\n<li class=\"import-ListBullet\">Hide the Neon Tubes Group, and create a new layer above the <strong>B<\/strong><strong>ackground<\/strong> layer. Call this layer <strong>Drop Shadow<\/strong><strong> Text.<\/strong><\/li>\n<li class=\"import-ListBullet\">Go to the Paths Panel and click on the Text Path to make it active. Use the <em>Stroke path with brush button<\/em> to add a stroke.<\/li>\n<li class=\"import-ListBullet\">Make the Neon Tubes group visible again.<\/li>\n<li class=\"import-ListBullet\">With the Drop Shadow layer selected, choose Filter Other Offset. Change the horizontal amount to 13 and the vertical amount to 8. Change the opacity of the layer to 50%.<\/li>\n<li class=\"import-ListBullet\">Create a new layer above the <strong>Background<\/strong> layer. Call this layer <strong>Drop Shadow<\/strong><strong> Border.<\/strong><\/li>\n<li class=\"import-ListBullet\">Change the brush size to 64 px, and change the foreground colour to R 178 G 39 B 27. Save this colour to the Swatches Panel with the name <strong>Drop Shadow Red.<\/strong><\/li>\n<li class=\"import-ListBullet\">Again, add a stroke to the path and change the layer opacity to 50%.<\/li>\n<\/ol>\n<p class=\"import-ListBullet\">Let\u2019s create some reflections in the background:<\/p>\n<ol start=\"24\">\n<li class=\"import-ListBullet\">Create a new layer above the <strong>Background<\/strong> layer. Call this layer <strong>Blue <\/strong><strong>Reflection<\/strong><strong> 01.<\/strong><\/li>\n<li class=\"import-ListBullet\">Change the foreground colour to Top Blue.<\/li>\n<li class=\"import-ListBullet\">Go to the Paths Panel and activate the Refection Path. From the Paths Panel Menu, choose fill Path, and in the dialogue box, change the Feather Radius to 35 pixels. Deactivate the path.<\/li>\n<li class=\"import-ListBullet\">Change the opacity of the <strong>Blue Reflection<\/strong><strong> 01<\/strong> Layer to 25%.<\/li>\n<li class=\"import-ListBullet\">Create a new Layer above the <strong>Blue Reflection<\/strong><strong> 01<\/strong> layer and call it <strong>Red Reflection.<\/strong><\/li>\n<li class=\"import-ListBullet\">Change the brush size to 150 px and change the foreground colour to <strong>Drop Shadow Red.<\/strong><\/li>\n<li class=\"import-ListBullet\">Go to the Paths Panel and select the Border Path. Stroke the path then change the opacity of the <strong>Red Reflection<\/strong> layer to 30%.<\/li>\n<li class=\"import-ListBullet\">Create a new Layer above the <strong>Blue Reflection<\/strong><strong> 01<\/strong> layer and call it <strong>Blue Reflection<\/strong><strong> 02.<\/strong><\/li>\n<li class=\"import-ListBullet\">Change the foreground colour to Top Blue, and the go to the Paths Panel and stroke the Text Path.<\/li>\n<li class=\"import-ListBullet\">Change the layer opacity to 50% and the Blend mode to Hard Light.<\/li>\n<li class=\"import-ListBullet\">Select the Text Blue 28 px layer and choose Select Load Selection. Channel should be set to Text Blue 28 px Transparency. Click OK.<\/li>\n<li class=\"import-ListBullet\">Choose Select Modify Expand, and expand the selection by 2 pixels. Choose Select Modify Feather, and feather the selection by 5 pixels.<\/li>\n<li class=\"import-ListBullet\">Select the Drop Shadow Text layer and go to Layer Layer Mask Hide Selection.<\/li>\n<\/ol>\n<p>Let\u2019s finish the sign with some tube connectors:<\/p>\n<ol start=\"37\">\n<li class=\"import-ListBullet\">Create a new layer above the <strong>Neon Tubes <\/strong>group. Call this layer <strong>Connectors.<\/strong><\/li>\n<li class=\"import-ListBullet\">Change the size of the brush to 18 px, and make the hardness 80%. Make the foreground colour 94% black.<\/li>\n<li class=\"import-ListBullet\">Go to the Paths Panel and make the <strong>Tube Connector Path<\/strong> active. Stroke the path.<\/li>\n<li class=\"import-ListBullet\">Change the brush size to 10 px with a hardness of zero. Change the foreground colour to 85% black. Stroke the path again.<\/li>\n<li class=\"import-ListBullet\">Move the <strong>Connectors<\/strong> layer under the <strong>Neon Tubes <\/strong>group and change the layer\u2019s opacity to 40%.<\/li>\n<li class=\"import-ListBullet\">Save the file.<\/li>\n<\/ol>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"Tutorial 5 Part 1 Neon Type\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/YSmII2fzdpo?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3 class=\"import-ListBullet\">Metal Type Effect<\/h3>\n<p style=\"text-align: center\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1.jpg\" alt=\"Example of metal type effect\" width=\"769\" height=\"275\" class=\"aligncenter wp-image-107\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1-300x107.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1-768x275.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1-65x23.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1-225x80.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1b_Tutorial_05_Metal_Type_JL_v1-350x125.jpg 350w\" sizes=\"auto, (max-width: 769px) 100vw, 769px\" \/><\/a><\/p>\n<p class=\"import-ListBullet\">Do you want to create cool metallic-looking type? This tutorial goes through a simple process of how we can do this. I like to use a serif font as opposed a sans-serif font because the serifs give really cool angles and offer a lot of interest areas to the final product.<\/p>\n<p class=\"import-ListBullet\">Let\u2019s start by creating the basic shape:<\/p>\n<ol>\n<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_<\/strong><strong>Metal_Type<\/strong><strong>.psd.<\/strong><\/li>\n<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_<\/strong><strong>Metal_Type <\/strong><strong>_Initials_v1<\/strong><strong>.<\/strong><strong>psd, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Metal_Type_JL_v1.psd).<\/li>\n<li class=\"import-ListBullet\">Lock the transparency on the <strong>Text<\/strong> layer, and then fill the layer with R 128, G 128, B 128. Tip: the reason we are filling the text with a 50% gray is because it gives us the full upper half of the grayscale to create the highlights, and the full lower half of the grayscale to create the shadows.<\/li>\n<li class=\"import-ListBullet\">With the Text layer still selected, choose Layer Layer Style Bevel and Emboss. Set up the style as per the image below:<\/li>\n<\/ol>\n<p class=\"import-ListBullet\" style=\"text-align: center;margin-left: 18pt;text-indent: 18pt\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image2-1.png\" width=\"2355\" height=\"1404\" alt=\"Screen capture of Layer styler panel. The configurations should look like this: Structure style set to Inner Bevel. Technique set to Chisel Hard. Depth set to 150. Direction set to Up. Soften set to 0. In the Shading section, Angle set to -135 degrees, with Global Light option activated, Altitude set to 0, Gloss Contour set to Cone Inverted, Highlight Mode set to Screen white, with 60% opacity. Shadow Mode set to Multiply, black, with 75% opacity.\" class=\"alignnone\" \/><\/p>\n<ol start=\"5\">\n<li class=\"import-ListBullet\">We are going to make this metallic text look like a coppery bronze. To do this, let\u2019s make a new fill layer. Choose Layer New Fill Layer Solid Color. Name the layer <strong>Orange<\/strong>, and click on <em>Use Previous Layer to Create Clipping Mask<\/em>. Click OK.<\/li>\n<li class=\"import-ListBullet\">For the colour, choose R 205, G 111, B 0 and click OK. Note that even though the layer Blend Mode is set to normal, the colour appears transparent. This is because we used the layer below it to create a clipping mask. If we had not done this, the colour would have appeared opaque and solid.<\/li>\n<li class=\"import-ListBullet\">Now we will create a new \u201cStamp Layer\u201d by pressing Shift, Option Command E. Name this layer <strong>Stamp Visible.<\/strong><\/li>\n<li class=\"import-ListBullet\">Select the Magic Wand Tool. Set the tolerance to 4, and make sure Anti-Alias and Contiguous are both checked. Select the horizontal tops and bottoms of the type so you have a selection that looks similar to this:<\/li>\n<\/ol>\n<p class=\"import-ListBullet\" style=\"text-align: center;margin-left: 18pt;text-indent: 18pt\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image3-2.png\" width=\"4716\" height=\"1041\" alt=\"Example of type area selected with Magic Wand Tool\" class=\"alignnone\" \/><\/p>\n<ol start=\"10\">\n<li class=\"import-ListBullet\">Choose Select Modify Expand. Expand the selection by 1 pixel. Save this selection as Tops\/Bottoms.<\/li>\n<li class=\"import-ListBullet\">We no longer need the <strong>Stamp Visible<\/strong> layer, so let\u2019s delete it.<\/li>\n<li class=\"import-ListBullet\">Go back to the <strong>Text<\/strong> layer, and double click on the Layer Style to modify it. Change the gloss contour to Half Round. This will make the highlights lighter, which is what we want for the next step.<\/li>\n<li class=\"import-ListBullet\">Go to the Channels Panel and duplicate the Blue Channel. Name this new Channel <strong>Left Side<\/strong>. Now choose Image Adjustments Levels. Move the white triangle for the input levels left until the third box has a value of 180. Click OK.<\/li>\n<li class=\"import-ListBullet\">With the <strong>Left Side<\/strong> Channel still selected, Command-click on the <strong>Tops\/Bottoms<\/strong> Channel to create a selection. Fill this selection with Black. This removes these areas from the mask. Tip: You may need to use a hard brush with black to touch up any stray areas.<\/li>\n<li class=\"import-ListBullet\">Choose Image Adjustments Levels. Move the white triangle for the Input levels left until the right box has a value of 50. Click OK.<\/li>\n<li class=\"import-ListBullet\">Duplicate the <strong>Left Side<\/strong> Channel and call it <strong>Right Side<\/strong>. Press Command I to invert the channel.<\/li>\n<li class=\"import-ListBullet\">With the <strong>Right<\/strong><strong> Side<\/strong> Channel still selected, Command-click on the <strong>Tops\/Bottoms<\/strong> Channel to create a selection. Fill this selection with Black. This removes these areas from the mask. Tip: You may need to use a hard brush with black to touch up any stray areas.<\/li>\n<li class=\"import-ListBullet\">Click on the RGB channel and return to the Layers Panel. Double-click on the emboss effect and change the gloss contour back to Cone Inverted.<\/li>\n<\/ol>\n<p class=\"import-ListBullet\">Now let\u2019s create the texture for our type:<\/p>\n<ol start=\"19\">\n<li class=\"import-ListBullet\">Choose Image Duplicate<\/li>\n<li class=\"import-ListBullet\">Flatten the new duplicated image, and fill the canvas with R 128, G 128, B 128.<\/li>\n<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_<\/strong><strong>Metal_<\/strong><strong>Texture_<\/strong><strong>intitials_v1<\/strong><strong>.psd<\/strong><strong>, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Metal_Texture_JL_v1.psd).<\/li>\n<li class=\"import-ListBullet\">Choose Filter Noise Add Noise. Make the Amount 125, and make sure Uniform and Monochromatic are selected. Click OK.<\/li>\n<li class=\"import-ListBullet\">Duplicate the <strong>Background<\/strong> layer and name the new layer <strong>Left Angle.<\/strong><\/li>\n<li class=\"import-ListBullet\">With the <strong>Left Angle<\/strong> layer selected, choose Filter Blur Motion Blur. Set the Angle to 45, and the distance to 30.<\/li>\n<li class=\"import-ListBullet\">Duplicate the <strong>Background<\/strong> layer and name the new layer <strong>Top<\/strong><strong> Angle<\/strong>. Move the layer to the top of the layer order.<\/li>\n<li class=\"import-ListBullet\">With the <strong>Top<\/strong><strong> Angle<\/strong> layer selected, choose Filter Blur Motion Blur. Set the Angle to 90, and the distance to 30.<\/li>\n<li class=\"import-ListBullet\">Save the file.<\/li>\n<li class=\"import-ListBullet\">Hide the <strong>Top Angle<\/strong> layer and select the <strong>Left Angle<\/strong> layer. Select all and copy.<\/li>\n<li class=\"import-ListBullet\">Return to the other file, make sure the <strong>Orange<\/strong> layer is selected, and load the Left Side Channel as a selection. Choose Edit Paste Special Paste Into. Name this layer <strong>Left Texture<\/strong>, set the Blend Mode to Multiply, and change the opacity to 40%.<\/li>\n<li class=\"import-ListBullet\">Now load the Right Side Channel as a selection.<\/li>\n<li class=\"import-ListBullet\">Choose Edit Paste Special Paste Into. Name this layer <strong>Right Texture<\/strong>. Choose Edit Transform Flip Horizontal so that the pattern is going in the opposite direction of the left side. Set the Blend Mode to Overlay.<\/li>\n<li class=\"import-ListBullet\">Go back to the texture file, make the Top Angle layer visible and select it. Select all and copy.<\/li>\n<li class=\"import-ListBullet\">Go back to the main file, and load the Tops\/Bottoms Channel. Choose Edit Paste Special Paste Into. Name this layer <strong>Top\/Bottom<\/strong><strong> Texture<\/strong>. Set the Blend Mode to Overlay.<\/li>\n<\/ol>\n<p>Now let\u2019s Finish by adding some depth to our type by playing around with blend modes:<\/p>\n<ol start=\"34\">\n<li class=\"import-ListBullet\">Duplicate the <strong>Left Texture<\/strong> layer. Change the Blend Mode to Overlay and the Opacity to 100%. Call this layer <strong>Left Depth<\/strong>. This layer gives more detail to the texture without affecting the highlights.<\/li>\n<li class=\"import-ListBullet\">Duplicate the <strong>Right Texture<\/strong> layer and name it <strong>Right Depth<\/strong>. This has the same effect.<\/li>\n<li class=\"import-ListBullet\">Select the Top\/Bottom Texture layer and change the Blend Mode to Multiply. This darkens these areas and gives a nice effect.<\/li>\n<li class=\"import-ListBullet\">Save the file.<\/li>\n<\/ol>\n<p><iframe loading=\"lazy\" id=\"oembed-2\" title=\"Tutorial 5 Part 2 Metal Type\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/BCybR7Syneg?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Plastic Type Effect<\/h3>\n<p style=\"text-align: center\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1.jpg\" alt=\"Example of plastic type effect\" width=\"769\" height=\"461\" class=\"aligncenter wp-image-108\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1-300x180.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1-768x461.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1-65x39.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1-225x135.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-1c_Tutorial_05_Plastic_Type_JL_v1-350x210.jpg 350w\" sizes=\"auto, (max-width: 769px) 100vw, 769px\" \/><\/a><\/p>\n<p class=\"import-ListBullet\">Photoshop can be used to make plain type appear to be created from extruded plastic. This is a cool effect that can be applied to a variety of scenarios. Let\u2019s look at how this is done.<\/p>\n<p class=\"import-ListBullet\">Let\u2019s begin by making the right shape for the plastic text:<\/p>\n<ol>\n<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_Plastic_Text.ai.<\/strong><\/li>\n<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_Plastic_Text<\/strong><strong>_Initials_v1<\/strong><strong>.<\/strong><strong>ai, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Plastic_Text_JL_v1.ai).<\/li>\n<li class=\"import-ListBullet\">Select all, then choose Effect Stylize Round Corners. Make the radius 0.1, and click OK.<\/li>\n<li class=\"import-ListBullet\">Select all and copy.<\/li>\n<li class=\"import-ListBullet\">Save the file and close it.<\/li>\n<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_Plastic_T<\/strong><strong>ype<\/strong><strong>.<\/strong><strong>psd.<\/strong><\/li>\n<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_Plastic_T<\/strong><strong>ype_Initials_v1<\/strong><strong>.<\/strong><strong>psd, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Plastic_Type_JL_v1.psd).<\/li>\n<li class=\"import-ListBullet\">Make sure the foreground colour is set to neutral gray (R 128, G 128, B 128). Choose Edit Paste to paste the copied artwork from the Illustrator file. In the Paste Dialogue Box, choose Shape Layer. Tip: The reason we are pasting this as a shape layer is that the original artwork was vector. By creating a shape layer, the artwork is pasted on its own layer as a vector graphic and uses the foreground colour as the fill. Since the path that defines the shape is vector, it can be scaled and otherwise transformed without loss of quality.<\/li>\n<li class=\"import-ListBullet\">Name the new layer <strong>Text Outline.<\/strong><\/li>\n<li class=\"import-ListBullet\">Go to the Paths Panel. Notice that a temporary path was imported with the Shape Layer. Name this Path <strong>Text Path<\/strong>. This adds the shape as an editable path to the Paths Panel.<\/li>\n<li class=\"import-ListBullet\">Choose Layer Layer Style Bevel &amp; Emboss. Make sure your settings look like the image below:<\/li>\n<\/ol>\n<p class=\"import-ListBullet\" style=\"margin-left: 18pt;text-indent: 18pt\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image4-2.png\" width=\"2355\" height=\"1404\" alt=\"Screen capture of Layer styler panel. The configurations should look like this: Structure style set to Pillow Emboss. Technique set to Smooth. Depth set to 100. Direction set to Up. Size set to 98. Soften set to 7. In the Shading section, Angle set to 30 degrees, with Global Light option activated, Altitude set to 30 degrees, Gloss Contour set to linear, Highlight mode set to Screen, white, with 60% opacity. Shadow mode set to Multiply, black, with 75% opacity.\" class=\"aligncenter\" \/><\/p>\n<ol start=\"12\">\n<li class=\"import-ListBullet\">Hold down the Command key and click on the icon on the <strong>Text Outline<\/strong> layer to load the shape as a selection. Choose Edit Copy Merged. Name the new layer created <strong>Plastic Text<\/strong> Tip: Copy Merged copies the selected artwork as though all the layers were merged and the image was flattened \u2013 or in other words, it copies the artwork as it appears, regardless of how many different layers are used to create the appearance.<\/li>\n<li class=\"import-ListBullet\">Hide the <strong>Text Outline<\/strong> layer.<\/li>\n<li class=\"import-ListBullet\">Now let\u2019s add some colour:<\/li>\n<li class=\"import-ListBullet\">With the <strong>Plastic Text<\/strong> layer selected, choose Layer New Fill Layer, and choose solid colour. Name the layer <strong>Gold<\/strong>, and check <em>Use Previous Layer to Create Clipping Mask<\/em>. Click OK. Make the colour R 255, G 234, and B 94.<\/li>\n<li class=\"import-ListBullet\">Set the Blending Mode of the <strong>Gold<\/strong> layer to Soft Light.<\/li>\n<li class=\"import-ListBullet\">Choose Layer New Adjustment Layer Hue\/Saturation. Name the layer Saturation Bump, and check <em>Use Previous Layer to Create Clipping Mask<\/em>. Click OK<\/li>\n<li class=\"import-ListBullet\">Adjust the saturation to +50.<\/li>\n<li class=\"import-ListBullet\">Now let\u2019s add detail:<\/li>\n<li class=\"import-ListBullet\">With the Saturation Bump layer selected, choose Edit Copy Merged. Name the new layer <strong>Plastic Wrap.<\/strong><\/li>\n<li class=\"import-ListBullet\">\u00adUsing the Rectangular Marquee, select the left half of the canvas up to the split between the S and T.<\/li>\n<li class=\"import-ListBullet\">Choose Filter Filter Gallery. Choose the Artistic folder, and choose the Plastic Wrap effect. Set the Highlight Strength to 15, The Detail to 8, and the Smoothness to 9.<\/li>\n<li class=\"import-ListBullet\">Inverse the selection. Reapply the filter we just used by selecting Filter Gallery from the very top of the filter menu. Deselect the selection (Command D)<\/li>\n<li class=\"import-ListBullet\">With the <strong>Plastic Wrap<\/strong> layer selected, Command-click on the <strong>Text Outline<\/strong> layer to create a selection.<\/li>\n<li class=\"import-ListBullet\">Create a layer mask on the <strong>Plastic Wrap<\/strong> layer by clicking on the Add Layer Mask button at the bottom of the Layers Panel.<\/li>\n<li class=\"import-ListBullet\">Using Blend Modes to change the look:<\/li>\n<li class=\"import-ListBullet\">Select the <strong>Plastic Wrap<\/strong> layer. Change its Blend Mode to Hard Light. Tip: The Hard Light Blend Mode saturates the yellow overall by removing the midrange effects of the filter while maintaining the highlights. This makes our text look like extremely bright, shiny plastic.<\/li>\n<li class=\"import-ListBullet\">Now change the Blend Mode to Lighten. Tip: With the Blend Mode set to lighten, only the areas of the <strong>Plastic Wrap<\/strong> layer that are lighter than those of the layers below will be visible. The result is less shine, and more detail in the midtone.<\/li>\n<li class=\"import-ListBullet\">Now change the Blend Mode to Luminosity. Tip: With the Blend Mode set to Luminosity, the brightness information of the <strong>Plastic Wrap<\/strong> layer is applied to the layers below. This maintains the highlights, but still allows the midtones to show through.<\/li>\n<li class=\"import-ListBullet\">Save the file<\/li>\n<\/ol>\n<p><iframe loading=\"lazy\" id=\"oembed-3\" title=\"Tutorial 5 Part 3 Plastic Type\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/eDOQ0yCvLsE?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3 class=\"import-ListBullet\">Rusty Type<\/h3>\n<p style=\"text-align: center\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1.jpg\" alt=\"Example of rust type effect\" width=\"768\" height=\"768\" class=\"aligncenter wp-image-109\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1-300x300.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1-150x150.jpg 150w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1-768x768.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1-65x65.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1-225x225.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/05-4a_Tutorial_05_Rusty_Type_JL_v1-350x350.jpg 350w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/p>\n<p class=\"import-ListBullet\">Cool, sharp new metal type can serve a purpose, but what if we want our metal type to look like it has seen better days? With the right tools and techniques, we can create realistic looking rusted type that create a cool effect for art.<\/p>\n<p class=\"import-ListBullet\">Let\u2019s begin:<\/p>\n<ol>\n<li class=\"import-ListBullet\">Open the file named <strong>GCM<\/strong><strong>738_Tutorial_05_Rusty_Type.psd.<\/strong><\/li>\n<li class=\"import-ListBullet\">Save the Image to the <strong>Working Photoshop Files<\/strong> folder with the name <strong>GCM<\/strong><strong>738_Tutorial_05_Rusty_Type<\/strong><strong>_Initials_v1<\/strong><strong>.<\/strong><strong>psd<\/strong><strong>, <\/strong>where \u201cinitials\u201d are your initials (e.g. GCM738_Tutorial_05_Rusty_Type_JL_v1.ai).<\/li>\n<li class=\"import-ListBullet\">Hide the visibility of the <strong>Original Text<\/strong> shape layer. Duplicate the <strong>Rust<\/strong> layer and call it <strong>Rusty Text<\/strong>. Make this layer visible.<\/li>\n<li class=\"import-ListBullet\">Go to the Paths Panel and select the path called <strong>Text Path.<\/strong><\/li>\n<li class=\"import-ListBullet\">Choose Layer Vector Mask Current Path.<\/li>\n<li class=\"import-ListBullet\">Hide the <strong>Black Iron<\/strong> layer so we can see the changes we are about to make.<\/li>\n<li class=\"import-ListBullet\">With the Rusty Text layer selected, choose Layer Layer Style Bevel &amp; Emboss. Make sure your settings look like the image below, and do not close this dialogue box yet:<\/li>\n<\/ol>\n<p class=\"import-ListBullet\" style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image5-1.png\" width=\"575\" height=\"1404\" alt=\"Screen capture of the layer style panel. The configurations should look like this: Style set to Inner Bevel. Technique set to Chisel Hard. Depth set to 150%. Soften set to 0. In the Shading area, Angle set to 90 degrees, Global Light activated, Altitude set to 30\u00ba, Gloss Contour set to linear, Highlight Mode set to Screen, white, with 75% of opacity. Shadow Mode set to Multiply, black, with 75% of opacity.\" class=\"aligncenter\" \/><\/p>\n<ol start=\"8\">\n<li class=\"import-ListBullet\">Change the colour of the highlight to R 250, G 250, B 150. Click OK, but still do not close the main dialogue box.<\/li>\n<li class=\"import-ListBullet\">Click on Drop Shadow in the list on the left side of the dialogue box, and set up the drop shadow to match the settings below:<\/li>\n<\/ol>\n<p class=\"import-ListBullet\" style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/photoshopped\/wp-content\/uploads\/sites\/128\/2020\/07\/image6-1.png\" width=\"575\" height=\"1404\" alt=\"Screen capture of Layer styler panel. The configurations should look like this: Blend Mode set to Multiply, black, with 100% opacity. Angle set to 90 degrees, Spread set to 0, Size set to 10. In the Quality area, contour set to linear and noise set to 0. The option &quot;Layer Knocks Out Drop Shadow&quot; must be activated.\" class=\"aligncenter\" \/><\/p>\n<ol start=\"10\">\n<li>Click OK to close the dialogue box.<\/li>\n<li class=\"import-ListBullet\">Select the <strong>Rusty Text<\/strong> layer, and Command click on the Vector Mask to make a selection. Create a Layer Mask with the button at the bottom of the Layer Panel. Option-click on the Layer Mask to show the contents of the Layer Mask instead of the Layer.<\/li>\n<li class=\"import-ListBullet\">Make sure the Layer Mask is selected. Choose Filter Filter Gallery, go to the Brush Strokes folder, and choose Spatter. Make the Spray Radius 25 and Smoothness 15. Click OK.<\/li>\n<li class=\"import-ListBullet\">Click on the layer icon to show the layer contents, and mask the <strong>Black Iron<\/strong> layer visible.<\/li>\n<li class=\"import-ListBullet\">Select the layer mask on the Rusty Type layer once again. Make sure the foreground colour is set to black.<\/li>\n<li class=\"import-ListBullet\">Select the Brush Tool. Choose a Spatter Brush with a radius of 59 pixels. Change the Opacity of the Brush to 30%. Now you can add some erosion to the inside of the text as well. Try to be random as you click.<\/li>\n<li class=\"import-ListBullet\">Save the file.<\/li>\n<\/ol>\n<p><iframe loading=\"lazy\" id=\"oembed-4\" title=\"Tutorial 5 Part 4 Rusty Type\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/9YAnWVAFGiM?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Conclusion<\/h2>\n<p class=\"import-ListBullet\">This lab tutorial demonstrated several different ways we can turn ordinary type into attractive headlines. These are just a small sample of the many different ways Photoshop can be used to enhance type for visual appeal.<\/p>\n<\/div>\n","protected":false},"author":6,"menu_order":6,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-102","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":21,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters\/102\/revisions"}],"predecessor-version":[{"id":333,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters\/102\/revisions\/333"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapters\/102\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/pressbooks\/v2\/chapter-type?post=102"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/contributor?post=102"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/photoshopped\/wp-json\/wp\/v2\/license?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}