{"id":487,"date":"2012-10-02T23:13:12","date_gmt":"2012-10-02T23:13:12","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=487"},"modified":"2019-04-13T12:13:22","modified_gmt":"2019-04-13T16:13:22","slug":"text-reflection","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/","title":{"rendered":"Text Reflection Effect in Photoshop"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop text effects<\/strong> tutorial, we're going to create a simple text reflection effect. This effect has been used everywhere in advertising, and as we'll see, it's very easy to do.<\/p>\n<p>Here's the reflection we'll be creating:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-text-reflection.jpg\" alt=\"A text reflection effect in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"650\" height=\"352\" \/>\n<div class=\"image-desc\">The final text reflection effect.<\/div>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<p>Let's get started!<\/p>\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<h4>Step 1: Create A New Photoshop Document<\/h4>\n<p>Create a new blank Photoshop document by going  up to the <strong>File<\/strong> menu at the top of screen and choosing <strong>New<\/strong>. You can also create a new document with the keyboard shortcut <strong>Ctrl+N<\/strong> (Win) \/ <strong>Command+N<\/strong> (Mac). Either way brings up Photoshop's <strong>New Document<\/strong> dialog box. Enter the dimensions you need for your document. For this tutorial, I'm going to enter <strong>6 inches<\/strong> for my document's <strong>Width<\/strong>, <strong>3 inches<\/strong> for the <strong>Height<\/strong>, and a <strong>Resolution<\/strong> of <strong>300 pixels\/inch<\/strong>. Click <strong>OK<\/strong> when you're done to exit out of the dialog box. Your new blank document will appear on your screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-new-document.gif\" alt=\"The New Document dialog box in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"597\" height=\"341\" \/>\n<div class=\"image-desc\">Create a new blank Photoshop document.<\/div>\n<h4>Step 2: Fill The New Document With Black<\/h4>\n<p>This step is optional, but I'm going to use black as the background color for my document rather than the default white. If you'd prefer to stick with white, you can skip this step. To fill the document with black, go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Fill<\/strong> to bring up Photoshop's Fill command:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-fill.gif\" alt=\"Selecting Fill from the Edit menu in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"265\" height=\"154\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Fill.<\/div>\n<p>You can also select the Fill command with the keyboard shortcut <strong>Shift+F5<\/strong>. Either way brings up the Fill dialog box. At the top of the dialog box is the <strong>Contents<\/strong> section, with one option simply named <strong>Use<\/strong>. Select <strong>Black<\/strong> from the list to the right of the word Use:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-fill-black.gif\" alt=\"The Fill command dialog box in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"370\" height=\"255\" \/>\n<div class=\"image-desc\">Select Black in the Contents section at the top of the Fill dialog box.<\/div>\n<p>Click <strong>OK<\/strong> when you're done to exit out of the dialog box, and Photoshop fills the document with black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-document-black.gif\" alt=\"The Photoshop document is now filled with black. Image &copy; 2009 Photoshop Essentials.com\" width=\"600\" height=\"319\" \/>\n<div class=\"image-desc\">The background of the document is now filled with black.<\/div>\n<h4>Step 3: Select The Type Tool<\/h4>\n<p>To add text to the document, we need Photoshop's <strong>Type Too<\/strong>l. You can either click on it in the Tools palette to select it, or for a faster way, press the letter <strong>T<\/strong> on your keyboard to select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-type-tool.gif\" alt=\"The Type Tool in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"68\" height=\"105\" \/>\n<div class=\"image-desc\">Select the Type Tool.<\/div>\n<h4>Step 4: Select A Font<\/h4>\n<p>With the Type Tool selected, go up to the <strong>Options Bar<\/strong> at the top of the screen and choose the font you'd like to use for the effect. Your choice of fonts will depend on which fonts you currently have installed on your computer. I'll stick with something simple and choose <strong>Gill Sans Light<\/strong> for my effect. Don't worry about the size of the font for now:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-choose-font.gif\" alt=\"Choosing a font in the Options Bar in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"503\" height=\"48\" \/>\n<div class=\"image-desc\">Choose a font from the Options Bar.<\/div>\n<h4>Step 5: Select A Color For The Text<\/h4>\n<p>Next, we need to choose a color for our text. There's a few different ways to choose a text color in Photoshop. For this tutorial, I'm going to use a very simple and quick way, which is to select a ready-made color from the <strong>Swatches palette<\/strong>. Switch over to your Swatches palette, which by default is grouped in between  the Color and Styles palettes. The Swatches palette contains a collection of color swatches that are installed by default with Photoshop. To choose one of the colors, simply move your mouse cursor over its color swatch. You'll see the cursor change into an eyedropper. Click on the swatch with the eyedropper to select the color. I'm going to choose the red swatch in the top left corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-swatches-palette.gif\" alt=\"The Swatches palette in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"298\" height=\"176\" \/>\n<div class=\"image-desc\">Choose a color for the text by clicking on a color swatch in the Swatches palette.<\/div>\n<h4>Step 6: Add Your Text<\/h4>\n<p>Once you've chosen a color, click anywhere inside the document and add your text. I'm going to type the word &quot;REFLECTIONS&quot;, all in capital letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-add-type.gif\" alt=\"Adding text to the document in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"650\" height=\"347\" \/>\n<div class=\"image-desc\">Add your text to the document.<\/div>\n<p>When you're done, click on the <strong>checkmark<\/strong> in the Options Bar to accept your text and exit out of text editing mode:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/checkmark.gif\" alt=\"Clicking on the checkmark in the Options Bar to accept the text. Image &copy; 2009 Photoshop Essentials.com\" width=\"499\" height=\"51\" \/>\n<div class=\"image-desc\">Click on the checkmark in the Options Bar to accept the text.<\/div>\n<h4>Step 7: Resize The Text If Needed With Free Transform<\/h4>\n<p>If you need to resize your text, go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Free Transform<\/strong>, or press the keyboard shortcut <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac). Either way brings up Photoshop's Free Transform command which will allow us to easily resize the text and move it as well if we need to:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/select-free-transform.gif\" alt=\"Selecting the Free Transform command in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"265\" height=\"147\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Free Transform.<\/div>\n<p>Once you've selected it, you'll see the Free Transform box and handles appear around your text in the document. To resize the text, hold down your <strong>Shift<\/strong> key, which will prevent you from accidentally distorting the width-to-height aspect ratio of the text as you resize it, then simply click on any of the four corner handles (the little squares) and drag them inward to make the text smaller or outward to make it larger. To move the text, click anywhere inside the Free Transform box and drag the text to a new location. Just don't click on the small target symbol in the very center of the box, otherwise you'll move the target symbol, not the text. I'm going to make my text a bit larger by holding Shift and dragging the handle in the bottom right corner outward. I'm also going to drag the text down a little bit so that the bottom of the text appears closer to the horizontal center of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-free-transform.gif\" alt=\"Resizing the text with the Free Transform command in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"650\" height=\"346\" \/>\n<div class=\"image-desc\">Use Free Transform to resize and\/or move the text if needed.<\/div>\n<p>When you're done, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the transformation and exit out of the Free Transform command.<\/p>\n<h4>Step 8: Duplicate The Text Layer<\/h4>\n<p>Now that we have our text, we can begin creating the reflection effect. The first thing we'll need is a copy of our text, so let's duplicate the text layer by going up to the <strong>Layer<\/strong> manu at the top of the screen, choosing <strong>New<\/strong>, and then choosing <strong>Layer via Copy<\/strong>. Or, for a much faster way to duplicate a layer, simply press the keyboard shortcut <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/new-layer-via-copy.gif\" alt=\"Duplicating the text layer in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"472\" height=\"149\" \/>\n<div class=\"image-desc\">Go to Layer &gt; New &gt; Layer via Copy.<\/div>\n<p>Either way tells Photoshop to make a copy of our text layer. Nothing will seem to have happened in our document, but  if we look at our Layers palette, we can see that we now have a copy of the  layer sitting directly above the original (notice that the copy has the word \"copy\" in its name):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-layers-palette.gif\" alt=\"The Layers palette in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"291\" height=\"249\" \/>\n<div class=\"image-desc\">A copy of the text layer appears above the original.<\/div>\n<h4>Step 9: Flip The  Text Layer Vertically<\/h4>\n<p>Next, we need to flip our copied text layer upside down, and  Photoshop just happens to come with a command designed specifically for such a task. Go up to the <strong>Edit<\/strong> menu once again, choose <strong>Transform<\/strong>, and then choose <strong>Flip Vertical<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/flip-vertical.gif\" alt=\"Flipping the text layer vertically in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"160\" height=\"126\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Transform &gt; Flip Vertical.<\/div>\n<p>The copied text layer will appear flipped upside down in front of the original text layer, creating an interesting, although entirely unreadable, visual effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/text-flipped.gif\" alt=\"The copied text layer is now flipped upside down. Image &copy; 2009 Photoshop Essentials.com\" width=\"650\" height=\"346\" \/>\n<div class=\"image-desc\">The copied text layer appears upside down in front of the original text.<\/div>\n<h4>Step 10: Drag The Copied Text Below The Original<\/h4>\n<p>Select the <strong>Move Too<\/strong>l from the Tools palette, 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\/text-reflection\/photoshop-move-tool.gif\" alt=\"Selecting the Move Tool in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"67\" height=\"136\" \/>\n<div class=\"image-desc\">Select the Move Tool.<\/div>\n<p>Then, with the copied text layer still selected in the Layers palette (selected layers are highlighted in blue), hold down your <strong>Shift<\/strong> key, then click inside the document and drag the copied, upside down text below the original text. Holding the Shift key as you drag makes it easier to drag the text straight down, since it prevents you from accidentally moving left or right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/drag-text-down.gif\" alt=\"Dragging the copied text down below the original text. Image &copy; 2009 Photoshop Essentials.com\" width=\"650\" height=\"345\" \/>\n<div class=\"image-desc\">Drag the copied text down until it's just below the original.<\/div>\n<h4>Step 11: Add A Layer Mask To The Flipped Text<\/h4>\n<p>At this point, all that's left to do in creating our reflection effect is to make our upside-down text fade from top to bottom into transparency. For that, we'll use a <strong><a href=\"\/basics\/layers\/layer-masks\/\">layer mask<\/a><\/strong>. To add a layer mask to our copied text layer, make sure you still have the copied text layer selected, then simply click on the <strong>Layer Mask<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/add-layer-mask.gif\" alt=\"Clicking the Add Layer Mask icon in the Layers palette in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"331\" height=\"255\" \/>\n<div class=\"image-desc\">Click on the Layer Mask icon at the bottom of the Layers palette.<\/div>\n<p>Nothing will happen in the document, but you'll notice that a small white rectangle has appeared on the right of the text layer in the Layers palette. This is the layer mask <strong>preview thumbnail<\/strong>, letting us know that we now have a layer mask on this layer, even though we haven't actually done anything with it yet:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/layer-mask-preview-thumbnail.gif\" alt=\"The layer mask preview thumbnail in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"370\" height=\"249\" \/>\n<div class=\"image-desc\">A layer mask preview thumbnail appears on the copied text layer in the Layers palette.<\/div>\n<h4>Step 12: Select The Gradient Tool<\/h4>\n<p>To make the text on this layer fade into transparency, we need to draw a black-to-white gradient on our layer mask (for more information on how layer masks work, be sure to check out our complete <a href=\"\/basics\/layers\/layer-masks\/\"><strong>Understanding Layer Masks<\/strong><\/a> tutorial in the <strong><a href=\"\/basics\/\">Photoshop Basics<\/a><\/strong> section of the website). To draw a gradient, we'll need to use Photoshop's <strong>Gradient Tool<\/strong>, so either select it from the Tools palette or simply press the letter <strong>G<\/strong> on your keyboard to select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-gradient-tool.gif\" alt=\"Selecting the Gradient Tool in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"66\" height=\"101\" \/>\n<div class=\"image-desc\">Select the Gradient Tool.<\/div>\n<p>With the Gradient Tool selected, you'll see that the Options Bar at the top of the screen has changed to show you options specifically for the Gradient Tool. Over on the left of the Options Bar, you'll see a<strong> gradient preview area<\/strong> showing you the currently selected gradient. In my case, it's already showing the black to white gradient that I need. If yours is also showing the black to white gradient, you can skip this step. If you're seeing different colors in your preview area, click directly on the preview area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/gradient-tool-options.gif\" alt=\"The Gradient Tool options in the Options Bar in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"560\" height=\"47\" \/>\n<div class=\"image-desc\">Click on the gradient preview area in the Options Bar.<\/div>\n<p>This brings up Photoshop's <strong>Gradient Editor<\/strong>, which shows us a collection of gradients that we can choose from. The one we want is the <strong>black to white gradient<\/strong>, third from the left, top row. Click on it to select it, then click <strong>OK<\/strong> in the top right corner of the dialog box to exit out of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-gradient-editor.gif\" alt=\"The Gradient Editor in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"466\" height=\"210\" \/>\n<div class=\"image-desc\">Select the black to white gradient from the Gradient Editor.<\/div>\n<h4>Step 13: Draw A Vertical Gradient From Bottom To Top Along The Upside Down Text<\/h4>\n<p>With the Gradient Tool and the black to white gradient selected, all we need to do now is draw a vertical gradient along our upside down text. First, make sure you have the layer mask selected, not the layer itself. You should see a <strong>white highlight border<\/strong> around the layer mask thumbnail in the Layers palette which tells us that the layer mask is selected. Click on the layer mask preview thumbnail to select it if you don't see the highlight border around it.<\/p>\n<p>To draw the gradient, click inside the document roughly 3\/4 of the way down towards the bottom of the upside down text. Then hold down your <strong>Shift<\/strong> key and drag up to the point where the upside down text meets the original text. Holding the Shift key as you drag prevents you from moving left or right as you drag upward:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/draw-gradient.gif\" alt=\"Drawing a gradient on the layer mask in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"650\" height=\"345\" \/>\n<div class=\"image-desc\">Click and drag a black to white gradient vertically along the upside down text.<\/div>\n<p>Release your mouse button when you're done, which is when Photoshop actually draws the gradient, and you'll see that the upside down text now fades away as you move further down towards the bottom of the letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-reflection.gif\" alt=\"The bottom text now fades into transparency. Image &copy; 2009 Photoshop Essentials.com\" width=\"650\" height=\"345\" \/>\n<div class=\"image-desc\">The bottom text now fades into transparency after drawing the gradient on the layer mask.<\/div>\n<p>Since we drew the black to white gradient on the layer mask, we can't actually see it in the document, but we <em>can<\/em> see it if we look at the layer mask preview thumbnail in the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/layer-mask-gradient.gif\" alt=\"The layer mask preview thumbnail showing the black to white gradient. Image &copy; 2009 Photoshop Essentials.com\" width=\"370\" height=\"249\" \/>\n<div class=\"image-desc\">The layer mask preview thumbnail shows the actual black to white gradient.<\/div>\n<h4>Step 14: Adjust the Opacity Of The Layer To Fine Tune The Effect<\/h4>\n<p>If you want your text reflection to appear a little more faded, simply go up to the <strong>Opacity<\/strong> option in the top right corner of the Layers palette and lower the opacity of the layer. I'm going to lower mine down to <strong>50%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-layer-opacity.gif\" alt=\"The layer opacity option in the Layers palette in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"370\" height=\"249\" \/>\n<div class=\"image-desc\">Lower the opacity of the layer to fade the reflection even more.<\/div>\n<p>Here, after lowering the opacity, is my final text reflection effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/text-reflection\/photoshop-text-reflection.jpg\" alt=\"A text reflection effect in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"650\" height=\"352\" \/>\n<div class=\"image-desc\">The final text reflection effect.<\/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<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 make a simple text reflection effect in Photoshop.<\/p>\n","protected":false},"author":1,"featured_media":488,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-487","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>Text Reflection Effect in Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop tutorial, learn how to create a simple reflective surface effect for your text!\" \/>\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\/text-reflection\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Text Reflection Effect in Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop tutorial, learn how to create a simple reflective surface effect for your text!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/\" \/>\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-02T23:13:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T16:13:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/textreflect80j.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=\"11 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\\\/text-reflection\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Text Reflection Effect in Photoshop\",\"datePublished\":\"2012-10-02T23:13:12+00:00\",\"dateModified\":\"2019-04-13T16:13:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/\"},\"wordCount\":2116,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/textreflect80j.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/\",\"name\":\"Text Reflection Effect in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/textreflect80j.jpg\",\"datePublished\":\"2012-10-02T23:13:12+00:00\",\"dateModified\":\"2019-04-13T16:13:22+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop tutorial, learn how to create a simple reflective surface effect for your text!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/textreflect80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/textreflect80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Text Reflection Effect in Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/text-reflection\\\/#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\":\"Text Reflection Effect\"}]},{\"@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":"Text Reflection Effect in Photoshop","description":"In this Photoshop tutorial, learn how to create a simple reflective surface effect for your text!","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\/text-reflection\/","og_locale":"en_US","og_type":"article","og_title":"Text Reflection Effect in Photoshop","og_description":"In this Photoshop tutorial, learn how to create a simple reflective surface effect for your text!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T23:13:12+00:00","article_modified_time":"2019-04-13T16:13:22+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/textreflect80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Text Reflection Effect in Photoshop","datePublished":"2012-10-02T23:13:12+00:00","dateModified":"2019-04-13T16:13:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/"},"wordCount":2116,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/textreflect80j.jpg","articleSection":["Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/","name":"Text Reflection Effect in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/textreflect80j.jpg","datePublished":"2012-10-02T23:13:12+00:00","dateModified":"2019-04-13T16:13:22+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop tutorial, learn how to create a simple reflective surface effect for your text!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/textreflect80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/textreflect80j.jpg","width":"80","height":"80","caption":"Text Reflection Effect in Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/text-reflection\/#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":"Text Reflection Effect"}]},{"@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\/487","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=487"}],"version-history":[{"count":20,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/487\/revisions"}],"predecessor-version":[{"id":27344,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/487\/revisions\/27344"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/488"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}