{"id":14254,"date":"2017-05-15T20:32:54","date_gmt":"2017-05-16T00:32:54","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=14254"},"modified":"2022-11-02T10:57:02","modified_gmt":"2022-11-02T14:57:02","slug":"80s-retro-text-effect-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/","title":{"rendered":"80s Retro Text Effect With Photoshop"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, we'll learn how to create a fun <strong>80's retro text effect<\/strong> in Photoshop, with shiny chrome and neon letters! To create the effect, we'll use Photoshop's layer styles, which will not only make things easy but will also keep our text fully editable. We'll use a Gradient fill layer to create a background for the effect. And to finish things off, we'll add a few sparkles around the text using Photoshop's Brush Tool!<\/p>\n<p>Much of the retro  effect will be done using gradients, and we'll be creating several custom gradients along the way. To save time in the future, we'll save each custom gradient as a new preset. That way, the next time you want to create the retro effect, you'll be able to quickly select the gradients you need from the presets rather than having to recreate them all from scratch.<\/p>\n<p>I'll be using <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener\">Photoshop CC<\/a> here but everything we'll be doing is fully compatible with Photoshop CS6 and with earlier versions of Photoshop. I'll also be using a couple of retro-style fonts that I downloaded from Adobe Typekit, available with most Creative Cloud subscription plans. If you don't have access to Adobe Typekit, no worries. A quick Google search will find lots of free retro fonts you can use.<\/p>\n<p>Here's what the 80s retro text effect will look like when we're done:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-80s-retro-text-effect.jpg\" alt=\"Photoshop 80s retro text effect. \" width=\"643\" height=\"404\" \/>\n<div class=\"image-desc\">The final effect.<\/div>\n<p>There's a lot of steps, but they're all super easy, so if you're ready, let's get started!<\/p>\n<p><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><br \/>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/p>\n<h2 class=\"sub\">How To Create an 80s Retro Text Effect<\/h2>\n<h3>Step 1: Create A New Photoshop Document<\/h3>\n<p>Let's begin by creating a new Photoshop document. Go up to the <strong>File<\/strong> menu in the Menu Bar along the top of the screen and choose <strong>New<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-file-new.png\" alt=\"Selecting the New command from under the File menu. \" width=\"266\" height=\"135\" \/>\n<div class=\"image-desc\">Going to File &gt; New.<\/div>\n<p>This opens the New Document dialog box. If you're using Photoshop CC, you'll see the <a href=\"\/basics\/updated-start-workspace-photoshop-cc\/\">newly-redesigned version<\/a> of the dialog box. If you're using CS6 or earlier, you'll see the older, traditional dialog box. Let's look at the Photoshop CC version first, and then we'll look at the older version. Don't worry, this will only take a minute.<\/p>\n<p>The redesigned version of the dialog box in Photoshop CC is made up mostly of a new area on the left where we can view and select thumbnails of preset document sizes for different types of projects (Photo, Print, Web, Mobile, etc.) as well as sizes that we've recently used. For this tutorial, you can ignore this new section. The only section we need is the <strong>Preset Details<\/strong> panel on the right where we find traditional options for creating our own custom document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-new-document-dialog.png\" alt=\"The redesigned New Document dialog box in Photoshop CC. The Preset Details panel is highlighted. \" width=\"704\" height=\"422\" \/>\n<div class=\"image-desc\">The redesigned New Document dialog box in Photoshop CC. The Preset Details panel is highlighted.<\/div>\n<p>For this tutorial, we'll create a document with a <strong>Width<\/strong> of <strong>1600 pixels<\/strong> and a <strong>Height<\/strong> of <strong>1000 pixels<\/strong>. Set the <strong>Resolution<\/strong> value to <strong>72 pixels\/inch<\/strong> and the <strong>Background Contents<\/strong> to <strong>White<\/strong>. Then, click <strong>Create<\/strong> to create the new document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-cc-new-document-settings.png\" alt=\"Setting the Width, Height, Resolution and Background Contents options in Photoshop CC. \" width=\"284\" height=\"501\" \/>\n<div class=\"image-desc\">Setting the Width, Height, Resolution and Background Contents options in Photoshop CC.<\/div>\n<p>If you're using Photoshop CS6 or earlier, you'll see the older, traditional New Document dialog box. Again for this tutorial, set the <strong>Width<\/strong> to <strong>1600 pixels<\/strong> and the <strong>Height<\/strong> to <strong>1000 pixels<\/strong>. The <strong>Resolution<\/strong> value should be <strong>72 pixel\/inch<\/strong> and the <strong>Background Contents<\/strong> should be set to <strong>White<\/strong>. Click <strong>OK<\/strong> to create your new document: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-cs6-new-document-settings.png\" alt=\"Setting the Width, Height, Resolution and Background Contents options in Photoshop CS6. \" width=\"599\" height=\"368\" \/>\n<div class=\"image-desc\">Setting the Width, Height, Resolution and Background Contents options in Photoshop CS6.<\/div>\n<h3>Step 2: Add A Gradient Fill Layer<\/h3>\n<p>Before we add our text, let's create a more interesting background for the effect. To do that, we'll use one of Photoshop's Gradient fill layers. Click on the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-new-fill-adjustment-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in the Layers panel. \" width=\"279\" height=\"288\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Then choose <strong>Gradient<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-gradient.png\" alt=\"Choosing a Gradient fill layer. \" width=\"174\" height=\"149\" \/>\n<div class=\"image-desc\">Choosing a Gradient fill layer.<\/div>\n<h3>Step 3: Create A New Custom Gradient<\/h3>\n<p>This opens the <strong>Gradient Fill<\/strong> dialog box. Click on the gradient <strong>color swatch<\/strong> at the top. My color swatch is currently showing the Black to Transparent gradient. Don't worry if yours is showing something different:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-gradient-fill-dialog-box.png\" alt=\"Clicking the color swatch in the Gradient Fill dialog box. \" width=\"314\" height=\"278\" \/>\n<div class=\"image-desc\">Clicking the color swatch in the Gradient Fill dialog box.<\/div>\n<p>Clicking the color swatch opens Photoshop's <strong>Gradient Editor<\/strong> where we can create our own custom gradient. To give us a starting point, choose the <strong>Black, White<\/strong> gradient by clicking on its <strong>thumbnail<\/strong> (third one from the left, top row) in the <strong>Presets<\/strong> section at the top of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-gradient-editor.png\" alt=\"Selecting the Black, White gradient in the Gradient Editor. \" width=\"451\" height=\"232\" \/>\n<div class=\"image-desc\">Selecting the Black, White gradient in the Gradient Editor.<\/div>\n<p>If we look in the bottom half of the Gradient Editor, we see a large <strong>preview bar<\/strong> showing us what the gradient currently looks like. Since we chose the Black, White gradient preset, the preview bar is showing a gradient running from black on the left to white on the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/gradient-preview-bar.png\" alt=\"The preview bar showing the current colors of the gradient. \" width=\"451\" height=\"198\" \/>\n<div class=\"image-desc\">The preview bar showing the current colors of the gradient.<\/div>\n<p>We can edit the colors of the gradient using the <strong>color stops<\/strong> directly below the preview bar. At the moment, there are two color stops; a black one on the left and a white one on the right.<\/p>\n<p>Click on the <strong>black color stop<\/strong> on the left to select it. Then, click on the <strong>color swatch<\/strong> to change its color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/edit-black-color-stop.png\" alt=\"Editing the first color in the gradient. \" width=\"461\" height=\"235\" \/>\n<div class=\"image-desc\">Clicking the color stop on the left, then clicking the color swatch.<\/div>\n<p>This opens Photoshop's <strong>Color Picker<\/strong> where we can choose a different color. For this first color, let's choose a dark blue by setting the <strong>R<\/strong> (Red) value to <strong>0<\/strong>, the <strong>G<\/strong> (Green) value also to <strong>0<\/strong>, and the <strong>B<\/strong> (Blue) value to <strong>40<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photosop-color-picker.jpg\" alt=\"Choosing a dark blue for the left color of the gradient. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing a dark blue for the left color of the gradient.<\/div>\n<p>Click OK to close the Color Picker. Back in the Gradient Editor, click on the <strong>white color stop<\/strong> on the right to select it. Then, click the <strong>color swatch<\/strong> to change its color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/edit-white-color-stop.png\" alt=\"Editing the second color in the gradient. \" width=\"453\" height=\"236\" \/>\n<div class=\"image-desc\">Clicking the color stop on the right, then clicking the color swatch.<\/div>\n<p>When the Color Picker opens, choose a dark pink by setting the <strong>R<\/strong> value to <strong>25<\/strong>, <strong>G<\/strong> to 0 and <strong>B<\/strong> to <strong>25<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-color-picker-dark-purple.jpg\" alt=\"Choosing a dark pink for the color on the right. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing a dark pink for the color on the right.<\/div>\n<p>Click OK to close the Color Picker. We now have a gradient running from dark blue on the left to dark pink on the right. Let's add a third color in the middle of the gradient.<\/p>\n<p>Click directly below the <strong>center<\/strong> of the preview bar to add a <strong>new color stop<\/strong>. Don't worry about clicking in the exact center because we'll set the location of the color stop after we've chosen a color. Once you've added the new color stop, click on the <strong>color swatch<\/strong> to change its color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/add-third-color-stop.png\" alt=\"Adding a third color stop and clicking the color swatch. \" width=\"451\" height=\"235\" \/>\n<div class=\"image-desc\">Clicking below the center of the preview bar to add a new stop, then clicking the color swatch.<\/div>\n<p>In the Color Picker, choose black for the middle of the gradient by setting the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> values to <strong>0<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-black.jpg\" alt=\"Choosing black for the middle color of the gradient. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing black for the middle color.<\/div>\n<p>Click OK to close the Color Picker. Then, in the Gradient Editor, make sure the new color stop is in the exact center of the gradient by setting its <strong>Location<\/strong> to <strong>50%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/gradient-color-stop-location-50percent.png\" alt=\"Setting the Location of the new color stop to 50 percent. \" width=\"451\" height=\"207\" \/>\n<div class=\"image-desc\">Setting the Location of the new color stop to 50%.<\/div>\n<h3>Step 4: Save The Gradient As A Preset<\/h3>\n<p>Before we close the Gradient Editor, let's save our custom gradient as a new preset. In fact, we'll save all of our custom gradients as presets as we go. That way, the next time you want to create this effect, you'll be able to quickly select the gradients from the Presets area rather than needing to create them again from scratch.<\/p>\n<p>Enter a name for the gradient in the <strong>Name<\/strong> field directly below the Presets thumbnails. I'll name the gradient \"80s Retro Background\". Then, click the <strong>New<\/strong> button:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/new-gradient-preset-80s-retro-background.png\" alt=\"Entering a name for the new gradient preset, then clicking the New button. \" width=\"456\" height=\"226\" \/>\n<div class=\"image-desc\">Entering a name for the gradient, then clicking \"New\".<\/div>\n<p>Photoshop saves the gradient as a new preset, and a thumbnail for it appears in the Presets area. You can now click the thumbnail to instantly select the gradient the next time you need it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/80s-retro-gradient-preset-added.png\" alt=\"The 80s Retro Background gradient appears as a thumbnail in the Presets area. \" width=\"451\" height=\"233\" \/>\n<div class=\"image-desc\">The &quot;80s Retro Background&quot; gradient appears as a thumbnail in the Presets area.<\/div>\n<h3>Step 5: Set The Style And Angle Of The Gradient<\/h3>\n<p>Click OK to close the Gradient Editor. Then, back in the Gradient Fill dialog box, make sure the <strong>Style<\/strong> option is set to <strong>Linear<\/strong> and the <strong>Angle<\/strong> is at <strong>90&deg;<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/gradient-style-linear-angle-90degrees.png\" alt=\"The Style and Angle options in the Gradient Fill dialog box. \" width=\"314\" height=\"275\" \/>\n<div class=\"image-desc\">Checking the Style and Angle options.<\/div>\n<p>Click OK to close the Gradient Fill dialog box. If we look in the Layers panel, we see the new Gradient fill layer, named \"Gradient Fill 1\", sitting above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-gradient-fill-layer.png\" alt=\"The Layers panel showing the Gradient fill layer. \" width=\"287\" height=\"281\" \/>\n<div class=\"image-desc\">The Layers panel showing the Gradient fill layer.<\/div>\n<p>And in our document, even though it's a bit hard to see against the page's white background, we now have a gradient running from dark pink at the top to black in the middle and then to dark blue on the bottom. This will be the background for our retro text effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-retro-text-effect-background.jpg\" alt=\"The new background gradient. \" width=\"643\" height=\"406\" \/>\n<div class=\"image-desc\">The new background gradient.<\/div>\n<h3>Step 6: Add Your Text<\/h3>\n<p>Now that we have our background in place, let's add some text. Select Photoshop's <strong>Type Tool<\/strong> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-tyoe-tool.png\" alt=\"Selecting the Type Tool from the Toolbar. \" width=\"78\" height=\"168\" \/>\n<div class=\"image-desc\">Selecting the Type Tool.<\/div>\n<p>With the Type Tool selected, choose your font options in the <strong>Options Bar<\/strong> along the top of the screen. As I mentioned earlier, I'll be using a couple of fonts from Adobe Typekit, but you'll find lots of great (and free) retro fonts on Google. <\/p>\n<p>In this case, I'll use a font called <strong>Orbitron Black<\/strong>. Once you've chosen your font, set the size to <strong>72 pt<\/strong>. We'll resize the text manually once we've added it, but for now, this will let us start with the largest size we can choose from the list of preset sizes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-font-options.png\" alt=\"Setting the font family and font size in the Options Bar. \" width=\"576\" height=\"102\" \/>\n<div class=\"image-desc\">Setting the font to Orbitron Black and the size to 72 pt.<\/div>\n<p>We'll set our type color to <strong>white<\/strong> so we can easily see it in front of the background. Click on the <strong>color swatch<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/type-color-swatch.png\" alt=\"Clicking the color swatch to change the type color. \" width=\"415\" height=\"102\" \/>\n<div class=\"image-desc\">Clicking the color swatch to change the type color.<\/div>\n<p>This opens the Color Picker. Choose white by setting the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> values to <strong>255<\/strong>. Click OK to close the Color Picker when you're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-text-color.jpg\" alt=\"Choosing white for the type color from the Color Picker. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing white for the type color.<\/div>\n<p>Then, click inside the document and enter your text. I'll type the word \"RETRO\", all in caps:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-add-text.jpg\" alt=\"Typing the word 'RETRO'. \" width=\"636\" height=\"401\" \/>\n<div class=\"image-desc\">Typing the word \"RETRO\".<\/div>\n<p>To accept the text, click the <strong>checkmark<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/type-tool-checkmark.png\" alt=\"Clicking the checkmark to accept the text. \" width=\"464\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark to accept the text.<\/div>\n<h3>Step 7: Resize And Reposition The Text With Free Transform<\/h3>\n<p>To resize and reposition the text, we'll use Photoshop's Free Transform command. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Free Transform<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-edit-free-transform.png\" alt=\"Selecting Free Transform from the Edit menu. \" width=\"257\" height=\"152\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>This places the Free Transform box and handles around the text. To resize it, drag any of the <strong>corner handles<\/strong>. Press and hold your <strong>Shift<\/strong> key as you drag the handles to lock the original shapes of the letters in place while you resize them. When you're happy with the size of the text, release your mouse button, then release your Shift key. Make sure you release your mouse button first, <em>then<\/em> the Shift key, or you'll get unexpected results:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-resize-text.jpg\" alt=\"Hold Shift and drag a corner handle to resize the text. \" width=\"636\" height=\"401\" \/>\n<div class=\"image-desc\">Holding Shift and dragging a corner handle to resize the text.<\/div>\n<p>To reposition the text, click anywhere inside the Free Transform box and drag the text into the center of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/reposition-text.jpg\" alt=\"Click inside the Free Transform box and drag the text into the center. \" width=\"636\" height=\"401\" \/>\n<div class=\"image-desc\">Moving the text into the center.<\/div>\n<p>To accept the new size and position of the text, click the <strong>checkmark<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/free-transform-checkmark.png\" alt=\"Clicking the checkmark to exit out of Free Transform. \" width=\"388\" height=\"102\" \/>\n<div class=\"image-desc\">Clicking the checkmark to exit out of Free Transform.<\/div>\n<h3>Step 8: Add A Gradient Overlay Layer Style<\/h3>\n<p>If we look again in the Layers panel, we see our new Type layer sitting above the other layers. Let's create a chrome effect for the text. Click on the <strong>Layer Styles<\/strong> icon (the <strong>fx<\/strong> icon) at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-layer-styles-icon.png\" alt=\"Clicking the Layer Styles icon at the bottom of the Layers panel. \" width=\"286\" height=\"312\" \/>\n<div class=\"image-desc\">Clicking the Layer Styles (fx) icon.<\/div>\n<p>Choose <strong>Gradient Overlay<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-gradient-overlay.png\" alt=\"Choosing Gradient Overlay from the list of layer styles. \" width=\"157\" height=\"132\" \/>\n<div class=\"image-desc\">Choosing Gradient Overlay from the list of layer styles.<\/div>\n<p>This opens Photoshop's Layer Style dialog box set to the Gradient Overlay options in the middle column. Click on the gradient <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/gradient-overlay-preview-bar.png\" alt=\"Clicking the gradient color swatch. \" width=\"440\" height=\"282\" \/>\n<div class=\"image-desc\">Clicking the gradient color swatch.<\/div>\n<h3>Step 9: Create A New Custom Gradient<\/h3>\n<p>The Gradient Editor will open, just like it did earlier. Again, we're going to create our own custom gradient, but to give us a starting point, choose the <strong>Black, White<\/strong> gradient by clicking on its <strong>thumbnail<\/strong> (third from the left, top row) in the <strong>Presets<\/strong> area at the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/click-black-white-gradient-thumbnail.png\" alt=\"Choosing the Black, White gradient to start. \" width=\"451\" height=\"233\" \/>\n<div class=\"image-desc\">Choosing the Black, White gradient to start.<\/div>\n<p>The Black, White gradient appears in the <strong>preview bar<\/strong> in the bottom half of the dialog box, with a black color stop below the left side of the bar and a white color stop below the right side.<\/p>\n<p>We'll start by editing the color on the left. But rather than clicking on the color stop to select it and then clicking the color swatch to edit its color, let's use a faster shortcut. <strong>Double-click<\/strong> on the <strong>black color stop<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/double-click-black-color-stop.png\" alt=\"Double-clicking the black color stop on the left. \" width=\"461\" height=\"235\" \/>\n<div class=\"image-desc\">Double-clicking on the black color step on the left.<\/div>\n<p>This selects the color stop <em>and<\/em> opens the Color Picker. Change the color from black to <strong>white<\/strong> by setting the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> values to <strong>255<\/strong>, then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-white.jpg\" alt=\"Choosing white from the Color Picker. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing white from the Color Picker.<\/div>\n<p>Back in the Gradient Editor, change the <strong>Location<\/strong> of the color stop from 0% to <strong>5%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/location-1-5percent.png\" alt=\"Choosing white from the Color Picker. \" width=\"451\" height=\"235\" \/>\n<div class=\"image-desc\">Changing the Location to 5%.<\/div>\n<p>Next, add a new color stop by <strong>double-clicking<\/strong> to the right of the one we just edited. Don't worry about where you click because we'll set its location in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/add-second-stop.png\" alt=\"Adding a new color stop. \" width=\"451\" height=\"206\" \/>\n<div class=\"image-desc\">Adding a new color stop.<\/div>\n<p>When the Color Picker opens, choose a <strong>medium, saturated pink<\/strong> by setting <strong>R<\/strong> to <strong>220<\/strong>, <strong>G<\/strong> to <strong>40<\/strong> and <strong>B<\/strong> to <strong>215<\/strong>. Click OK when you're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-pink.jpg\" alt=\"Choosing pink from the Color Picker. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing pink from the Color Picker.<\/div>\n<p>Set the <strong>Location<\/strong> of the new color stop to <strong>25%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-stop-2-25percent.png\" alt=\"Setting the Location of the new color stop to 25 percent. \" width=\"451\" height=\"205\" \/>\n<div class=\"image-desc\">Setting the Location to 25%.<\/div>\n<p><strong>Double-click<\/strong> to the right of the previous color stop to add a new one:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/add-color-stop-3.png\" alt=\"Adding another new color stop. \" width=\"451\" height=\"207\" \/>\n<div class=\"image-desc\">Adding a new color stop.<\/div>\n<p>In the Color Picker, choose <strong>black<\/strong> by setting <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> to <strong>0<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-3-black.jpg\" alt=\"Choosing black from the Color Picker. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing black from the Color Picker.<\/div>\n<p>Set its <strong>Location<\/strong> to <strong>50%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-stop-3-location-50percent.png\" alt=\"Setting the Location of the new color stop to 50 percent. \" width=\"451\" height=\"207\" \/>\n<div class=\"image-desc\">Setting the Location to 50%.<\/div>\n<p><strong>Double-click<\/strong> to add another color stop:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-stop-4.png\" alt=\"Adding another new color stop. \" width=\"451\" height=\"204\" \/>\n<div class=\"image-desc\">Adding another new color stop.<\/div>\n<p>Choose <strong>white<\/strong> from the Color Picker by setting <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> to <strong>255<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-stop-4-white.jpg\" alt=\"Choosing white from the Color Picker. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing white from the Color Picker.<\/div>\n<p>Set the <strong>Location<\/strong> to <strong>51%<\/strong> so it's sitting right up against the black color stop in the middle:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-stop-4-location-51percent.png\" alt=\"Setting the Location of the new color stop to 50 percent. \" width=\"451\" height=\"205\" \/>\n<div class=\"image-desc\">Setting the Location to 51%.<\/div>\n<p>Add one more new color stop by <strong>double-clicking<\/strong> to the right of the previous one:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-stop-5.png\" alt=\"Adding another new color stop. \" width=\"451\" height=\"206\" \/>\n<div class=\"image-desc\">Adding another color stop.<\/div>\n<p>Choose a <strong>medium, saturated blue<\/strong> by setting <strong>R<\/strong> to <strong>15<\/strong>, <strong>G<\/strong> to <strong>95<\/strong> and <strong>B<\/strong> to <strong>215<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-blue.jpg\" alt=\"Choosing white from the Color Picker. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing blue from the Color Picker.<\/div>\n<p>Set its <strong>Location<\/strong> to <strong>75%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-5-location-75percent.png\" alt=\"Setting the Location of the new color stop to 75 percent. \" width=\"451\" height=\"205\" \/>\n<div class=\"image-desc\">Setting the Location to 75%.<\/div>\n<p>Finally, let's edit the color stop on the far right by <strong>double-clicking<\/strong> on it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-stop-6.png\" alt=\"Double-clicking on the color stop on the right. \" width=\"453\" height=\"205\" \/>\n<div class=\"image-desc\">Double-clicking on the color stop on the right.<\/div>\n<p>Change its color from white to <strong>black<\/strong> by setting <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> to <strong>0<\/strong>, then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-6-black.jpg\" alt=\"Choosing black for the final color of the gradient. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing black for the final color.<\/div>\n<p>Then, change its <strong>Location<\/strong> from 100% to <strong>95%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-6-location-95.png\" alt=\"Changing the location of the final color stop to 95 percent. \" width=\"451\" height=\"206\" \/>\n<div class=\"image-desc\">Changing the Location to 95%.<\/div>\n<h3>Step 10: Save The Gradient As A Preset<\/h3>\n<p>That was a lot of work, so before we close out of the Gradient Editor, let's save our custom gradient as another new preset. Enter a name for the preset in the <strong>Name<\/strong> field. I'll name mine \"80s Retro Chrome\". Click <strong>New<\/strong> to save it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/new-gradient-preset-80s-retro-chrome.png\" alt=\"Naming and saving the custom gradient as a preset. \" width=\"455\" height=\"224\" \/>\n<div class=\"image-desc\">Naming and saving the custom gradient as a preset.<\/div>\n<p>A new thumbnail for the preset appears in the Presets area. The next time you want to create this effect, you can quickly choose the gradient from the presets:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/new-80s-retro-chome-thumbnail.png\" alt=\"The new preset has been added. \" width=\"451\" height=\"232\" \/>\n<div class=\"image-desc\">The new preset has been added.<\/div>\n<h3>Step 11: Set The Style And Angle Of The Gradient<\/h3>\n<p>Click OK to close the Gradient Editor. Back in the Layer Style dialog box, make sure the <strong>Style<\/strong> of the gradient is set to <strong>Linear<\/strong> and the <strong>Angle<\/strong> is set to <strong>90&deg;:<\/strong><\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/chrome-gradient-style-angle.png\" alt=\"The gradient Style and Angle options. \" width=\"438\" height=\"278\" \/>\n<div class=\"image-desc\">Checking the Style and Angle options.<\/div>\n<p>Leave the Layer Style dialog box open because we have a few more styles to add. Here's what my text looks like so far with the chrome gradient applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/text-retro-chome-gradient.jpg\" alt=\"The text after applying the chrome gradient. \" width=\"643\" height=\"405\" \/>\n<div class=\"image-desc\">The text after applying the Gradient Overlay style.<\/div>\n<h3>Step 12: Add A Stroke<\/h3>\n<p>Next, we'll add a stroke around the letters. Click on the word <strong>Stroke<\/strong> in the left column of the Layer Style dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/add-stroke-layer-style.png\" alt=\"Selecting the Stroke layer style. \" width=\"271\" height=\"256\" \/>\n<div class=\"image-desc\">Selecting the Stroke layer style.<\/div>\n<p>The Stroke options appear in the center of the dialog box. Change the color of the stroke by clicking the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/stoke-color-swatch.png\" alt=\"Clicking the color swatch to change the color of the stroke. \" width=\"437\" height=\"305\" \/>\n<div class=\"image-desc\">Clicking the color swatch.<\/div>\n<p>Change the stroke color to the same shade of blue we used for the chrome gradient by setting <strong>R<\/strong> to <strong>15<\/strong>, <strong>G<\/strong> to <strong>95<\/strong> and <strong>B<\/strong> to <strong>215<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-stroke-color-blue.jpg\" alt=\"Changing the stroke color to blue. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Changing the stroke color to blue.<\/div>\n<p>Once you've changed the color, set the <strong>Position<\/strong> of the stroke to <strong>Inside<\/strong> to give the stroke sharp corners. Then, increase the <strong>Size<\/strong> to adjust the thickness of the stroke. I'll set mine to <strong>8 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/chrome-stroke-options.png\" alt=\"The Size and Position options for the stroke. \" width=\"368\" height=\"280\" \/>\n<div class=\"image-desc\">The Size and Position options.<\/div>\n<p>Here's my text after adding the blue stroke:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/text-stroke-style.jpg\" alt=\"The text after adding the blue stroke. \" width=\"702\" height=\"226\" \/>\n<div class=\"image-desc\">The text with the gradient and stroke applied.<\/div>\n<h3>Step 13: Add A Bevel &amp; Emboss Style<\/h3>\n<p>Still in the Layer Style dialog box, choose <strong>Bevel &amp; Emboss<\/strong> from the column on the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/add-bevel-emboss.png\" alt=\"The text after adding the blue stroke. \" width=\"273\" height=\"233\" \/>\n<div class=\"image-desc\">Selecting \"Bevel and Emboss\".<\/div>\n<p>The opens the Bevel &amp; Emboss options. In the Structure area at the top, increase the <strong>Size<\/strong> to the same value you used for the stroke. In my case, it was <strong>8 px<\/strong>. Then, set the <strong>Style<\/strong> to <strong>Stroke Emboss<\/strong> and the <strong>Technique<\/strong> to <strong>Chisel Hard<\/strong>. Lower the <strong>Depth<\/strong> to <strong>30%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/structure-options.png\" alt=\"The Structure options for Bevel and Emboss. \" width=\"355\" height=\"240\" \/>\n<div class=\"image-desc\">The Structure options for Bevel &amp; Emboss.<\/div>\n<p>In the Shading section, set the <strong>Angle<\/strong> to <strong>-30&deg;<\/strong> and the <strong>Altitude<\/strong> to <strong>32&deg;<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/shading-altitude.png\" alt=\"The Angle and Altitude options. \" width=\"339\" height=\"187\" \/>\n<div class=\"image-desc\">The Angle and Altitude options.<\/div>\n<p>Then, click on the small <strong>arrow<\/strong> to the right of the <strong>Gloss Contour<\/strong> thumbnail. Don't click on the thumbnail itself, just the arrow beside the thumbnail. Choose the <strong>Ring - Double<\/strong> contour by double-clicking its thumbnail (third from the left, bottom row):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-gloss-contour.png\" alt=\"Selecting the Ring - Double contour. \" width=\"340\" height=\"293\" \/>\n<div class=\"image-desc\">Selecting the Ring - Double contour.<\/div>\n<p>Turn on the <strong>Anti-aliased<\/strong> option to the right of Gloss Contour by clicking inside its checkbox. Then, increase the <strong>Opacity<\/strong> of both the <strong>Highlight Mode<\/strong> and the <strong>Shadow Mode<\/strong> to <strong>100%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/highlight-shadow-opacity.png\" alt=\"Increasing the Highlight Mode and Shadow Mode opacity values to 100 percent. \" width=\"353\" height=\"293\" \/>\n<div class=\"image-desc\">Selecting Anti-aliased, then setting the Highlight and Shadow Mode opacity to 100%.<\/div>\n<p>Here's my text with Bevel &amp; Emboss applied to the stroke:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/text-stroke-bevel-emboss.jpg\" alt=\"The text with Bevel and Emboss applied to the stroke. \" width=\"702\" height=\"199\" \/>\n<div class=\"image-desc\">The effect after applying Bevel &amp; Emboss.<\/div>\n<h3>Step 14: Turn On \"Contour\"<\/h3>\n<p>Turn on <strong>Contour<\/strong> by clicking inside its <strong>checkbox<\/strong>, directly below Bevel &amp; Emboss in the left column of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/contour-layer-style.png\" alt=\"Clicking inside the Contour checkbox. \" width=\"260\" height=\"231\" \/>\n<div class=\"image-desc\">Clicking inside the \"Contour\" checkbox.<\/div>\n<p>This enhances the lighting effect on the stroke, making the letters look shiny and metallic:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/text-contour.jpg\" alt=\"The effect after turning on Contour. \" width=\"702\" height=\"233\" \/>\n<div class=\"image-desc\">The effect after turning on Contour.<\/div>\n<h3>Step 15: Add An Inner Glow<\/h3>\n<p>Choose <strong>Inner Glow<\/strong> from the column on the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-inner-glow.png\" alt=\"Adding an Inner Glow layer style. \" width=\"269\" height=\"219\" \/>\n<div class=\"image-desc\">Adding an Inner Glow layer style.<\/div>\n<p>In the Inner Glow options, change the color of the glow by clicking the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/inner-glow-color-swatch.png\" alt=\"Changing the Inner Glow color. \" width=\"434\" height=\"232\" \/>\n<div class=\"image-desc\">Changing the Inner Glow color.<\/div>\n<p>In the Color Picker, choose a darker blue by setting <strong>R<\/strong> to <strong>15<\/strong>, <strong>G<\/strong> to <strong>30<\/strong> and <strong>B<\/strong> to <strong>130<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-inner-glow.jpg\" alt=\"Choosing a darker blue from the Color Picker. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing a darker blue from the Color Picker.<\/div>\n<p>Back in the Inner Glow options, change the <strong>Blend Mode<\/strong> of the glow from Screen to <strong>Multiply<\/strong>, which switches it from being a glow to a shadow. Increase the <strong>Opacity<\/strong> to <strong>100%<\/strong>. Then, increase the <strong>Size<\/strong> to around <strong>18 px<\/strong>, so you can just barely see it around the inside of the letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/inner-glow-options.png\" alt=\"The Inner Glow options. \" width=\"351\" height=\"337\" \/>\n<div class=\"image-desc\">The Inner Glow options.<\/div>\n<p>Here's my text with the Inner Glow applied. Since the screenshot is small, it's a bit tough to see, but with your effect, you should be able to see a very thin blue shadow around the inside of each letter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/text-inner-glow.jpg\" alt=\"The effect with the Inner Glow applied. \" width=\"702\" height=\"222\" \/>\n<div class=\"image-desc\">The effect with the Inner Glow applied.<\/div>\n<h3>Step 16: Add An Outer Glow<\/h3>\n<p>Choose <strong>Outer Glow<\/strong> from the column on the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-outer-glow.png\" alt=\"Adding an Outer Glow layer style. \" width=\"266\" height=\"204\" \/>\n<div class=\"image-desc\">Adding an Outer Glow layer style.<\/div>\n<p>Change the color of the Outer Glow by clicking the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/outer-glow-color-swatch.png\" alt=\"Changing the Outer Glow color. \" width=\"363\" height=\"248\" \/>\n<div class=\"image-desc\">Changing the Outer Glow color.<\/div>\n<p>In the Color Picker, choose the same darker shade of blue that we chose for the Inner Glow by once again setting <strong>R<\/strong> to <strong>15<\/strong>, <strong>G<\/strong> to <strong>30<\/strong> and <strong>B<\/strong> to <strong>130<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/color-picker-outer-glow.jpg\" alt=\"Choosing the same shade of blue for the Outer Glow. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing the same shade of blue for the Outer Glow.<\/div>\n<p>Back in the Outer Glow options, increase the <strong>Opacity<\/strong> to <strong>70%<\/strong>, then increase the <strong>Size<\/strong> to <strong>150 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/outer-glow-options.png\" alt=\"The Outer Glow options. \" width=\"349\" height=\"313\" \/>\n<div class=\"image-desc\">The Outer Glow options.<\/div>\n<p>At this point, we've added all of our layer styles to the text, so click OK to close out of the Layer Style dialog box. Here's my chrome text with the blue Outer Glow around the letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-retro-text-chrome.jpg\" alt=\"The final retro chome text effect. \" width=\"702\" height=\"277\" \/>\n<div class=\"image-desc\">The final retro chrome text effect.<\/div>\n<p>If we look in the Layers panel, we see our Type layer with all of our layer styles listed below it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/layers-panel-retro-styles.png\" alt=\"The layer styles are listed below the type layer. \" width=\"286\" height=\"238\" \/>\n<div class=\"image-desc\">The layer styles are listed below the Type layer.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>Step 17: Add More Text<\/h3>\n<p>Let's add more text to the design. With the Type Tool still selected, click below the word &quot;RETRO&quot; and type in a new word. I'll type &quot;4ever&quot;. Click 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\/cc\/retro\/type-second-word.jpg\" alt=\"The layer styles are listed below the type layer. \" width=\"640\" height=\"404\" \/>\n<div class=\"image-desc\">Clicking below \"RETRO\" and typing \"4ever\".<\/div>\n<h3>Step 18: Change The Font<\/h3>\n<p>With the new word added, let's go up to the Options Bar and change the font. I'll choose another font I downloaded from Adobe Typekit, this one called <strong>BD Retrocentric<\/strong>. Again, if you don't have access to Adobe Typekit, there's lots of free retro fonts to choose from on Google:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-bdretrocentric-font.png\" alt=\"Changing the font in the Options Bar. \" width=\"547\" height=\"110\" \/>\n<div class=\"image-desc\">Choosing a different font in the Options Bar.<\/div>\n<p>The reason we didn't change the font <em>before<\/em> adding the second word is because we still had our original Type layer selected in the Layers panel, which means Photoshop would have changed the font for the word &quot;RETRO&quot;, and that wasn't what we wanted. To keep the original font for the first word, we needed to add a second Type layer before changing the font.<\/p>\n<p>Here's what the word \"4ever\" looks like with my new font. It's too small at the moment, but we'll fix that next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/type-font-changed.jpg\" alt=\"The font for the second word has been changed. \" width=\"643\" height=\"405\" \/>\n<div class=\"image-desc\">The word \"4ever\", now with the new font.<\/div>\n<h3>Step 19: Resize The Text With Free Transform<\/h3>\n<p>Let's resize and reposition the new text by going up to the <strong>Edit<\/strong> menu and choosing <strong>Free Transform<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-edit-free-transform.png\" alt=\"Selecting Free Transform from the Edit menu. \" width=\"257\" height=\"152\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>Press and hold your <strong>Shift<\/strong> key and drag the <strong>corners handles<\/strong> to resize the text. To reposition the text, click inside the Free Transform box and drag it into place. I'll resize and move my text so that it's sitting below the right side of the word &quot;RETRO&quot;. Click the <strong>checkmark<\/strong> in the Options Bar when you're done to accept the changes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/resize-reposition-4ever.jpg\" alt=\"Resizing and repositioning the second word. \" width=\"643\" height=\"405\" \/>\n<div class=\"image-desc\">Resizing and repositioning the second word.<\/div>\n<h3>Step 20: Add A Gradient Overlay Layer Style<\/h3>\n<p>Let's give this new word more of a neon look. Click on the <strong>Layer Styles<\/strong> (fx) icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/layer-styles-icon.png\" alt=\"Selecting Free Transform from the Edit menu. \" width=\"287\" height=\"253\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>Choose <strong>Gradient Overlay<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-gradient-overlay.png\" alt=\"Choosing Gradient Overlay from the list of layer styles. \" width=\"157\" height=\"132\" \/>\n<div class=\"image-desc\">Choosing the Gradient Overlay style.<\/div>\n<p>In the Layer Style dialog box, click on the gradient <strong>color swatch<\/strong> to open the Gradient Editor:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/click-gradient-color-swatch.png\" alt=\"Clicking the gradient color swatch. \" width=\"371\" height=\"245\" \/>\n<div class=\"image-desc\">Clicking the gradient color swatch.<\/div>\n<p>Choose the <strong>Black, White<\/strong> gradient from the Presets section by clicking on its thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/again-choose-black-white-gradient.png\" alt=\"Choosing the Black, White gradient from the Presets. \" width=\"451\" height=\"195\" \/>\n<div class=\"image-desc\">Choosing the Black, White gradient from the Presets.<\/div>\n<p>Double-click on the <strong>black color stop<\/strong> on the left to change its color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/double-click-black.png\" alt=\"Double-clicing on the black color stop. \" width=\"461\" height=\"206\" \/>\n<div class=\"image-desc\">Double-clicking on the black color stop.<\/div>\n<p>Choose a dark pink by setting <strong>R<\/strong> to <strong>140<\/strong>, <strong>G<\/strong> to <strong>15<\/strong> and <strong>B<\/strong> to <strong>140<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/140-15-140.jpg\" alt=\"Choosing a dark pink in the Color Picker. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing a dark pink in the Color Picker.<\/div>\n<p>Set the <strong>Location<\/strong> of the color stop to <strong>25%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/set-location-25.png\" alt=\"Setting the Location to 25%. \" width=\"451\" height=\"205\" \/>\n<div class=\"image-desc\">Setting the Location to 25%.<\/div>\n<p>Double-click on the <strong>white color stop<\/strong> on the right to change its color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/double-click-white.png\" alt=\"Double-clicking the white color stop. \" width=\"454\" height=\"235\" \/>\n<div class=\"image-desc\">Double-clicking on the white color stop.<\/div>\n<p>Choose a lighter pink by setting <strong>R<\/strong> to <strong>255<\/strong>, <strong>G<\/strong> to <strong>0<\/strong> and <strong>B<\/strong> to <strong>235<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/255-0-235.png\" alt=\"Double-clicking the white color stop. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Choosing a lighter pink.<\/div>\n<p>Change its <strong>Location<\/strong> to <strong>75%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/set-location-75.png\" alt=\"Changing the Location of the color stop to 75 percent. \" width=\"451\" height=\"205\" \/>\n<div class=\"image-desc\">Changing the Location to 75%.<\/div>\n<h3>Step 21: Save The Gradient As A Preset<\/h3>\n<p>Enter a name for the gradient. I'll name mine \"80s Retro Neon\". Then, click <strong>New<\/strong> to save it as a preset:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/name-gradient-80sreroneon.png\" alt=\"Naming and saving the new gradient preset. \" width=\"451\" height=\"222\" \/>\n<div class=\"image-desc\">Naming and saving the new gradient preset.<\/div>\n<p>A thumbnail for the new preset appears, ready to be re-selected the next time you create the effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/80s-retro-neon-thumbnail.png\" alt=\"The Presets area showing the new 80s Retro Neon preset. \" width=\"451\" height=\"234\" \/>\n<div class=\"image-desc\">The Presets area showing the new 80s Retro Neon preset.<\/div>\n<h3>Step 22: Set The Style And Angle Options<\/h3>\n<p>Click OK to close out of the Gradient Editor. Back in the Layer style dialog box, make sure the <strong>Style<\/strong> for the gradient is set to <strong>Linear<\/strong> and the <strong>Angle<\/strong> is at <strong>90&deg;<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/linear-90degrees.png\" alt=\"Checking the Style and Angle options. \" width=\"379\" height=\"239\" \/>\n<div class=\"image-desc\">Checking the Style and Angle options.<\/div>\n<p>Here's what the text (the word \"4ever\") looks like with the &quot;80s Retro Neon&quot; gradient applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/4ever-gradient.jpg\" alt=\"The text with the 80s Retro Neon gradient applied. \" width=\"702\" height=\"233\" \/>\n<div class=\"image-desc\">The text after applying the gradient.<\/div>\n<h3>Step 23: Add An Inner Glow Style<\/h3>\n<p>Choose <strong>Inner Glow<\/strong> from the column on the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-inner-glow-style.png\" alt=\"Choosing an Inner Glow layer style. \" width=\"272\" height=\"192\" \/>\n<div class=\"image-desc\">Choosing Inner Glow.<\/div>\n<p>Click the <strong>color swatch<\/strong> to change the color of the glow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/inner-glow-style-color-swatch.png\" alt=\"Clicking the Inner Glow color swatch. \" width=\"305\" height=\"232\" \/>\n<div class=\"image-desc\">Clicking the Inner Glow color swatch.<\/div>\n<p>In the Color Picker, choose <strong>white<\/strong> by setting <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> to <strong>255<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/inner-glow-style-change-color.jpg\" alt=\"Setting the Inner Glow color to white. \" width=\"545\" height=\"399\" \/>\n<div class=\"image-desc\">Changing the Inner Glow color to white.<\/div>\n<p>Change the <strong>Blend Mode<\/strong> of the Inner Glow to <strong>Color Dodge<\/strong> and the <strong>Opacity<\/strong> to <strong>85%<\/strong>. Then, set the <strong>Size<\/strong> to around <strong>11 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/inner-glow-style-options.jpg\" alt=\"The Inner Glow options. \" width=\"333\" height=\"333\" \/>\n<div class=\"image-desc\">The Inner Glow options.<\/div>\n<p>Here's my text with the gradient and the inner glow applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/4ever-inner-glow.jpg\" alt=\"The text after applying Inner Glow. \" width=\"702\" height=\"248\" \/>\n<div class=\"image-desc\">The text after applying Inner Glow.<\/div>\n<h3>Step 24: Add A Bevel &amp; Emboss Style<\/h3>\n<p>Choose <strong>Bevel &amp; Emboss<\/strong> from the column on the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/4ever-choose-bevel-emboss.png\" alt=\"Adding a Bevel and Emboss layer style. \" width=\"273\" height=\"227\" \/>\n<div class=\"image-desc\">Adding a Bevel &amp; Emboss layer style.<\/div>\n<p>Down in the Shading options, click on the small <strong>arrow<\/strong> to the right of the <strong>Gloss Contour<\/strong> thumbnail and choose the <strong>Linear<\/strong> contour by <strong>double-clicking<\/strong> on its thumbnail (first one on the left, top row):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/4ever-gloss-contour-reset.png\" alt=\"Changing Gloss Contour to Linear. \" width=\"330\" height=\"263\" \/>\n<div class=\"image-desc\">Double-clicking on the Linear contour thumbnail.<\/div>\n<p>Then, up in the Structure options, change the <strong>Style<\/strong> to <strong>Inner Bevel<\/strong> and <strong>Technique<\/strong> to <strong>Chisel Hard<\/strong>. Set the <strong>Depth<\/strong> to around <strong>115%<\/strong>, the <strong>Size<\/strong> to <strong>8 px<\/strong>, then increase the <strong>Soften<\/strong> option to around <strong>10 px<\/strong> to smooth out the edges:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/4ever-bevel-emboss-structure-options.png\" alt=\"Changing Gloss Contour to Linear. \" width=\"349\" height=\"243\" \/>\n<div class=\"image-desc\">The Structure options.<\/div>\n<p>Back in the Shading section down at the bottom, uncheck <strong>Use Global Light<\/strong> and make sure <strong>Angle<\/strong> is set to <strong>90&deg;<\/strong> and <strong>Altitude<\/strong> is at <strong>30&deg;<\/strong>. Finally, set the <strong>Opacity<\/strong> of the <strong>Highlight Mode<\/strong> to <strong>75%<\/strong> and the <strong>Shadow Mode<\/strong> to <strong>50%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/4ever-bevel-emboss-shading-options.png\" alt=\"Changing Gloss Contour to Linear. \" width=\"369\" height=\"314\" \/>\n<div class=\"image-desc\">The Shading options.<\/div>\n<p>Here's the word \"4ever\" after applying Bevel &amp; Emboss. The letters now have a more rounded look to them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/4ever-bevel-emboss.jpg\" alt=\"The effect after applying Bevel and Emboss. \" width=\"702\" height=\"270\" \/>\n<div class=\"image-desc\">The effect after applying Bevel &amp; Emboss.<\/div>\n<h3>Step 25: Add An Outer Glow<\/h3>\n<p>Just one more layer style to apply. Choose <strong>Outer Glow<\/strong> from the column on the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/4ever-outerglow.png\" alt=\"Adding an Outer Glow layer style. \" width=\"269\" height=\"217\" \/>\n<div class=\"image-desc\">Adding an Outer Glow style.<\/div>\n<p>Click the <strong>color swatch<\/strong> to change the color of the Outer Glow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/outer-glow-style-color-swatch.png\" alt=\"Changing the Outer Glow color. \" width=\"317\" height=\"235\" \/>\n<div class=\"image-desc\">Changing the Outer Glow color.<\/div>\n<p>In the Color Picker, choose pink by setting <strong>R<\/strong> to <strong>215<\/strong>, <strong>G<\/strong> to <strong>0<\/strong> and <strong>B<\/strong> to <strong>255<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/outer-glow-215-0-255.jpg\" alt=\"Choosing Pink for the Outer Glow. \" width=\"544\" height=\"398\" \/>\n<div class=\"image-desc\">Choosing pink for the Outer Glow.<\/div>\n<p>Make sure the <strong>Blend Mode<\/strong> is set to <strong>Screen<\/strong>. Set the <strong>Opacity<\/strong> to around <strong>35%<\/strong>, and finally, increase the <strong>Size<\/strong> to around <strong>55 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/retro-text-effect-outer-glow-style-options.png\" alt=\"The Outer Glow options. \" width=\"329\" height=\"312\" \/>\n<div class=\"image-desc\">The Outer Glow options.<\/div>\n<p>And with that, we're done with our layer styles! Click OK to close out of the Layer Style dialog box. Here's what my retro text effect now looks like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/retro-text-effect-second-word-added.jpg\" alt=\"The retro text effect with all of the layer styles applied to both words. \" width=\"702\" height=\"260\" \/>\n<div class=\"image-desc\">The effect with all of the layer styles applied to both words.<\/div>\n<h3>Step 26: Make A Copy Of The Neon Text Layer<\/h3>\n<p>Let's add another neon word to the effect, this time <em>above<\/em> the word \"RETRO\". Click on the top <strong>Type layer<\/strong> in the Layers panel (in my case, it's the \"4ever\" layer) and drag it down onto the <strong>New Layer<\/strong> icon at the bottom of the Layers panel. A copy of it, complete with all the layer styles we added, will appear above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/retro-text-effect-copy-typelayer.png\" alt=\"Dragging the 4ever Type layer onto the New Layer icon. \" width=\"287\" height=\"283\" \/>\n<div class=\"image-desc\">Dragging the \"4ever\" Type layer onto the New Layer icon.<\/div>\n<h3>Step 27: Select The Move Tool<\/h3>\n<p>Select Photoshop's <strong>Move Tool<\/strong> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-move-tool.png\" alt=\"Selecting the Move Tool in Photoshop. \" width=\"78\" height=\"175\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<h3>Step 28: Drag The Copy Into Place<\/h3>\n<p>With the Move Tool selected, click on the copy of the \"4ever\" text in the document and drag it above the left side of the word \"RETRO\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/move-text-copy.jpg\" alt=\"Dragging the copy of the text above the word RETRO. \" width=\"643\" height=\"405\" \/>\n<div class=\"image-desc\">Dragging the copy above the word \"RETRO\".<\/div>\n<h3>Step 29: Change The Word To \"80s\"<\/h3>\n<p>If you look in your Layers panel, you'll see a copy of the Type layer (with the word &quot;copy&quot; in its name) above the original. To edit the text, double-click on the Type layer's <strong>thumbnail<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/type-layer-thumbnail.png\" alt=\"Double-clicking on the Type layer thumbnail. \" width=\"285\" height=\"236\" \/>\n<div class=\"image-desc\">Double-clicking on the Type layer thumbnail.<\/div>\n<p>This highlights the existing text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/text-highlighted.jpg\" alt=\"The text is highlighted and ready for editing. \" width=\"702\" height=\"311\" \/>\n<div class=\"image-desc\">The text is highlighted and ready for editing.<\/div>\n<p>Enter \"80s\" for the new word. Click the <strong>checkmark<\/strong> in the Options Bar to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/new-80s-text.jpg\" alt=\"Changing the word 4ever to 80s. \" width=\"702\" height=\"309\" \/>\n<div class=\"image-desc\">Changing \"4ever\" to \"80s\", then clicking the checkmark.<\/div>\n<h3>Step 30: Skew And Reposition The Text<\/h3>\n<p>Let's skew the text upwards to add more interest, and we'll reposition it as well. Go up to the <strong>Edit<\/strong> menu, choose <strong>Transform<\/strong>, then choose <strong>Skew<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/edit-transform-skew.png\" alt=\"Choosing Skew from the Edit menu. \" width=\"496\" height=\"187\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Transform &gt; Skew.<\/div>\n<p>Photoshop places the Transform box and handles around the text. Click on the <strong>right handle<\/strong> and drag it upwards until you're happy with the angle of the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/retro-text-skew-80s.jpg\" alt=\"Skewing the word 80s by dragging the right Transform handle upward. \" width=\"702\" height=\"358\" \/>\n<div class=\"image-desc\">Skewing the word &quot;80s&quot; by dragging the right Transform handle upward.<\/div>\n<p>Then, click inside the Transform box and drag the text into place so that the bottom of \"80s\" overlaps the top of \"RETRO\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/retro-text-reposition-80s.jpg\" alt=\"Clicking inside the Transform box and dragging 80s into position. \" width=\"702\" height=\"313\" \/>\n<div class=\"image-desc\">Clicking inside the Transform box and dragging \"80s\" into position.<\/div>\n<p>Click the <strong>checkmark<\/strong> in the Options Bar to accept the changes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/checkmark-transform.png\" alt=\"Clicking the checkmark in the Options Bar. \" width=\"393\" height=\"102\" \/>\n<div class=\"image-desc\">Clicking the checkmark in the Options Bar.<\/div>\n<p>And here's the retro text effect after skewing and moving the text. We're almost done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/80s-retro-4ever-text.jpg\" alt=\"Clicking the checkmark in the Options Bar. \" width=\"649\" height=\"409\" \/>\n<div class=\"image-desc\">Clicking the checkmark in the Options Bar.<\/div>\n<h3>Step 31: Add A New Blank Layer<\/h3>\n<p>Let's finish up the effect by adding a few sparkles around the chrome \"RETRO\" letters. For that, we'll need a new layer. 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\/cc\/retro\/photoshop-new-layer-icon.png\" alt=\"Clicking the New Layer icon in the Layers panel. \" width=\"287\" height=\"255\" \/>\n<div class=\"image-desc\">Clicking the New Layer icon.<\/div>\n<p>The new blank layer (\"Layer 1\") appears above the \"80s\" Type layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-new-layer-1.png\" alt=\"The Layers panel showing the new layer. \" width=\"287\" height=\"219\" \/>\n<div class=\"image-desc\">The new layer appears above the Type layers.<\/div>\n<h3>Step 32: Select The Brush Tool<\/h3>\n<p>Select Photoshop's <strong>Brush Tool<\/strong> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-brush-tool.png\" alt=\"Selecting the Brush Tool. \" width=\"78\" height=\"194\" \/>\n<div class=\"image-desc\">Selecting the Brush Tool.<\/div>\n<h3>Step 33: Load The \"Assorted Brushes\" Set<\/h3>\n<p>The brush we need for the sparkles isn't found in Photoshop's default brushes so we'll need to load in one of the other brush sets that's included with Photoshop.<\/p>\n<p>With the Brush Tool selected, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the image to open Photoshop's <strong>Brush Preset Picker<\/strong>. Then, click on the <strong>menu icon<\/strong> (the gear icon) in the upper right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-brush-preset-picker.png\" alt=\"Opening the Brush Preset Picker menu. \" width=\"303\" height=\"330\" \/>\n<div class=\"image-desc\">Clicking the menu icon in the Brush Preset Picker.<\/div>\n<p>In the lower half of the menu, you'll see a list of other brush sets. Choose the <strong>Assorted Brushes<\/strong> set at the top of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-assorted-brushes.png\" alt=\"Choosing the Assorte Brushes set from the menu. \" width=\"213\" height=\"177\" \/>\n<div class=\"image-desc\">Choosing the Assorted Brushes set from the menu.<\/div>\n<p>Photoshop will ask if you want to replace the current brushes with the new brushes. Click <strong>Append<\/strong> which will simply add the new ones in with the originals:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-append.png\" alt=\"Clicking Append to add the new brushes. \" width=\"442\" height=\"170\" \/>\n<div class=\"image-desc\">Clicking \"Append\" to add the new brushes.<\/div>\n<h3>Step 34: Choose The \"48 px Crosshatch 4\" Brush<\/h3>\n<p>To make it easier for us to choose the brush we need, click again on the menu icon in the upper right of the Brush Preset Picker. Then, choose either Small List or Large List from the menu. I'll choose <strong>Large List<\/strong>. This lets us view the brushes as a list rather than as thumbnails:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/choose-large-list.png\" alt=\"Switching from the thumbnail view to the list view. \" width=\"479\" height=\"247\" \/>\n<div class=\"image-desc\">Switching from the thumbnail view to the list view.<\/div>\n<p>Scroll down the list until you find the <strong>48 px Crosshatch 4 <\/strong>brush. Double-click on it to select it and close the Brush Preset Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-48px-crosshatch-4-brush.png\" alt=\"Selecting the 48 px Crosshatch 4 brush. \" width=\"296\" height=\"315\" \/>\n<div class=\"image-desc\">Double-clicking on the \"48 px Crosshatch 4\" brush.<\/div>\n<h3>Step 35: Set Your Foreground Color To White<\/h3>\n<p>Make sure your brush color is set to <strong>white<\/strong> by pressing the letter <strong>D<\/strong> on your keyboard to quickly reset your Foreground and Background colors, which will make your Foreground color black and your Background color white. Then, press <strong>X<\/strong> to swap them, setting your Foreground color to white.<\/p>\n<p>You can see your current Foreground and Background colors in the <strong>color swatches<\/strong> near the bottom of the Toolbar. Photoshop uses the Foreground color as the brush color, so make sure its swatch (upper left) is showing white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-brush-color.png\" alt=\"The current Foreground and brush color. \" width=\"78\" height=\"202\" \/>\n<div class=\"image-desc\">Press \"D\", then \"X\" to set your Foreground (brush) color to white.<\/div>\n<h3>Step 36: Change The Angle And Size Of The Brush<\/h3>\n<p>Before we add our sparkles, let's change the angle of the brush, again to add more interest. Press the <strong>F5<\/strong> key on your keyboard. This is a quick way to open Photoshop's main <strong>Brush panel<\/strong>.<\/p>\n<p>Make sure you have Brush Tip Shape selected at the top of the column on the left. Then, change the <strong>Angle<\/strong> to around <strong>22&deg;<\/strong>. Finally, increase the <strong>Size<\/strong> of the brush to around <strong>65 px<\/strong>. You can experiment with the brush size if you like, but for this tutorial, 65 px should work nicely:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-brush-options.png\" alt=\"The current Foreground and brush color. \" width=\"432\" height=\"414\" \/>\n<div class=\"image-desc\">Changing the angle to 22&deg; and the brush size to 65 px.<\/div>\n<h3>Step 37: Paint A Few Sparkles<\/h3>\n<p>To add the sparkles to the chrome, simply click in a few random spots around the word \"RETRO\". Three or four clicks should do it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-80s-retro-text-sparkles.jpg\" alt=\"Clicking around the word RETRO to add sparkles. \" width=\"702\" height=\"262\" \/>\n<div class=\"image-desc\">Clicking around the word \"RETRO\" to add sparkles.<\/div>\n<p>And with that, we're done! Here, after adding the sparkles, is my final 80s retro text effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/retro\/photoshop-80s-retro-text-effect.jpg\" alt=\"Photoshop 80s retro text effect. \" width=\"643\" height=\"404\" \/>\n<div class=\"image-desc\">The final 80s retro text.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to create a fun, 80s retro text effect in Photoshop using layer styles and custom gradients! Visit our <a href=\"\/photoshop-text\/text-effects\/\">Text Effects<\/a> section for more Photoshop text effects tutorials!<\/p>\n<\/section>\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>New Super Tutorial! Learn step by step how to create a fun 80s retro text effect in Photoshop using layer styles and custom gradients!<\/p>\n","protected":false},"author":1,"featured_media":14255,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[110,64],"tags":[],"class_list":["post-14254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-text-effects","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>80s Retro Text Effect With Photoshop<\/title>\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\/80s-retro-text-effect-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"80s Retro Text Effect With Photoshop\" \/>\n<meta property=\"og:description\" content=\"New Super Tutorial! Learn step by step how to create a fun 80s retro text effect in Photoshop using layer styles and custom gradients!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/\" \/>\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=\"2017-05-16T00:32:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T14:57:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/80s-retro-text-photoshop-tm.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"53 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\\\/80s-retro-text-effect-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"80s Retro Text Effect With Photoshop\",\"datePublished\":\"2017-05-16T00:32:54+00:00\",\"dateModified\":\"2022-11-02T14:57:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/\"},\"wordCount\":5491,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/80s-retro-text-photoshop-tm.png\",\"articleSection\":[\"CC\",\"Text Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/\",\"name\":\"80s Retro Text Effect With Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/80s-retro-text-photoshop-tm.png\",\"datePublished\":\"2017-05-16T00:32:54+00:00\",\"dateModified\":\"2022-11-02T14:57:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/80s-retro-text-photoshop-tm.png\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/80s-retro-text-photoshop-tm.png\",\"width\":250,\"height\":250,\"caption\":\"Photoshop 80s Retro Text Effect\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/80s-retro-text-effect-photoshop\\\/#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\":\"80s Retro Text Effect With Photoshop\"}]},{\"@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":"80s Retro Text Effect With Photoshop","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\/80s-retro-text-effect-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"80s Retro Text Effect With Photoshop","og_description":"New Super Tutorial! Learn step by step how to create a fun 80s retro text effect in Photoshop using layer styles and custom gradients!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2017-05-16T00:32:54+00:00","article_modified_time":"2022-11-02T14:57:02+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/80s-retro-text-photoshop-tm.png","type":"image\/png"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"53 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"80s Retro Text Effect With Photoshop","datePublished":"2017-05-16T00:32:54+00:00","dateModified":"2022-11-02T14:57:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/"},"wordCount":5491,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/80s-retro-text-photoshop-tm.png","articleSection":["CC","Text Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/","name":"80s Retro Text Effect With Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/80s-retro-text-photoshop-tm.png","datePublished":"2017-05-16T00:32:54+00:00","dateModified":"2022-11-02T14:57:02+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/80s-retro-text-photoshop-tm.png","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/80s-retro-text-photoshop-tm.png","width":250,"height":250,"caption":"Photoshop 80s Retro Text Effect"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/80s-retro-text-effect-photoshop\/#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":"80s Retro Text Effect With Photoshop"}]},{"@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\/14254","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=14254"}],"version-history":[{"count":60,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/14254\/revisions"}],"predecessor-version":[{"id":33606,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/14254\/revisions\/33606"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/14255"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=14254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=14254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=14254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}