{"id":550,"date":"2012-10-06T22:34:28","date_gmt":"2012-10-06T22:34:28","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=550"},"modified":"2019-04-13T12:09:51","modified_gmt":"2019-04-13T16:09:51","slug":"metal-text","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/","title":{"rendered":"Metal Text Effect In Photoshop"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop text effects tutorial<\/strong>, we'll learn how to easily create <strong>metal text<\/strong>, a popular effect widely used in video games and movie posters! It may seem like there's a lot of steps involved, but once you've done it a few times, creating the effect won't take you more than a few minutes from start to finish. To create the metal texture itself and apply it to the text, we'll be using a couple of layer styles, some filters,  layer blend modes, and a clipping mask! I'll be using Photoshop CS5 for this tutorial but any recent version of Photoshop will work.<\/p>\n<p>Here's the final result we'll be creating:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-metal-text-effect.jpg\" alt=\"Photoshop metal text effect. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">The final \"metal text\" effect.<\/div>\n<div class=\"ads-middle\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 text effects middle responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"8647141094\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\n<p>Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4><span>Step 1:<\/span> Create A New Document<\/h4>\n<p>Create a new Photoshop document by going up to the <strong>File<\/strong> menu in the Menu Bar at the top of the screen and choosing <strong>New<\/strong>, or press <strong>Ctrl+N<\/strong> (Win) \/ <strong>Command+N<\/strong> (Mac) on your keyboard for a faster shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/file-new.gif\" alt=\"Go to File &gt; New. Image &copy; 2010 Photoshop Essentials.com.\" width=\"292\" height=\"111\" \/>\n<div class=\"image-desc\">Go to File &gt; New.<\/div>\n<p>You'll want to create a document that's a little bigger than you need, for reasons we'll see in a moment. I'll make my document 1200 pixels wide by 600 pixels high, and I'll leave the resolution at its default 72 pixels\/inch. You can use these same settings to follow along or enter your own values. Set the Background Contents option to White for now, even though we'll be changing it in the next step. Click OK when you're done. Your new document will appear on the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/new-document-dialog-box.gif\" alt=\"The New Document dialog box in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"598\" height=\"341\" \/>\n<div class=\"image-desc\">The New Document dialog box.<\/div>\n<h4>Step 2: Fill The Background With Black<\/h4>\n<p>Press the letter <strong>D<\/strong> on your keyboard to quickly reset Photoshop's <strong>Foreground and Background colors<\/strong> to their defaults if needed, which will set your Foreground color to <strong>black<\/strong>. Then press <strong>Alt+Backspace<\/strong> (Win) \/ <strong>Option+Delete<\/strong> (Mac) to quickly fill the document with the current Foreground color (black):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/background-black.gif\" alt=\"The new Photoshop document is now filled with black. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"345\" \/>\n<div class=\"image-desc\">The document is now filled with black.<\/div>\n<h4>Step 3: Add A New Blank Layer<\/h4>\n<p>Click on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/new-layer-icon.gif\" alt=\"The New Layer icon in the Layers panel in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"314\" height=\"234\" \/>\n<div class=\"image-desc\">Click on the New Layer icon (second icon from the right).<\/div>\n<p>Photoshop adds a new blank  layer named &quot;Layer 1&quot; above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/new-layer-1.gif\" alt=\"The New Layer icon in the Layers panel. Image &copy; 2010 Photoshop Essentials.com.\" width=\"314\" height=\"225\" \/>\n<div class=\"image-desc\">The new layer appears above the Background layer.<\/div>\n<h4>Step 4: Fill The New Layer With Light Gray<\/h4>\n<p>Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/edit-fill.gif\" alt=\"Selecting the Fill command in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"262\" height=\"140\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Fill.<\/div>\n<p>When the Fill dialog box appears, click on the drop-down box to the right of the word <strong>Use<\/strong> and select <strong>Color<\/strong> from the list of options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/use-color.gif\" alt=\"The Fill command dialog box in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"371\" height=\"257\" \/>\n<div class=\"image-desc\">Choose Color for the Use option at the top of the Fill dialog box.<\/div>\n<p>As soon as you select Color, Photoshop will pop open the <strong>Color Picker<\/strong> so you can choose the color you want to fill the layer with. Choose a light gray. If you want to use the exact shade of gray I'm using, enter <strong>195<\/strong> for the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-color-picker.jpg\" alt=\"The Color Picker in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"567\" height=\"385\" \/>\n<div class=\"image-desc\">Choose a light gray from the Color Picker.<\/div>\n<p>Click OK when you're done to exit out of the Color Picker, then click OK to exit out of the Fill dialog box. Photoshop fills the layer with gray, temporarily hiding the black-filled Background layer from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/image-gray.gif\" alt=\"The layer is now filled with gray. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"346\" \/>\n<div class=\"image-desc\">The document now appears filled with gray.<\/div>\n<h4>Step 5: Add Noise<\/h4>\n<p>Go up to the <strong>Filter<\/strong> menu at the top of the screen, choose <strong>Noise<\/strong>, and then choose <strong>Add Noise<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/filter-noise-add-noise.gif\" alt=\"Selecting the Add Noise command in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"396\" height=\"145\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Noise &gt; Add Noise.<\/div>\n<p>When the Add Noise dialog box appears, add lots of noise  to the image by setting the <strong>Amount<\/strong> to around <strong>150%<\/strong>. Make sure the <strong>Gaussian<\/strong> and <strong>Monochromatic<\/strong> options are selected at the bottom of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/add-noise-filter.gif\" alt=\"The Add Noise filter options in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"363\" height=\"242\" \/>\n<div class=\"image-desc\">The Add Noise filter options.<\/div>\n<p>Click OK when you're done to exit out of the dialog box. The document should now be filled with noise:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/image-noise-added.jpg\" alt=\"The Photoshop document filled with noise. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"345\" \/>\n<div class=\"image-desc\">The document after applying the Add Noise filter.<\/div>\n<h4>Step 6: Apply The Motion Blur Filter<\/h4>\n<p>We're going to use all this noise to create the first part of our metal texture. Go back up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, and then choose <strong>Motion Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/filter-blur-motion-blur.gif\" alt=\"Selecting the Motion Blur filter in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"374\" height=\"211\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Motion Blur.<\/div>\n<p>When the Motion Blur dialog box appears, set the <strong>Angle<\/strong> of the blur to around <strong>-10&deg;<\/strong>, then increase the <strong>Distance<\/strong> to around <strong>200 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-motion-blur.jpg\" alt=\"Photoshop Motion Blur filter. Image &copy; 2010 Photoshop Essentials.com.\" width=\"343\" height=\"389\" \/>\n<div class=\"image-desc\">Set the Angle to -10&deg; and increase the Distance to around 200 pixels.<\/div>\n<p>Click OK when you're done to close out of the dialog box. Blurring the noise has created a brushed metal effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/image-motion-blur.jpg\" alt=\"The noise is now blurred. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"345\" \/>\n<div class=\"image-desc\">The image after applying Motion Blur to the noise.<\/div>\n<h4>Step 7: Crop Away The Edges<\/h4>\n<p>Back in Step 1, I mentioned you should make your document a bit larger than you need. The reason is because the Motion Blur filter has trouble blurring pixels around the edges of a document, which we can see clearly now in our own document. Let's crop away those unwanted areas. Select Photoshop's <strong>Crop Tool<\/strong> from the Tools panel, or press the letter <strong>C<\/strong> to select it with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-crop-tool.gif\" alt=\"Photoshop's Crop Tool. Image &copy; 2010 Photoshop Essentials.com.\" width=\"67\" height=\"129\" \/>\n<div class=\"image-desc\">Select the Crop Tool.<\/div>\n<p>With the Crop Tool selected, click in the top left corner of the good texture area, then keep your mouse button held down and drag  to the bottom right corner of the good texture area. Release your mouse button to view a preview of the area you'll be keeping (the dark area around the edges will be cropped away):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/select-cropping-area.jpg\" alt=\"Dragging a crop selection with the Crop Tool. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"344\" \/>\n<div class=\"image-desc\">Drag a crop selection around the area you want to keep.<\/div>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to have Photoshop crop away the unwanted edges. Only the good texture now remains:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/image-cropped.jpg\" alt=\"The cropped image. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"354\" \/>\n<div class=\"image-desc\">The image after cropping away the edges.<\/div>\n<h4>Step 8: Add Your Text<\/h4>\n<p>Select the <strong>Type Tool<\/strong> from the Tools panel, or press the letter <strong>T<\/strong> to select it with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-type-tool.gif\" alt=\"Photoshop's Type Tool. Image &copy; 2010 Photoshop Essentials.com.\" width=\"63\" height=\"128\" \/>\n<div class=\"image-desc\">Select the Type Tool.<\/div>\n<p>With the Type Tool selected, choose your font from the Options Bar along the top of the screen. For best results with this effect, use a font with thick letters. I'm going to use Arial Black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/type-options.gif\" alt=\"The type options in the Options Bar. Image &copy; 2010 Photoshop Essentials.com.\" width=\"616\" height=\"42\" \/>\n<div class=\"image-desc\">The font options in the Options Bar.<\/div>\n<p>Once you've chosen a font, click inside the document and add your text. I'll type the word \"METAL\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/adding-text.jpg\" alt=\"Adding text to the Photoshop document. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"347\" \/>\n<div class=\"image-desc\">Add your text.<\/div>\n<p>When you're done, click on the <strong>checkmark<\/strong> in the Options Bar to accept the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/checkmark.gif\" alt=\"Clicking the checkmark to accept the text. Image &copy; 2010 Photoshop Essentials.com.\" width=\"238\" height=\"62\" \/>\n<div class=\"image-desc\">Click the checkmark to exit out of text editing mode.<\/div>\n<h4>Step 9: Resize The Text With Free Transform<\/h4>\n<p>Your text will most likely be too small at this point (as mine is), so go up to the <strong>Edit<\/strong> menu and choose <strong>Free Transform<\/strong>, or press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to select Free Transform with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-free-transform.gif\" alt=\"Selecting Free Transform from the Edit menu in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"263\" height=\"142\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Free Transform.<\/div>\n<p>This places the Free Transform box and handles around the text. To resize the text, hold down your <strong>Shift<\/strong> key and drag out any of the four <strong>corner handles<\/strong> (the little squares). Keeping the Shift key held down as you drag constrains the aspect ratio of the text so you don't distort the overall shape of it. To move the text, click anywhere inside the bounding box and simply drag it around with your mouse. When you're done, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the changes and exit out of Free Transform:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/text-free-transform.jpg\" alt=\"Moving and resizing the text with Free Transform. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"347\" \/>\n<div class=\"image-desc\">Move and resize the text as needed.<\/div>\n<h4>Step 10: Move The Text Layer Below The Texture Layer<\/h4>\n<p>Click on the text layer in the Layers panel and with your mouse button still held down, drag the layer  between the gray texture layer (Layer 1) and the Background layer. When you see a highlight bar appear between those two layers, release your mouse button and Photoshop will snap the text layer into place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/move-text-layer.gif\" alt=\"Drag the text layer below the texture layer. Image &copy; 2010 Photoshop Essentials.com.\" width=\"314\" height=\"261\" \/>\n<div class=\"image-desc\">Drag the text layer between the Background layer and Layer 1.<\/div>\n<h4>Step 11: Create A Clipping Mask<\/h4>\n<p>Click on Layer 1 in the Layers panel to select it. Then go up to the <strong>Layer<\/strong> menu and choose <strong>Create Clipping Mask<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/create-clipping-mask.gif\" alt=\"The Create Clipping Mask command in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"254\" height=\"135\" \/>\n<div class=\"image-desc\">Go to Layer &gt; Create Clipping Mask.<\/div>\n<p>Layer 1 will become indented to the right in the Layers panel, indicating that it's now \"clipped\" to the text layer below it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/layer-clipped.gif\" alt=\"Layer 1 is now clipped to the text layer. Image &copy; 2010 Photoshop Essentials.com.\" width=\"314\" height=\"261\" \/>\n<div class=\"image-desc\">The Layers panel now shows Layer 1 clipped to the text layer.<\/div>\n<p>If we look in the document window, we see that the gray texture now appears only inside the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/image-text-clipped.gif\" alt=\"The metal texture now appears only inside the text. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"348\" \/>\n<div class=\"image-desc\">The black from the Background layer is now visible around the text.<\/div>\n<h4>Step 12: Add A Bevel And Emboss Layer Style<\/h4>\n<p>Click on the text layer in the Layers panel to select it. Then click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/layer-styles-icon.gif\" alt=\"The Layer Styles icon in the Layers panel in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"314\" height=\"273\" \/>\n<div class=\"image-desc\">Click the Layer Styles icon.<\/div>\n<p>Choose <strong>Bevel and Emboss<\/strong> from the list of layer styles that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/bevel-emboss.gif\" alt=\"The Bevel and Emboss layer style. Image &copy; 2010 Photoshop Essentials.com.\" width=\"164\" height=\"145\" \/>\n<div class=\"image-desc\">Choose Bevel and Emboss.<\/div>\n<p>This opens Photoshop's Layer Style dialog box set to the Bevel and Emboss options in the middle column. First, change the <strong>Technique<\/strong> to <strong>Chisel Hard<\/strong>, then increase the <strong>Size<\/strong> to around <strong>7 px<\/strong>. Drag the <strong>Depth<\/strong> slider towards the right to increase it to around <strong>500%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/bevel-emboss-options.gif\" alt=\"The Bevel and Emboss options in the Layer Style dialog box. Image &copy; 2010 Photoshop Essentials.com.\" width=\"381\" height=\"213\" \/>\n<div class=\"image-desc\">The Bevel and Emboss options.<\/div>\n<p>In the Shading section of the options, click on the <strong>Gloss Contour<\/strong> thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/gloss-contour.gif\" alt=\"The Gloss Contour thumbnail. Image &copy; 2010 Photoshop Essentials.com.\" width=\"380\" height=\"188\" \/>\n<div class=\"image-desc\">Click on the Gloss Contour thumbnail.<\/div>\n<p>This opens the <strong>Contour Editor<\/strong>. Click on the <strong>Preset<\/strong> drop-down box at the top of the dialog box and choose <strong>Ring<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/contour-editor.gif\" alt=\"The Contour Editor. Image &copy; 2010 Photoshop Essentials.com.\" width=\"411\" height=\"360\" \/>\n<div class=\"image-desc\">Choose the Ring preset.<\/div>\n<p>Click OK to exit out of the Contour Editor. Then, back in the main Layer Style dialog box, select the <strong>Anti-aliased<\/strong> option to the right of the Gloss Contour thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/anti-aliased.gif\" alt=\"The Anti-aliased option. Image &copy; 2010 Photoshop Essentials.com.\" width=\"378\" height=\"186\" \/>\n<div class=\"image-desc\">Select the Anti-aliased option.<\/div>\n<p>Don't close out of the Layer Style dialog box yet. We still have one more to add, but your text should now look similar to this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/text-bevel-emboss.jpg\" alt=\"The metal text with Bevel and Emboss applied. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"348\" \/>\n<div class=\"image-desc\">The text after applying the Bevel and Emboss layer style.<\/div>\n<h4>Step 13: Add A Gradient Overlay Layer Style<\/h4>\n<p>Click directly on the words <strong>Gradient Overlay<\/strong> in the left column of the Layer Style dialog box. You need to click directly on the words themselves, not just in the checkbox, for the Gradient Overlay options to appear:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/select-gradient-overlay.gif\" alt=\"Selecting the Gradient Overlay layer style. Image &copy; 2010 Photoshop Essentials.com.\" width=\"201\" height=\"179\" \/>\n<div class=\"image-desc\">Click on the words Gradient Overlay.<\/div>\n<p>The middle column of the Layer Style dialog box will change to show options for the Gradient Overlay. By default, Photoshop chooses a gradient based on the current Foreground and Background colors (black and white), but if some other gradient is selected, click on the <strong>gradient preview bar<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/gradient-preview-bar.gif\" alt=\"The gradient preview bar. Image &copy; 2010 Photoshop Essentials.com.\" width=\"378\" height=\"228\" \/>\n<div class=\"image-desc\">Click on the gradient preview bar only if something other than a black-to-white gradient is selected.<\/div>\n<p>Then click on the <strong>Foreground-to-Background<\/strong> gradient's thumbnail (top left) in the <strong>Gradient Editor<\/strong> to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/gradient-editor.gif\" alt=\"Photoshop Gradient Editor. Image &copy; 2010 Photoshop Essentials.com.\" width=\"363\" height=\"237\" \/>\n<div class=\"image-desc\">Select the Foreground-to-Background gradient.<\/div>\n<p>Click OK to close out of the Gradient Editor. Back in the main Layer Style dialog box, change the <strong>Blend Mode<\/strong> to <strong>Overlay<\/strong>, then lower the <strong>Opacity<\/strong> to around <strong>70%<\/strong>. This will add an initial lighting effect to the metal:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/gradient-overlay-options.gif\" alt=\"The Gradient Overlay layer style options. Image &copy; 2010 Photoshop Essentials.com.\" width=\"377\" height=\"228\" \/>\n<div class=\"image-desc\">The Gradient Overlay options.<\/div>\n<p>Click OK to exit out of the Layer Style dialog box. Here's the effect with the layer styles added:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/text-layer-styles.jpg\" alt=\"The metal text effect after applying the layer styles. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"347\" \/>\n<div class=\"image-desc\">The effect after applying the layer styles.<\/div>\n<h4>Step 14: Add A New Layer Set To The Overlay Blend Mode<\/h4>\n<p>Click on Layer 1 in the Layers panel to select it. Hold down your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key and click on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/layer-1-new-layer-icon.gif\" alt=\"Clicking the New Layer icon. Image &copy; 2010 Photoshop Essentials.com.\" width=\"314\" height=\"272\" \/>\n<div class=\"image-desc\">Hold down Alt (Win) \/ Option (Mac) and click the New Layer icon.<\/div>\n<p>This tells Photoshop to pop open the New Layer dialog box where we can set some options before the new layer is added. Click inside the checkbox to the left of where it says <strong>Use Previous Layer to Create Clipping Mask<\/strong> to select the option, then change the <strong>Mode<\/strong> (short for Blend Mode) to <strong>Overlay<\/strong>. Click OK when you're done to close out of the dialog box. A new blank layer named &quot;Layer 2&quot;, set to the Overlay blend mode, will appear above Layer 1 in the Layers panel. Like Layer 1, it will be clipped to the text layer below it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/new-layer-dialog-box.gif\" alt=\"Photoshop New Layer dialog box. Image &copy; 2010 Photoshop Essentials.com.\" width=\"495\" height=\"176\" \/>\n<div class=\"image-desc\">The New Layer dialog box.<\/div>\n<h4>Step 15: Apply The Clouds Filter<\/h4>\n<p>Let's add some random highlights and shadows to the metal effect. For that, we'll use Photoshop's Clouds filter, along with the Overlay blend mode we've already set the layer to. Go up to the <strong>Filter<\/strong> menu at the top of the screen, choose <strong>Render<\/strong>, and then choose <strong>Clouds<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/filter-render-clouds.gif\" alt=\"Selecting the Clouds filter in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"389\" height=\"128\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Render &gt; Clouds.<\/div>\n<p>The &quot;clouds&quot; create lots of light and dark areas:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/image-clouds.jpg\" alt=\"The metal text effect after applying the Clouds filter. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"348\" \/>\n<div class=\"image-desc\">The image after applying the Clouds filter.<\/div>\n<h4>Step 16: Apply The Gaussian Blur Filter<\/h4>\n<p>The clouds need to be smoothed out a little so they look more like highlights and shadows. We'll do that by blurring them. Go up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, and then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/filter-blur-gaussian-blur.gif\" alt=\"Selecting Photoshop's Gaussian Blur filter. Image &copy; 2010 Photoshop Essentials.com.\" width=\"374\" height=\"190\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>When the Gaussian Blur dialog box appears, drag the slider along the bottom towards the right to increase the <strong>Radius<\/strong> value to around <strong>10 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-gaussian-blur.jpg\" alt=\"The Gaussian Blur dialog box in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"343\" height=\"342\" \/>\n<div class=\"image-desc\">Set the Radius to around 10 pixels.<\/div>\n<p>Here's the image after blurring the clouds:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/image-gaussian-blur.jpg\" alt=\"The image after blurring the clouds. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"348\" \/>\n<div class=\"image-desc\">The clouds effect now looks more like a subtle lighting effect.<\/div>\n<h4>Step 17: Add A New Layer Set To The Multiply Blend Mode<\/h4>\n<p>Once again hold down <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) and click on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel to bring up the New Layer dialog box. Select the <strong>Use Previous Layer to Create Clipping Mask<\/strong> option by clicking inside its checkbox, then change the <strong>Mode<\/strong> to <strong>Multiply<\/strong>. Finally, select the <strong>Fill with Multiply-neutral color (white)<\/strong> option at the bottom of the dialog box. Click OK when you're done to close out of it and add the new layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/new-layer-2.gif\" alt=\"Adding a new layer. Image &copy; 2010 Photoshop Essentials.com.\" width=\"496\" height=\"176\" \/>\n<div class=\"image-desc\">Add another new layer, this time set to Multiply.<\/div>\n<h4>Step 18: Add Noise<\/h4>\n<p>Let's grunge up our metal effect by adding some dirt and scratches to it. Go up to the <strong>Filter<\/strong> menu, choose <strong>Noise<\/strong>, then choose <strong>Add Noise<\/strong>. The Add Noise dialog box will appear with the same settings we used previously. No need to change them, so just click OK to exit out of the dialog box. The text is now filled with noise, and since the layer's blend mode is set to Multiply, only the dark specks of noise are visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/text-scratches-noise.jpg\" alt=\"The new layer is filled with noise. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"347\" \/>\n<div class=\"image-desc\">The Multiply blend mode hides areas of white from view, so only the dark specks of noise are visible.<\/div>\n<h4>Step 19: Apply The Median Filter<\/h4>\n<p>To turn the noise into something that looks like dirt or scratches, go back up to the <strong>Filter<\/strong> menu, choose <strong>Noise<\/strong> once again, and then choose <strong>Median<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/filter-noise-median.gif\" alt=\"Selecting the Median filter in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"396\" height=\"149\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Noise &gt; Median.<\/div>\n<p>The Median filter is designed to remove noise from an image. Click inside the <strong>Radius<\/strong> input box and use the <strong>Up arrow<\/strong> on your keyboard to slowly increase its value while keeping an eye on your image in the document window. As you increase the Radius value, the noise will begin to disappear, leaving \"clumps\" of it behind to create our dirt and scratches effect. A value of around <strong>9 pixels<\/strong> should work. Click OK when you're done to exit out of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-median-filter.gif\" alt=\"The Median filter dialog box. Image &copy; 2010 Photoshop Essentials.com.\" width=\"343\" height=\"342\" \/>\n<div class=\"image-desc\">Increase the Radius value to decrease noise.<\/div>\n<h4>Step 20: Lower The Layer Opacity<\/h4>\n<p>If the dirt and scratches effect looks too dark, lower the opacity of the layer. You'll find the Opacity option in the top right corner of the Layers panel. I'm going to lower mine to around 70%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/opacity.gif\" alt=\"Photoshop layer opacity. Image &copy; 2010 Photoshop Essentials.com.\" width=\"314\" height=\"190\" \/>\n<div class=\"image-desc\">The layer opacity option.<\/div>\n<p>And with that, we're done! Here is the final \"metal text\" effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-metal-text-effect.jpg\" alt=\"Photoshop metal-text-effect. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"347\" \/>\n<div class=\"image-desc\">The final \"metal text\" result.<\/div>\n<h4>The Text Remains Editable<\/h4>\n<p>One of the nice things about creating this metal effect the way we have is that the text remains completely editable, and we can even change the font we're using if we don't like the one we started with! To change the font, simply select the Type Tool from the Tools panel, click on the text layer in the Layers panel to select it, then choose a different font from the Options Bar (you may need to resize the text again using Free Transform - see Step 9). For example, here I've done nothing more than change the font to Trajan Pro Bold:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/image-trajan-pro-bold.jpg\" alt=\"The metal text effect using Trajan Pro Bold. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"348\" \/>\n<div class=\"image-desc\">Same effect, different font.<\/div>\n<p>Here, I've edited the text, changing the word from \"METAL\" to \"STEEL\". If you save your document as a <strong>Photoshop .PSD<\/strong> file, you can open it again any time you want and edit your text without ever having to recreate the metal texture:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/metal-text\/photoshop-steel-text-effect.jpg\" alt=\"Photoshop steel text effect. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"348\" \/>\n<div class=\"image-desc\">Same effect, different text.<\/div>\n<p>[ads-boottom-float-left]<\/p>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! Visit our <a href=\"\/photoshop-text\/text-effects\/\">Text Effects<\/a> or <a href=\"\/photo-effects\/\">Photo Effects<\/a> sections for more Photoshop effects tutorials!<\/p>\n<p> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to easily create metal text, a popular effect widely used in video games and movie posters!<\/p>\n","protected":false},"author":1,"featured_media":553,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-550","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Metal Text Effect In Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop text effects tutorial, learn how to easily create metal text, a popular effect widely used in video games and movie posters!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Metal Text Effect In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop text effects tutorial, learn how to easily create metal text, a popular effect widely used in video games and movie posters!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-06T22:34:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T16:09:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/metal-text-80j1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"80\" \/>\n\t<meta property=\"og:image:height\" content=\"80\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Metal Text Effect In Photoshop\",\"datePublished\":\"2012-10-06T22:34:28+00:00\",\"dateModified\":\"2019-04-13T16:09:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/\"},\"wordCount\":2724,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/metal-text-80j1.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/\",\"name\":\"Metal Text Effect In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/metal-text-80j1.jpg\",\"datePublished\":\"2012-10-06T22:34:28+00:00\",\"dateModified\":\"2019-04-13T16:09:51+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop text effects tutorial, learn how to easily create metal text, a popular effect widely used in video games and movie posters!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/metal-text-80j1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/metal-text-80j1.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Metal Text Effect In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/metal-text\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Text\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Metal Text\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Metal Text Effect In Photoshop","description":"In this Photoshop text effects tutorial, learn how to easily create metal text, a popular effect widely used in video games and movie posters!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/","og_locale":"en_US","og_type":"article","og_title":"Metal Text Effect In Photoshop","og_description":"In this Photoshop text effects tutorial, learn how to easily create metal text, a popular effect widely used in video games and movie posters!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-06T22:34:28+00:00","article_modified_time":"2019-04-13T16:09:51+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/metal-text-80j1.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Metal Text Effect In Photoshop","datePublished":"2012-10-06T22:34:28+00:00","dateModified":"2019-04-13T16:09:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/"},"wordCount":2724,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/metal-text-80j1.jpg","articleSection":["Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/","name":"Metal Text Effect In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/metal-text-80j1.jpg","datePublished":"2012-10-06T22:34:28+00:00","dateModified":"2019-04-13T16:09:51+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop text effects tutorial, learn how to easily create metal text, a popular effect widely used in video games and movie posters!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/metal-text-80j1.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/metal-text-80j1.jpg","width":"80","height":"80","caption":"Metal Text Effect In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/metal-text\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Text","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/"},{"@type":"ListItem","position":3,"name":"Text Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/"},{"@type":"ListItem","position":4,"name":"Metal Text"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=550"}],"version-history":[{"count":22,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/550\/revisions"}],"predecessor-version":[{"id":27328,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/550\/revisions\/27328"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/553"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}