{"id":10656,"date":"2016-11-21T03:25:13","date_gmt":"2016-11-21T08:25:13","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=10656"},"modified":"2022-11-02T10:36:46","modified_gmt":"2022-11-02T14:36:46","slug":"add-a-rainbow-to-a-photo-with-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/","title":{"rendered":"Add A Rainbow To A Photo With Photoshop"},"content":{"rendered":"<section class=\"summary-novideo\">\n<p>Learn step-by-step how to easily brighten those stormy skies in your photos by adding a rainbow with Photoshop!<\/p>\n<\/section>\n<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<section>\n<p><strong>Version note:<\/strong> This tutorial is for Photoshop CC 2019 or earlier. Photoshop CC 2020 (and later) users will want to check out the <a href=\"\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/\" title=\"View updated tutorial\">updated version<\/a>.<\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, we'll learn <strong>how to add a rainbow to a photo<\/strong>! As we'll see, drawing a rainbow in Photoshop is actually easier than you might think. That's because Photoshop includes a built-in,  ready-made rainbow gradient for us to use! All we need to know is where to find it and how to draw it using Photoshop's Gradient Tool.<\/p>\n<p>On its own, the rainbow gradient doesn't look very realistic, but that's okay. It still gives us a great starting point. Once we've drawn the initial gradient, we'll learn how to combine it with a Smart Filter and a layer mask to blend the rainbow in perfectly with the image.<\/p>\n<p>As with most photo effects, it helps if we start with the right type of image. Since we'll be adding a rainbow, a photo taken outdoors would be a good choice. If it happens to be a landscape photo with some storm clouds in the background, even better.<\/p>\n<p>I'll be using <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop CC\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a> but everything we'll be learning is also compatible with <strong>Photoshop CS6<\/strong>. Please note that Photoshop CC 2020 and later users will want to check out the <a href=\"\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/\" title=\"View updated tutorial\">updated version<\/a>.<\/p>\n<p>Here's the image I'll be using (<a href=\"https:\/\/prf.hn\/l\/20Pa4Vw\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">landscape photo<\/a> from Adobe Stock<\/a>:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/original.jpg\" alt=\"Image 120595119 licensed from Adobe Stock.\" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The original image. Credit: Adobe Stock.<\/div>\n<p>And here's how it will look after adding the rainbow. At the end of the tutorial, we'll learn how we can customize the appearance of the rainbow even further, but this is the general effect we'll be learning how to create:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-rainbow.jpg\" alt=\"An oil painting created with the Oil Paint filter in Photoshop CC. \" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The final effect.<\/div>\n<\/section>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<aside>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<\/aside>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">How To Add A Rainbow To A Photo<\/h2>\n<h3>Step 1: Add A New Layer<\/h3>\n<p>The first step in creating our rainbow is to add a new layer. This will allow us to keep the rainbow and the image separate from each other. If we look in the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>, we see the original image sitting on the <a href=\"\/basics\/background-layer-photoshop-cc\/\">Background layer<\/a>, currently the only layer in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-layers-panel.png\" alt=\"The Layers panel showing the photo on the Background layer. \" width=\"286\" height=\"290\" \/>\n<div class=\"image-desc\">The Layers panel showing the photo on the Background layer.<\/div>\n<p>Let's add a new layer. We'll also name the layer at the same time. To do that, press and hold your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key as you click 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\/photo-effects\/cc\/rainbow\/photoshop-cc-new-layer.png\" alt=\"Clicking the New Layer icon in the Layers panel. \" width=\"279\" height=\"290\" \/>\n<div class=\"image-desc\">Clicking the New Layer icon while holding Alt (Win) \/ Option (Mac).<\/div>\n<p>This opens Photoshop's New Layer dialog box. Name the layer \"Rainbow\", then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-name-new-layer.png\" alt=\"Naming the new layer in the New Layer dialog box. \" width=\"440\" height=\"192\" \/>\n<div class=\"image-desc\">Naming the new layer.<\/div>\n<p>If we look again in the Layers panel, we see our new \"Rainbow\" layer sitting above the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-new-rainbow-layer.png\" alt=\"The new Rainbow layer has been added to the document. \" width=\"277\" height=\"226\" \/>\n<div class=\"image-desc\">The new &quot;Rainbow&quot; layer has been added to the document.<\/div>\n<h3>Step 2: Select The Gradient Tool<\/h3>\n<p>Select the <strong>Gradient Tool<\/strong> from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-select-gradient-tool.png\" alt=\"Selecting the Gradient Tool. \" width=\"78\" height=\"189\" \/>\n<div class=\"image-desc\">Selecting the Gradient Tool.<\/div>\n<h3>Step 3: Open The Gradient Picker<\/h3>\n<p>With the Gradient Tool selected, click on the small, down-pointing <strong>arrow<\/strong> directly to the right of the gradient <strong>preview thumbnail<\/strong> in the Options Bar along the top of the screen. This will open Photoshop's <strong>Gradient Picker<\/strong>. Don't click on the thumbnail itself. If you do, you'll open the larger Gradient Editor. We just need the Gradient Picker, so be sure to click on the arrow, not the thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-open-gradient-picker.png\" alt=\"Clicking the arrow to the right of the gradient preview thumbnail. \" width=\"371\" height=\"110\" \/>\n<div class=\"image-desc\">Clicking the arrow to the right of the gradient preview thumbnail.<\/div>\n<h3>Step 4: Load The Special Effects Gradients<\/h3>\n<p>When the Gradient Picker opens, you'll see small thumbnails of the various gradients we can choose from. If you haven't yet loaded any other gradients, you'll see only the default set. The rainbow gradient we need is not part of this default set, but it <em>is<\/em> included with Photoshop. It's found in the <strong>Special Effects<\/strong> gradient set. All we need to do is load the Special Effects set into Photoshop.<\/p>\n<p>To do that, click the <strong>gear icon<\/strong> in the top right corner of the Gradient Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-gradient-picker-gear-icon.png\" alt=\"Clicking the gear icon in the Gradient Editor. \" width=\"278\" height=\"177\" \/>\n<div class=\"image-desc\">Clicking the gear icon.<\/div>\n<p>This opens a menu with various gradient-related options. At the bottom of the menu is a list of additional gradient sets. Choose the <strong>Special Effects<\/strong> set:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-load-special-effects-gradients.png\" alt=\"Selecting the Special Effects gradient set. \" width=\"187\" height=\"206\" \/>\n<div class=\"image-desc\">Selecting the Special Effects gradient set.<\/div>\n<p>Photoshop will ask if you want to replace the current gradients with the new ones or simply append the new ones to the list. We'll need one of the original, default gradients a bit later on, so click <strong>Append<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-append-gradients.png\" alt=\"Clicking the Append button. \" width=\"442\" height=\"163\" \/>\n<div class=\"image-desc\">Clicking the Append option.<\/div>\n<h3>Step 5: Select The Russell's Rainbow Gradient<\/h3>\n<p>Back in the Gradient Picker, select the <strong>Russell's Rainbow<\/strong> gradient. It should be the last thumbnail in the list. If you have Tool Tips enabled in Photoshop's Preferences (they're enabled by default), you'll see the name of the gradient appear when you hover your mouse cursor over its thumbnail. Double-click the thumbnail to both select the Russell's Rainbow gradient and close the Gradient Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-select-russells-rainbow-gradient.png\" alt=\"Selecting the Russell's Rainbow gradient in the Gradient Picker. \" width=\"272\" height=\"163\" \/>\n<div class=\"image-desc\">Selecting the Russell's Rainbow gradient.<\/div>\n<p>If you're curious to see what the Russell's Rainbow gradient looks like, click on the gradient's <strong>preview thumbnail<\/strong> in the Options Bar. This time, you want to click the thumbnail itself, not the arrow beside it that we clicked on earlier:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-open-gradient-editor.png\" alt=\"Clicking the gradient preview thumbnail in the Options Bar. \" width=\"320\" height=\"119\" \/>\n<div class=\"image-desc\">Clicking the gradient preview thumbnail in the Options Bar.<\/div>\n<p>This opens the <strong><a href=\"\/basics\/how-to-use-the-gradient-editor-in-photoshop\/\">Gradient Editor<\/a><\/strong>. The currently-selected gradient appears in the large horizontal bar in the bottom half of the editor. Notice that most of the Russell's Rainbow gradient is completely transparent. The colors for the rainbow appear only near the far right edge:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-russells-rainbow-gradient.png\" alt=\"The Gradient Editor showing us what the Russell's Rainbow gradient looks like. \" width=\"451\" height=\"304\" \/>\n<div class=\"image-desc\">The Gradient Editor showing us what the Russell's Rainbow gradient looks like.<\/div>\n<p>We don't want to actually edit the gradient, so click the <strong>Cancel<\/strong> button to close the Gradient Editor without making any changes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-gradient-editor-cancel.png\" alt=\"Clicking the Cancel button to close the Gradient Editor. \" width=\"453\" height=\"193\" \/>\n<div class=\"image-desc\">Clicking Cancel to close the Gradient Editor.<\/div>\n<h3>Step 6: Set The Gradient Style To &quot;Radial&quot;<\/h3>\n<p>By default, Photoshop draws gradients in a straight line, known as <em>linear<\/em> style. To draw a rainbow, we need to tell Photoshop to draw a round (<em>radial<\/em>) gradient instead.<\/p>\n<p>If you look directly to the right of the gradient preview thumbnail in the Options Bar, you'll see a series of five icons. Each icon selects a different <strong>gradient style<\/strong>. From left to right, we have Linear, Radial, Angle, Reflected, and Diamond. To draw a round gradient, select the <strong>Radial<\/strong> icon (second from the left):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-cc-radial-gradient-style.png\" alt=\"Selecting the Radial gradient icon in the Options Bar. \" width=\"391\" height=\"106\" \/>\n<div class=\"image-desc\">Selecting the Radial gradient style icon in the Options Bar.<\/div>\n<h3>Step 7: Draw The Rainbow Gradient<\/h3>\n<p>Drawing a radial gradient with Photoshop's Gradient Tool is a two-step process. First, we click somewhere on the image to set a starting point. This point will become the <strong>center<\/strong> of the gradient. Then, with our mouse button still held down, we drag away from the starting, center point to set the <strong>size<\/strong> of the gradient. The further we drag, the larger the gradient will appear.<\/p>\n<p>Even though drawing a gradient in Photoshop is very simple, this is actually the trickiest part when it comes to adding a rainbow to an image. That's because the size and position of the rainbow will depend entirely on where, and how far, you've dragged.<\/p>\n<p>To show you what I mean, I'll click on a random spot in the image to set my starting, center point. Then, with my mouse button still held down, I'll drag a short distance away from that spot. Since we're drawing a round gradient, the actual direction in which you drag makes no difference:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/drawing-example-gradient.jpg\" alt=\"Drawing an initial gradient. \" width=\"641\" height=\"440\" \/>\n<div class=\"image-desc\">Clicking to set a center point for the gradient, then dragging away to set the size.<\/div>\n<p>At first, we see only a thin outline showing us where we clicked and where we've dragged. When we release our mouse button, that's when Photoshop actually draws the gradient, and here, we see the result. The good news is, I've drawn a round, rainbow gradient. The bad news? It's too small, and it's not where I want the rainbow to appear:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/example-gradient-1.jpg\" alt=\"The first rainbow gradient is too small and in the wrong location. \" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The first gradient is too small, and it's in the wrong spot.<\/div>\n<p>Since that's not what I wanted, I'll undo the gradient by going up to the <strong>Edit<\/strong> menu at the top of the screen and choosing <strong>Undo Gradient<\/strong>. Or, I could undo it using the keyboard shortcut, <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac). Either way works, but since you'll most likely need to undo your gradient several times before getting it right, the keyboard shortcut is really your friend:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-edit-undo-gradient.png\" alt=\"Choosing Undo Gradient from under the Edit menu. \" width=\"257\" height=\"130\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Undo Gradient.<\/div>\n<p>Every image will be different, but what I want for this particular image is for the rainbow to arc over top of the trees. I'll start by clicking below the larger of the two trees to set the center point of the gradient. Then, with my mouse button held down, I'll drag away from the center point and up into the clouds:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-draw-rainbow-gradient.jpg\" alt=\"Drawing a larger gradient, this time starting below the tree. \" width=\"641\" height=\"440\" \/>\n<div class=\"image-desc\">Drawing a larger gradient, this time starting below the tree.<\/div>\n<p>I'll release my mouse button to let Photoshop draw the gradient, and this time, I get a much better result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-rainbow-gradient.jpg\" alt=\"The rainbow now appears at the size and location I wanted. \" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The rainbow now appears at the size and location I wanted.<\/div>\n<h3>Step 8: Change The Layer Blend Mode To \"Screen\"<\/h3>\n<p>So far, so good. We have the rainbow gradient in place. Of course, it's not looking very realistic at the moment. One of the problems is that the gradient looks like it's just sitting in front of the photo. We need to blend it in with the image, and we can do that  by changing the \"Rainbow\" layer's <a href=\"\/photo-editing\/layer-blend-modes\/intro\/\">blend mode<\/a>.<\/p>\n<p>You'll find the <strong>Blend Mode<\/strong> option in the upper left of the Layers panel. By default, the blend mode is set to Normal. Click on the word &quot;Normal&quot; to bring up a list of other blend modes and choose <strong>Screen<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-screen-layer-blend-mode.png\" alt=\"The rainbow now appears at the size and location I wanted. \" width=\"295\" height=\"252\" \/>\n<div class=\"image-desc\">Changing the \"Rainbow\" layer's blend mode to Screen.<\/div>\n<p>Here's the result after changing the blend mode to <a href=\"\/photo-editing\/layer-blend-modes\/screen\/\">Screen<\/a>. The rainbow is now blending in better with the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-rainbow-screen-blend-mode.jpg\" alt=\"The result after changing the blend mode to Screen. \" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The result after changing the blend mode to Screen.<\/div>\n<h3>Step 9: Convert The Layer Into A Smart Object<\/h3>\n<p>Another problem with the rainbow is that the transitions from one color to the next are too well-defined. We need to soften them, and we can do that by blurring the gradient.<\/p>\n<p>We'll blur it using Photoshop's Gaussian Blur filter. But before we do, let's convert the \"Rainbow\" layer into a <strong><a href=\"\/basics\/scale-resize-images-smart-objects-photoshop\/\">Smart Object<\/a><\/strong>. That way, the Gaussian Blur filter will be applied as a <strong>Smart Filter<\/strong>, allowing us to go back and change the settings if we need to.<\/p>\n<p>To convert the \"Rainbow\" layer into a Smart Object, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) on the layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/right-click-rainbow-layer.png\" alt=\"Right-clicking (Win) \/ Control-clicking (Mac) on the Rainbow layer. \" width=\"278\" height=\"192\" \/>\n<div class=\"image-desc\">Right-clicking (Win) \/ Control-clicking (Mac) on the \"Rainbow\" layer.<\/div>\n<p>Then choose <strong>Convert to Smart Object<\/strong> from the menu that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-convert-to-smart-object.png\" alt=\"Choosing the Convert to Smat Object command. \" width=\"282\" height=\"137\" \/>\n<div class=\"image-desc\">Choosing the \"Convert to Smart Object\" command.<\/div>\n<p>It won't seem like anything has happened, but if we look again in the Layers panel, we now see a small <strong>Smart Object icon<\/strong> in the lower right corner of the \"Rainbow\" layer's <strong>preview thumbnail<\/strong>. This is how Photoshop lets us know that the layer has been converted into a Smart Object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-smart-object-icon.png\" alt=\"The Layers panel showing the Smart Object icon. \" width=\"278\" height=\"198\" \/>\n<div class=\"image-desc\">The Layers panel showing the Smart Object icon.<\/div>\n<h3>Step 10: Apply The Gaussian Blur Filter<\/h3>\n<p>Now that we've converted the layer into a Smart Object, let's apply our filter. Go up to the <strong>Filter<\/strong> menu at the top of the screen, choose <strong>Blur<\/strong>, then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-select-gaussian-blur.png\" alt=\"Selecting the Gaussian Blur filter. \" width=\"407\" height=\"202\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>This opens the Gaussian Blur dialog box. Keep an eye on your image as you drag the <strong>Radius slider<\/strong> along the bottom of the dialog box towards the right. The further you drag, the more blurring you'll apply to the rainbow and the softer the transitions between the colors will appear.<\/p>\n<p>The amount of blurring you need will depend mostly on the size of your image, so there's no specific value to enter here. I'm working with a fairly large image, so in my case, a Radius value of around <strong>50 pixels<\/strong> works well. A different value may work better for your image depending on its size and the overall look you're going for:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-gaussian-blur-filter.png\" alt=\"The Gaussian Blur filter dialog box. \" width=\"325\" height=\"340\" \/>\n<div class=\"image-desc\">The Gaussian Blur filter dialog box.<\/div>\n<p>When you're happy with the effect, click OK to close out of the dialog box. Here's my result after blurring the gradient:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-rainbow-gaussian-blur.jpg\" alt=\"The result after applying the Gaussian Blur filter to the rainbow gradient. \" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The result after applying the Gaussian Blur filter.<\/div>\n<p>Since we applied the Gaussian Blur filter not to a normal layer but to a Smart Object, it was automatically converted into a Smart Filter. We can see &quot;Gaussian Blur&quot; listed as a Smart Filter below the &quot;Rainbow&quot; layer in the Layers panel. <\/p>\n<p>The main benefit of using Smart Filters over regular filters in Photoshop is that even though we've already applied the filter, we can always go back and change its settings. If you want to try a different Radius value,  double-click on the words \"Gaussian Blur\" to re-open the filter's dialog box and try again. You can do this as many times as you like with no loss in image quality:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-gaussian-blur-smart-filter.png\" alt=\"Smart Filters can be re-opened at any time just by clicking on them. \" width=\"277\" height=\"279\" \/>\n<div class=\"image-desc\">Smart Filters can be re-opened at any time just by double-clicking on them.<\/div>\n<h3>Step 11: Add A Layer Mask<\/h3>\n<p>The one remaining problem with the rainbow, at least with my image, is that the bottom of it extends all the way to the bottom of the photo and across the ground. We need a way to hide the bottom part of the gradient so that the rainbow only appears in the sky. We can do that using a <a href=\"\/basics\/layers\/layer-masks\/\">layer mask<\/a>.<\/p>\n<p>To add a layer mask, click the <strong>Layer Mask<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-add-layer-mask-icon.png\" alt=\"Clicking the Layer Mask icon. \" width=\"278\" height=\"261\" \/>\n<div class=\"image-desc\">Clicking the Layer Mask icon.<\/div>\n<p>Again, nothing will seem to have happened, but we can now see a white-filled <strong>layer mask thumbnail<\/strong> to the right of the \"Rainbow\" layer's preview thumbnail. Notice that the layer mask thumbnail has a white <strong>highlight border<\/strong> around it. This tells us that the layer mask, not the layer itself, is now selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-layer-mask-thumbnail.png\" alt=\"A layer maks thumbnail appears on the Rainbow layer. \" width=\"276\" height=\"273\" \/>\n<div class=\"image-desc\">A layer mask thumbnail appears on the \"Rainbow\" layer.<\/div>\n<h3>Step 12: Set Your Foreground Color To Black<\/h3>\n<p>In a moment, we're going to use Photoshop's <strong>Foreground to Transparent<\/strong> gradient to hide the parts of the rainbow  we don't want to see. But for it to work, we first need to make sure that our <strong>Foreground color<\/strong> is set to <strong>black<\/strong>.<\/p>\n<p>We can see Photoshop's current Foreground and Background colors in the two <strong>color swatches<\/strong> near the bottom of the Tools panel. The swatch in the upper left is the current Foreground color. If it's not set to black, press the letter <strong>D<\/strong> on your keyboard to quickly reset the Foreground and Background colors to their defaults. This will set the Foreground color to white and the Background color to black. Then, press the letter <strong>X<\/strong> on your keyboard to swap the colors, making the Foreground color black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-foreground-background-colors.png\" alt=\"The Foreground color is set to black. \" width=\"69\" height=\"200\" \/>\n<div class=\"image-desc\">The Foreground color (upper left swatch) should be set to black.<\/div>\n<h3>Step 13: Select The \"Foreground to Transparent\" Gradient<\/h3>\n<p>With the Foreground color set to black, go back up to the Options Bar along the top of the screen and click once again on the small <strong>arrow<\/strong> directly to the right of the <strong>gradient preview thumbnail<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-reopen-gradient-picker.png\" alt=\"Clicking the arrow beside the gradient preview thumbnail. \" width=\"367\" height=\"107\" \/>\n<div class=\"image-desc\">Clicking again on the arrow beside the gradient preview thumbnail.<\/div>\n<p>This re-opens the Gradient Picker. This time, choose the <strong>Foreground to Transparent<\/strong> gradient by double-clicking on its thumbnail (second from the left, top row):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-foreground-to-transparent-gradient.png\" alt=\"Double-clicking on the Foreground to Transparent gradient. \" width=\"272\" height=\"173\" \/>\n<div class=\"image-desc\">Double-clicking on the &quot;Foreground to Transparent&quot; gradient.<\/div>\n<h3>Step 14: Set The Gradient Style To \"Linear\"<\/h3>\n<p>Rather than drawing another radial gradient like we did for the rainbow, this time we'll need to draw a linear gradient. To switch from radial to linear, click on the <strong>Linear<\/strong> gradient style icon in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-linear-gradient-style.png\" alt=\"Clicking the Linear gradient style icon in the Options Bar. \" width=\"368\" height=\"109\" \/>\n<div class=\"image-desc\">Clicking the Linear gradient style icon.<\/div>\n<h3>Step 15: Draw A Gradient On The Layer Mask<\/h3>\n<p>With the Foreground to Transparent gradient selected, black as our Foreground color and the gradient style set to Linear, all we need to do to hide the part of the rainbow that's visible below the sky is draw a gradient from the horizon line up to the top of the rainbow.<\/p>\n<p>I'll start by clicking anywhere just below the sky. Then, I'll press and hold my <strong>Shift<\/strong> key and drag straight up, almost to the very top of the rainbow. Holding the Shift key as you drag limits the angles in which you can drag, making it easier to move straight up vertically:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-draw-linear-gradient.jpg\" alt=\"Drawing a gradient from the group up to near the top of the rainbow. \" width=\"641\" height=\"440\" \/>\n<div class=\"image-desc\">Dragging from the ground up to the top of the rainbow.<\/div>\n<p>I'll release my mouse button, then the Shift key, so  Photoshop can draw the gradient on the layer mask, and here's the result. The bottom part of the rainbow (the part that was extending into the ground) has disappeared completely from view. The rainbow then gradually comes into view and increases in brightness as we move from the horizon line up to the top of the rainbow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-rainbow.jpg\" alt=\"The rainbow now appears only in the sky. \" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The rainbow now appears only in the sky, increasing in brightness the higher up it goes.<\/div>\n<p>If we look at the layer mask thumbnail in the Layers panel, we can see the gradient that we've drawn. The black area on the bottom is the area where the rainbow is now completely hidden. The white area at the very top is where the rainbow is 100% visible. The dark to light area in between is where the rainbow gradually comes into view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/layer-mask-gradient.png\" alt=\"The layer mask thumbnail showing the gradient. \" width=\"277\" height=\"271\" \/>\n<div class=\"image-desc\">The layer mask thumbnail showing the gradient.<\/div>\n<p><strong>Learn more:<\/strong> <a href=\"\/basics\/layers\/layer-masks\/\">Understanding Layer Masks In Photoshop<\/a><\/p>\n<h3>Step 16: Hide Additional Areas Of The Rainbow (Optional)<\/h3>\n<p>You may be wondering why I chose the Foreground to Transparent gradient here rather than Photoshop's standard Black to White gradient. The reason is that the Foreground to Transparent gradient gives us the freedom to hide other parts of the rainbow as well, if we need to. <\/p>\n<p>For example, if my image contained more clouds in the sky above the trees, and I wanted the rainbow to look like it's disappearing into the clouds, all I would need to do is draw another Foreground to Transparent gradient on the layer mask from the top of the rainbow downward:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/drag-gradient-top-down.jpg\" alt=\"Drawing a second Foreground to Transparent gradient on the layer mask. \" width=\"642\" height=\"347\" \/>\n<div class=\"image-desc\">Drawing a second Foreground to Transparent gradient, this time to hide the top of the rainbow.<\/div>\n<p>When I release my mouse button, Photoshop draws the second gradient, and now the top of the rainbow disappears. Notice that the bottom is also still hidden. Drawing the second gradient did not overwrite the first one like it would have if I had drawn a Black to White gradient. Instead, the second gradient was simply added to the first:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/top-of-rainbow-hidden.jpg\" alt=\"The top of the rainbow disappears, while the bottom also remains hidden. \" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The top of the rainbow disappears, while the bottom also remains hidden.<\/div>\n<p>We can see this more clearly if we look again at the layer mask thumbnail. The bottom is still filled with black, but now, so is the very top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/layer-mask-thumbnail-two-gradients.png\" alt=\"The layer mask thumbnail showing the two combined gradients. \" width=\"277\" height=\"274\" \/>\n<div class=\"image-desc\">The layer mask thumbnail showing the two combined gradients.<\/div>\n<p>Of course, there are no clouds above the trees in this image, so I'll undo that second gradient by going up to the <strong>Edit<\/strong> menu and choosing <strong>Undo Gradient<\/strong>, or by pressing <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on my keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-edit-undo-gradient.png\" alt=\"Choosing Undo Gradient from under the Edit menu. \" width=\"257\" height=\"130\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Undo Gradient.<\/div>\n<p>We could also hide part of the rainbow from the side. I'll draw a Foreground to Transparent gradient on the layer mask from the right edge of the rainbow in towards the center:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/draw-gradient-right-to-left.jpg\" alt=\"Drawing another Foreground to Transparent gradient from the right. \" width=\"502\" height=\"458\" \/>\n<div class=\"image-desc\">Drawing a Foreground to Transparent gradient from the right.<\/div>\n<p>I'll release my mouse button, and now the rainbow appears to fade away as it moves across the sky:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/rainbow-right-side-hidden.jpg\" alt=\"The gradient now appears to fade away towards the right. \" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The gradient now appears to fade away towards the right.<\/div>\n<p>Again, this isn't really the effect I'm going for with this image. I'm just showing some examples here of why the Foreground to Transparent gradient can be a better choice over the standard Black to White gradient when adding a rainbow. I'll quickly undo my second gradient by pressing <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on my keyboard.<\/p>\n<h3>Before And After<\/h3>\n<p>Finally, since we've drawn our rainbow on its own separate layer, we can easily do a \"before and after\" comparison. To view your original image without the rainbow, simply click the \"Rainbow\" layer's <strong>visibility icon<\/strong> (the little eyeball)  in the Layers panel to temporarily turn the layer off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-layer-visibility-icon.png\" alt=\"Click the visibility icon to toggle the Rainbow layer on and off. \" width=\"298\" height=\"273\" \/>\n<div class=\"image-desc\">Click the visibility icon to toggle the rainbow on and off.<\/div>\n<p>With the layer turned off, the rainbow disappears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/original.jpg\" alt=\"Image 120595119 licensed from Adobe Stock.\" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The original image returns.<\/div>\n<p>Click the same visibility icon again (the empty square where the eyeball used to be) to turn the \"Rainbow\" layer back on and view your final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rainbow\/photoshop-rainbow.jpg\" alt=\"A rainbow added to an image in Photoshop.\" width=\"643\" height=\"442\" \/>\n<div class=\"image-desc\">The final rainbow 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<p>And there we have it! That's how to easily add a rainbow to an image using nothing more than a couple of gradients, a filter and a layer mask in Photoshop! View more <a href=\"\/photo-effects\/\" title=\"Photoshop photo effects tutorials\">photo effects<\/a> tutorials.p><br \/>\n<\/section>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn step-by-step how to easily brighten the skies in your photos by adding a rainbow! For Photoshop CC 2019 and earlier.<\/p>\n","protected":false},"author":1,"featured_media":10667,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-10656","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-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>Add A Rainbow To A Photo With Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop Effects tutorial, learn how to easily add a rainbow to your photo! Step by step, perfect for beginners.\" \/>\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\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add A Rainbow To A Photo With Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop Effects tutorial, learn how to easily add a rainbow to your photo! Step by step, perfect for beginners.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-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=\"2016-11-21T08:25:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T14:36:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/11\/photoshop-rainbow-1.jpg\" \/>\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\/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=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Add A Rainbow To A Photo With Photoshop\",\"datePublished\":\"2016-11-21T08:25:13+00:00\",\"dateModified\":\"2022-11-02T14:36:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/\"},\"wordCount\":3464,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/photoshop-rainbow-1.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/\",\"name\":\"Add A Rainbow To A Photo With Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/photoshop-rainbow-1.jpg\",\"datePublished\":\"2016-11-21T08:25:13+00:00\",\"dateModified\":\"2022-11-02T14:36:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop Effects tutorial, learn how to easily add a rainbow to your photo! Step by step, perfect for beginners.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/photoshop-rainbow-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/photoshop-rainbow-1.jpg\",\"width\":250,\"height\":250,\"caption\":\"Add A Rainbow To A Photo With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-a-photo-with-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Add A Rainbow To A Photo 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":"Add A Rainbow To A Photo With Photoshop","description":"In this Photoshop Effects tutorial, learn how to easily add a rainbow to your photo! Step by step, perfect for beginners.","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\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Add A Rainbow To A Photo With Photoshop","og_description":"In this Photoshop Effects tutorial, learn how to easily add a rainbow to your photo! Step by step, perfect for beginners.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2016-11-21T08:25:13+00:00","article_modified_time":"2022-11-02T14:36:46+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/11\/photoshop-rainbow-1.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Add A Rainbow To A Photo With Photoshop","datePublished":"2016-11-21T08:25:13+00:00","dateModified":"2022-11-02T14:36:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/"},"wordCount":3464,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/11\/photoshop-rainbow-1.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/","name":"Add A Rainbow To A Photo With Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/11\/photoshop-rainbow-1.jpg","datePublished":"2016-11-21T08:25:13+00:00","dateModified":"2022-11-02T14:36:46+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop Effects tutorial, learn how to easily add a rainbow to your photo! Step by step, perfect for beginners.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/11\/photoshop-rainbow-1.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/11\/photoshop-rainbow-1.jpg","width":250,"height":250,"caption":"Add A Rainbow To A Photo With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Add A Rainbow To A Photo 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\/10656","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=10656"}],"version-history":[{"count":47,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10656\/revisions"}],"predecessor-version":[{"id":33584,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10656\/revisions\/33584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/10667"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=10656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=10656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=10656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}