{"id":362,"date":"2012-10-02T15:58:28","date_gmt":"2012-10-02T15:58:28","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=362"},"modified":"2020-05-17T12:24:43","modified_gmt":"2020-05-17T16:24:43","slug":"rainbow","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/","title":{"rendered":"Add A Realistic Rainbow To A Photo With Photoshop"},"content":{"rendered":"<aside><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><\/aside>\n<section>\n<p><strong>Version note:<\/strong> This tutorial is for Photoshop CS5. Using Photoshop CC 2020 or later? 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 <strong>Photoshop Effects tutorial<\/strong>, we'll learn how to easily add a rainbow, and even a double rainbow, to a photo! As we'll see, Photoshop ships with a ready-made rainbow gradient for us to use. We'll learn where to find it and how to load it in. We'll also learn how to flip the order of the colors in a gradient, which we'll need to do to create a more realistic double rainbow effect.<\/p>\n<p>Of course, as with most photo effects, it helps if you start with the right type of image. In this case, a photo taken outdoors is a good place to start. If it happens to be a landscape photo taken after a rain storm, even better!<\/p>\n<p>I'll be using Photoshop CS5. Please note that Photoshop CC 2020 (or 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 style=\"clear:both;\">Here's the photo I'll be starting with:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/original.jpg\" alt=\"The original photo. Image licensed from iStockphoto by Photoshop Essentials.com\" width=\"650\" height=\"451\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>Here's what the image will look like after adding a double rainbow:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-rainbow-effect.jpg\" alt=\"The final Photoshop double rainbow photo effect. \" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">The final rainbow effect.<\/div>\n<\/section>\n<aside> <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><\/aside>\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 Blank Layer <\/h3>\n<p>With the image newly opened in Photoshop, if we look  in the Layers panel, we  see that we currently have one layer, the Background layer, which contains our image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-background-layer.gif\" alt=\"The Layers panel in Photoshop showing the Background layer. .\" width=\"313\" height=\"225\" \/>\n<div class=\"image-desc\">The photo sits on the Background layer in the Layers panel.<\/div>\n<p>The first thing we need to do is add a new blank layer above the Background layer. To do that, click on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-new-layer-icon.gif\" alt=\"The New Layer icon in the Layers panel in Photoshop. \" width=\"313\" height=\"237\" \/>\n<div class=\"image-desc\">Click on the New Layer icon.<\/div>\n<p>Photoshop adds a new blank layer named &quot;Layer 1&quot; above the Background layer. Double-click directly on the name of the layer and change it to \"Rainbow\", since we'll be adding our initial rainbow to this layer. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the name change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/new-rainbow-layer.gif\" alt=\"The new Rainbow layer has been added to the Photoshop document. .\" width=\"313\" height=\"239\" \/>\n<div class=\"image-desc\">Rename the new layer \"Rainbow\".<\/div>\n<h3>Step 2: Select The Rainbow Gradient<\/h3>\n<p>As I mentioned, Photoshop  ships with a ready-made rainbow gradient for us to use. It's not one of the gradients that Photoshop makes available to us by default, but all we need to do is load it in manually. To do that, select the <strong>Gradient Tool<\/strong> from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-gradient-tool.gif\" alt=\"Photoshop Gradient Tool. .\" width=\"66\" height=\"149\" \/>\n<div class=\"image-desc\">Select the Gradient Tool.<\/div>\n<p>Then, with the Gradient Tool selected, click on the <strong>Gradient Picker<\/strong> in the Options Bar at the top of the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-gradient-picker.gif\" alt=\"The Gradient Picker in the Options Bar in Photoshop. .\" width=\"562\" height=\"66\" \/>\n<div class=\"image-desc\">Click on the Gradient Picker in the Options Bar.<\/div>\n<p>This opens Photoshop's <strong>Gradient Editor<\/strong> which shows us small thumbnails of the gradients we can choose from. By default, the rainbow gradient isn't one of them, so let's load it in. Click on the <strong>right-pointing arrow<\/strong> in the top right of the Gradient Editor:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-gradient-editor.gif\" alt=\"Photoshop Gradient Editor. .\" width=\"461\" height=\"238\" \/>\n<div class=\"image-desc\">Click on the small arrow.<\/div>\n<p>A list of additional gradient sets appears. The one we want is <strong>Special Effects<\/strong>. Select it from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-special-effects-gradients.gif\" alt=\"Selecting the Special Effects gradients in Photoshop. .\" width=\"188\" height=\"198\" \/>\n<div class=\"image-desc\">Select the \"Special Effects\" gradients.<\/div>\n<p>Photoshop will ask you if you want to replace the original gradients with the Special Effects gradients or simply append them to the bottom of the list. Click <strong>Append<\/strong> so you'll still have the original gradients available, and the new Special Effects ones will be added below them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/append-gradients.gif\" alt=\"Appending the new gradients. \" width=\"442\" height=\"161\" \/>\n<div class=\"image-desc\">Click \"Append\" to add the new \"Special Effects\" gradients in with the original gradients.<\/div>\n<p>With the new Special Effects gradients added, the one we want - <strong>Russell's Rainbow<\/strong> - is the last one at the bottom. If you have Photoshop's Tool Tips enabled in the Preferences (they're enabled by default), you'll see the name \"Russell's Rainbow\" appear when you hover your mouse over the gradient's thumbnail. Click on the thumbnail to select the gradient,  then click OK to exit out of the Gradient Editor:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/select-russells-rainbow.gif\" alt=\"Selecting the Russell's Rainbow gradient in Photoshop.\" width=\"461\" height=\"239\" \/>\n<div class=\"image-desc\">Click on the \"Russell's Rainbow\" thumbnail to select the gradient.<\/div>\n<h3>Step 3: Select \"Radial Gradient\" From The Options Bar<\/h3>\n<p>To make the rainbow gradient appear as an arc when we draw it, go back up to the Options Bar at the top of the screen and click on the <strong>Radial Gradient<\/strong> option:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/radial-gradient-option.gif\" alt=\"The Radial Gradient option in the Options Bar in Photoshop. .\" \/>\n<div class=\"image-desc\">Select \"Radial\" from the Options Bar.<\/div>\n<h3>Step 4: Drag Out A Rainbow With The Gradient Tool<\/h3>\n<p>To add the rainbow colors to the image, all we need to do is drag out a gradient. I want my rainbow to appear as if it's touching the ground behind the  group of trees on the left of my photo and then arching high above the larger tree on the right. To do that, I'll position my mouse almost at the  edge of the photo  near the bottom right corner, in line horizontally with the bottom of the trees on the left.  I'll click on that spot to set the starting point for my gradient, and with my mouse button still held down, I'll drag all the way across the image  to a point just beyond the left of the trees. Holding my <strong>Shift<\/strong> key down as I drag will limit the direction I can drag in, making it easy to drag horizontally:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/dragging-gradient.jpg\" alt=\"Dragging out a radial rainbow gradient in Photoshop. \" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">Dragging out a radial rainbow gradient from right to left in the image.<\/div>\n<p>When you release your mouse button, Photoshop draws the rainbow gradient. It doesn't look terribly realistic just yet, but it's a start:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/draw-rainbow.jpg\" alt=\"Photoshop rainbow gradient. \" width=\"650\" height=\"451\" \/>\n<div class=\"image-desc\">Photoshop draws the gradient when you release your mouse button.<\/div>\n<h3><span>Step 5:<\/span> Change The Blend Mode Of The Rainbow Layer To \"Screen\"<\/h3>\n<p>Go up to the <strong> <a href=\"\/photo-editing\/layer-blend-modes\/\">blend mode<\/a><\/strong> options in the top left of the Layers panel (it's the drop-down box set to &quot;Normal&quot; by default) and change the blend mode of the Rainbow layer to <strong>Screen<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/screen-blend-mode.gif\" alt=\"Photoshop Screen blend mode. \" width=\"330\" height=\"239\" \/>\n<div class=\"image-desc\">Change the blend mode of the rainbow layer to Screen.<\/div>\n<p>The colors of the rainbow will now  blend in better with the photo behind them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/rainbow-screen.jpg\" alt=\"The rainbow after changing the blend mode to Screen. \" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">The rainbow after changing its blend mode to Screen.<\/div>\n<h3>Step 6: Apply The Gaussian Blur Filter<\/h3>\n<p>Let's blur the colors of the rainbow together so it looks more realistic. Go up to the <strong>Filter <\/strong>menu in the Menu Bar 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\/rainbow\/new\/filter-blur-gaussian-blur.gif\" alt=\"Selecting the Gaussian Blur filter in Photoshop. .\" width=\"374\" height=\"190\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>This opens Photoshop's Gaussian Blur dialog box. Drag the <strong>Radius<\/strong> slider  at the bottom of the dialog box towards the right to increase the amount of blurring being applied to the rainbow, keeping an eye on the image as you drag the slider so you can see a preview of what's happening. Continue dragging the slider to the right until the transitions between the colors look more soft and natural. The actual Radius value you end up choosing will depend a lot on the size and resolution of your image. For me, a value of around <strong>50 pixels<\/strong> works well. Click OK when you're done to close out of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-gaussian-blur.jpg\" alt=\"Photoshop Gaussian Blur filter. .\" width=\"342\" height=\"346\" \/>\n<div class=\"image-desc\">Drag the Radius slider to soften the color transitions in the rainbow.<\/div>\n<p>Here's my image after applying the Gaussian Blur filter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/rainbow-blurred.jpg\" alt=\"The image after blurring the rainbow. \" width=\"650\" height=\"451\" \/>\n<div class=\"image-desc\">The rainbow now looks more realistic after applying the Gaussian Blur filter.<\/div>\n<h3>Step 7: Add A Layer Mask <\/h3>\n<p>Click on 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\/rainbow\/new\/photoshop-layer-mask-icon.gif\" alt=\"The Layer Mask icon in the Layers panel in Photoshop. \" width=\"313\" height=\"249\" \/>\n<div class=\"image-desc\">Click the Layer Mask icon.<\/div>\n<p>Nothing will happen yet in the document window, but Photoshop adds a layer mask thumbnail to the right of the main preview thumbnail on the Rainbow layer. If you look closely, you'll see a white highlight box appearing around the layer mask's thumbnail. This tells us that the mask, not the layer itself, is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/layer-mask-thumbnail.gif\" alt=\"A layer mask thumbnail appears in the Layers panel in Photoshop. .\" width=\"313\" height=\"239\" \/>\n<div class=\"image-desc\">The layer mask thumbnail tells us that a mask has been added.<\/div>\n<h3>Step 8: Choose The Black To White Gradient<\/h3>\n<p>With the Gradient Tool still selected, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the document window to quickly access the gradient presets thumbnails, the same ones we saw a moment ago in the full Gradient Editor dialog box. Select the <strong>Black to White gradient<\/strong> by clicking on its thumbnail (third from the left, top row). Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to close out of the gradient list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/gradient-editor-2.gif\" alt=\"The Black to White gradient thumbnail in the Gradient Editor in Photoshop. \" width=\"263\" height=\"168\" \/>\n<div class=\"image-desc\">Click on the Black to White gradient's thumbnail to select it.<\/div>\n<h3><span>Step 9:<\/span> Choose \"Linear Gradient\" From The Options Bar<\/h3>\n<p>Go back up to the Options Bar and this time, click on the <strong>Linear Gradient<\/strong> option:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/linear-gradient-option.gif\" alt=\"The Linear gradient option in the Options Bar in Photoshop. \" width=\"561\" height=\"70\" \/>\n<div class=\"image-desc\">Click on the \"Linear\" gradient icon.<\/div>\n<h3>Step 10: Drag A Black To White Gradient On The Layer Mask<\/h3>\n<p>A real rainbow would usually appear to get brighter as it reaches higher into the sky, so we're going to give our Photoshopped rainbow that same effect by dragging a black to white gradient from the base of the rainbow (the point where the rainbow and the ground should meet) to the top of the image.  To do that, with my Gradient Tool selected, I'll click my mouse somewhere along the bottom of the trees on the left.  Then, with my mouse button still held down, I'll hold down my <strong>Shift<\/strong> key as well and drag straight up to the top of the image. Holding down Shift makes it easy to drag in a vertical direction:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/drag-vertical-gradient.jpg\" alt=\"Dragging a black-to-white gradient from the base of the rainbow to the top of the image.\" width=\"650\" height=\"456\" \/>\n<div class=\"image-desc\">Drag a black to white gradient from the base of the rainbow to the top of the image.<\/div>\n<p>When I release my mouse button, Photoshop draws the black-to-white gradient. Since the gradient was drawn on the layer mask, not on the layer itself, we don't see the actual gradient in the image. Instead, the rainbow now appears to start near the bottom of the trees on the left and gets brighter as it reaches higher into the sky:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/rainbow-trees.jpg\" alt=\"The rainbow after dragging a black-to-white vertical gradient on the layer mask.\" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">The rainbow no longer extends all the way to the bottom of the photo thanks to the layer mask.<\/div>\n<h3>Step 11: Duplicate The Rainbow Layer To Increase Its Brightness<\/h3>\n<p>To increase the brightness of the rainbow,  simply press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) to duplicate the layer. If, after duplicating the layer, you find the rainbow is now <em>too<\/em> bright, dial it back a few notches by lowering the opacity of the duplicated layer. You'll find the <strong>Opacity<\/strong> option directly across from the blend mode option at the top of the Layers panel. I'm going to lower mine down to around 70%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-layer-opacity.gif\" alt=\"Duplicating the rainbow layer and lowering the opacity of the duplicate layer to 70%.\" width=\"342\" height=\"300\" \/>\n<div class=\"image-desc\">Press \"Ctrl+J\" (Win) \/ \"Command+J\" (Mac) to duplicate the rainbow layer, then lower the new layer's opacity as needed.<\/div>\n<p>Here's my image after duplicating my rainbow layer and then lowering the opacity:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/image-rainbow-duplicated.jpg\" alt=\"The rainbow in the photo now looks brighter. \" \/>\n<div class=\"image-desc\">The rainbow now appears brighter.<\/div>\n<h3>Step 12: Group The Two Rainbow Layers<\/h3>\n<p>Let's do a little housekeeping in the Layers panel by grouping the two rainbow layers together. Grouping related layers  makes it easier to keep the Layers panel organized. With the top layer selected, hold down your <strong>Shift<\/strong> key and click on the original Rainbow layer directly below it to select both layers at once. You'll see them both highlighted in blue, letting you know they're both selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/select-both-layers.gif\" alt=\"Selecting two layers at once in the Layers panel in Photoshop. \" width=\"342\" height=\"299\" \/>\n<div class=\"image-desc\">Select both rainbow layers.<\/div>\n<p>Then go up to the <strong>Layer<\/strong> menu at the top of the screen and choose <strong>Group Layers<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/layer-group-layers.gif\" alt=\"Grouping layers in Photoshop. \" width=\"249\" height=\"159\" \/>\n<div class=\"image-desc\">Go to Layer &gt; Group Layers.<\/div>\n<p>Photoshop will group the two layers together in the Layers panel. Photoshop names the new group &quot;Group 1&quot;. By default, the layer group will be closed, preventing us from seeing the two layers inside of it, which is fine for now:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/layers-grouped.gif\" alt=\"The two rainbow layers have been added to a layer group. \" width=\"342\" height=\"225\" \/>\n<div class=\"image-desc\">The two rainbow layers are now inside \"Group 1\".<\/div>\n<h3>Step 13: Add A New Blank Layer<\/h3>\n<p>We have our initial rainbow. Now let's add a second one to create a double rainbow effect! First, we'll need a new layer, so click once again on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/second-new-layer.gif\" alt=\"The New Layer icon in the Layers panel in Photoshop. \" width=\"342\" height=\"236\" \/>\n<div class=\"image-desc\">Add another new layer.<\/div>\n<p>The new layer will appear above the layer group in the Layers panel. Double-click on the new layer's name and change it to \"Second rainbow\", then press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the name change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/second-rainbow-layer-added.gif\" alt=\"Renaming the new layer 'Second rainbow'. \" width=\"342\" height=\"262\" \/>\n<div class=\"image-desc\">Rename the new layer \"Second rainbow\".<\/div>\n<h3>Step 14: Re-Select The Rainbow Gradient<\/h3>\n<p>Click once again on the <strong>Gradient Picker<\/strong> in the Options Bar at the top of the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/click-gradient-picker.gif\" alt=\"The Gradient Picker in Photoshop. \" width=\"561\" height=\"61\" \/>\n<div class=\"image-desc\">The Gradient Picker is currently showing the black to white gradient.<\/div>\n<p>When the Gradient Editor opens, click again on the <strong>Russell's Rainbow<\/strong> thumbnail to select the rainbow gradient, but don't close out of the Gradient Editor yet. We need to make some changes to it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/select-russells-rainbow.gif\" alt=\"Selecting the Russell's Rainbow gradient in Photoshop. \" width=\"461\" height=\"239\" \/>\n<div class=\"image-desc\">Re-select the Russell's Rainbow gradient.<\/div>\n<h3>Step 15: Flip The Order Of The Colors In The Gradient<\/h3>\n<p>Whenever we see a double rainbow in nature, the colors in the second rainbow are always in reverse order, which means we need to reverse the order of the colors in our gradient. With the Gradient Editor still open, click on the <strong>blue color stop<\/strong> directly below the gradient preview bar and drag it towards the left. Then do the same thing with the <strong>green<\/strong> and <strong>yellow color stops<\/strong>, dragging them towards the left. It doesn't matter how far you drag them as long as there's some space between them. This is just to make sure they don't overlap each other as we reposition them. Leave the red color stop in place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/drag-color-stops.gif\" alt=\"Dragging the blue, green and yellow color stops over to the left. \" width=\"461\" height=\"273\" \/>\n<div class=\"image-desc\">Drag the blue, green and yellow color stops towards the left just to spread them out temporarily.<\/div>\n<p>Click on the <strong>red color stop<\/strong> to select it, then enter a value of <strong>82%<\/strong> into the <strong>Location<\/strong> option. This will place the red color stop in the same location that the blue color stop was in originally:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/red-82.gif\" alt=\"Setting the location of the red color stop to 82% in the gradient. \" width=\"462\" height=\"273\" \/>\n<div class=\"image-desc\">Click on the red color stop, then enter 82% for the Location.<\/div>\n<p>Next, click on the <strong>yellow color stop<\/strong> to select it, then set its <strong>Location<\/strong> value to <strong>85%<\/strong>. This moves yellow into the spot originally held by green:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/yellow-85.gif\" alt=\"Setting the location of the yellow color stop to 85% in the gradient. \" width=\"462\" height=\"273\" \/>\n<div class=\"image-desc\">Click on the yellow color stop, then enter 85% for the Location.<\/div>\n<p>Click on the <strong>green color stop<\/strong> to select it, then set its <strong>Location<\/strong> value to <strong>88%<\/strong>, which moves green into yellow's original location:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/green-88.gif\" alt=\"Setting the location of the green color stop to 88% in the gradient. \" width=\"461\" height=\"273\" \/>\n<div class=\"image-desc\">Click on the green color stop, then enter 88% for the Location.<\/div>\n<p>Finally, click on the <strong>blue color stop<\/strong> and change its <strong>Location<\/strong> value to <strong>92%<\/strong>, placing it in red's original spot:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/blue-92.gif\" alt=\"Setting the location of the blue color stop to 92% in the gradient. \" width=\"461\" height=\"273\" \/>\n<div class=\"image-desc\">Click on the blue color stop, then enter 92% for the Location.<\/div>\n<p>Directly above the gradient preview bar are more stops, filled with white, black or some shade of gray. These stops control the transparency levels (opacity) of the colors throughout the gradient. Click on the <strong>light gray opacity stop<\/strong> (second from the left) to select it, then change its <strong>Opacity<\/strong> value from its original 20% to <strong>0%<\/strong>. Click OK when you're done to exit out of the Gradient Editor:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/opacity-stop-0.gif\" alt=\"Changing the opacity value in part of the gradient. \" width=\"462\" height=\"273\" \/>\n<div class=\"image-desc\">Click on the light gray stop above the gradient preview bar and change its Opacity value to 0%.<\/div>\n<h3>Step 16: Drag Out Another Rainbow Gradient<\/h3>\n<p>With the colors in the gradient now reversed, we're ready to create our second rainbow. First, I'm going to hide my original rainbow from view temporarily by clicking on the layer group's <strong>visibility icon<\/strong> (the eyeball) in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/layer-group-visibility.gif\" alt=\"The layer group's visibility icon in the Layers panel. \" width=\"359\" height=\"262\" \/>\n<div class=\"image-desc\">Clicking on the visibility icon turns layers or layer groups on or off in the document.<\/div>\n<p>Then I'll drag out a rainbow gradient just as I did back in Step 4: First, I need to re-select the <strong>Radial Gradient<\/strong> option in the Options Bar so the gradient will appear as an arc:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/radial-gradient-option-2.gif\" alt=\"Selecting the Radial Gradient option in the Options Bar. \" width=\"559\" height=\"66\" \/>\n<div class=\"image-desc\">Select the Radial Gradient option again.<\/div>\n<p>Then I'll click and drag out my second rainbow in the same location as the first one:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/dragging-gradient.jpg\" alt=\"Dragging out a radial rainbow gradient in Photoshop. \" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">Dragging out a second rainbow gradient in the same spot.<\/div>\n<p>When I release my mouse button, Photoshop draws the gradient, looking very much like the first one except that this time, the order of the colors is reversed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/second-rainbow-drawn.jpg\" alt=\"A reverse color rainbow gradient has ben added to the photo. \" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">The second rainbow gradient with its colors reversed.<\/div>\n<h3>Step 17: Change The Blend Mode To Screen<\/h3>\n<p>Just as we did with the first rainbow, change the <strong>blend mode<\/strong> of the new rainbow from Normal to <strong>Screen<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/screen-mode-2.gif\" alt=\"The Screen layer blend mode. \" width=\"356\" height=\"262\" \/>\n<div class=\"image-desc\">Set the blend mode to Screen.<\/div>\n<p>The colors of the rainbow now blend in better with the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/image-screen-2.jpg\" alt=\"The second rainbow now blends in with the image. \" width=\"650\" height=\"451\" \/>\n<div class=\"image-desc\">The second rainbow set to the Screen blend mode.<\/div>\n<h3>Step 18: Apply The Gaussian Blur Filter<\/h3>\n<p>Since the <strong>Gaussian Blur<\/strong> filter was the last filter we applied, we can quickly re-apply it  with the same settings by pressing <strong>Ctrl+F<\/strong> (Win) \/ <strong>Command+F<\/strong> (Mac). Just as before, the color transitions now appear softer and more natural:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/second-rainbow-blurred.jpg\" alt=\"The second rainbow after blurring it. \" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">The rainbow once again appears more realistic after blurring the colors.<\/div>\n<h3>Step 19: Copy The Layer Mask Onto The Second Rainbow Layer<\/h3>\n<p>We need to add a layer mask at this point and draw a black to white linear gradient on the mask to hide the  the rainbow below the point where it should be touching the ground and have it appear to increase in brightness as it reaches further into the sky, just as we did back in Steps 7-10 with the original rainbow. But why go through all that hassle again when we can just copy one of the layer masks we've already created onto the second rainbow's layer! To do that, I'll first need to open my layer group by clicking on the small triangle to the left of the group's name:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/twirl-open-layer-group.gif\" alt=\"Twirling open the layer group. \" width=\"370\" height=\"322\" \/>\n<div class=\"image-desc\">Click on the triangle to twirl open the layer group.<\/div>\n<p>With the layer group open and the two layers that make up the original rainbow now visible, hold down your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key, click on the layer mask thumbnail for the \"Rainbow copy\" layer and drag it up to the second rainbow's layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/drag-layer-mask.gif\" alt=\"Dragging the layer mask onto another layer. \" width=\"375\" height=\"322\" \/>\n<div class=\"image-desc\">Hold down Alt (Win) \/ Option (Mac) and drag the layer mask thumbnail onto the top layer.<\/div>\n<p>When you see a highlight bar appear around the second rainbow's layer (shown in the previous thumbnail), release your mouse button. Photoshop copies the layer mask onto the second rainbow's layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/layer-mask-copied.gif\" alt=\"The layer mask has been copied to the other layer. \" width=\"375\" height=\"322\" \/>\n<div class=\"image-desc\">The layer mask has been copied from one layer to another.<\/div>\n<p>If we look at the image in the document window, we see that the bottom of the rainbow now fades out just above the trees, just like the original rainbow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/second-rainbow-masked.jpg\" alt=\"The layer mask has been applied to the second rainbow. \" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">The image after copying the layer mask to the second rainbow's layer.<\/div>\n<h3>Step 20: Move The Second Rainbow Into Position<\/h3>\n<p>All that's left to do now is to move the second rainbow into position. Select Photoshop's <strong>Move Tool<\/strong> from the Tools panel, or press the letter <strong>V<\/strong> on your keyboard to quickly select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-move-tool.gif\" alt=\"Photoshop Move Tool. \" width=\"65\" height=\"148\" \/>\n<div class=\"image-desc\">Select the Move Tool.<\/div>\n<p>Before I move anything, I'll turn the original rainbow back on in the document by clicking once again on the layer group's <strong>visibility icon<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/turn-group-on.gif\" alt=\"Clicking on the layer group's visibility icon in the Layers panel. \" width=\"391\" height=\"322\" \/>\n<div class=\"image-desc\">When a layer or group is hidden, the eyeball in the visibility icon is also hidden.<\/div>\n<p>Then, with the Move Tool selected and both rainbows now visible in the document, click inside the document window and, with your mouse button still held down, drag the second rainbow into place. I'm going to drag mine up and to the left so only a small part of it appears in the top left corner of the photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/drag-second-rainbow.jpg\" alt=\"Dragging the second rainbow into place in the document. \" width=\"650\" height=\"451\" \/>\n<div class=\"image-desc\">Use the Move Tool to drag the second rainbow into place in the image.<\/div>\n<h3>Step 21: Lower The Opacity Of The Second Rainbow<\/h3>\n<p>Finally, since I don't want my second rainbow to appear as bright as the original, I'll lower its opacity down to around 70% at the top of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/lower-opacity-2.gif\" alt=\"Lowering the opacity of the second rainbow. \" width=\"375\" height=\"322\" \/>\n<div class=\"image-desc\">Lowering the opacity of the second rainbow.<\/div>\n<p>And with that, we're done! Here, after lowering the opacity, is my final Photoshop double rainbow effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/rainbow\/new\/photoshop-rainbow-effect.jpg\" alt=\"The final Photoshop double rainbow photo effect. \" width=\"650\" height=\"452\" \/>\n<div class=\"image-desc\">The final rainbow effect.<\/div>\n<\/section>\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<aside>\n<p>And there we have it! That's how to add a realistic-looking rainbow to an image with Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>In this photo effects tutorial, learn how to brighten your stormy skies by adding a rainbow, or even a double rainbow, to a photo using one of Photoshop&#8217;s ready-made gradients. We&#8217;ll also learn how to flip the order of the colors in a gradient to create a more realistic double rainbow effect!<\/p>\n","protected":false},"author":1,"featured_media":15397,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-362","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 Realistic Rainbow To A Photo With Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to brighten your stormy skies by adding a realistic rainbow, or even a double rainbow, to a photo using one of Photoshop&#039;s ready-made gradients.\" \/>\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\/rainbow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add A Realistic Rainbow To A Photo With Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to brighten your stormy skies by adding a realistic rainbow, or even a double rainbow, to a photo using one of Photoshop&#039;s ready-made gradients.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/\" \/>\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-02T15:58:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-17T16:24:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-add-rainbow-effect-f.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=\"16 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\\\/rainbow\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Add A Realistic Rainbow To A Photo With Photoshop\",\"datePublished\":\"2012-10-02T15:58:28+00:00\",\"dateModified\":\"2020-05-17T16:24:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/\"},\"wordCount\":3242,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-add-rainbow-effect-f.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/\",\"name\":\"Add A Realistic Rainbow To A Photo With Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-add-rainbow-effect-f.jpg\",\"datePublished\":\"2012-10-02T15:58:28+00:00\",\"dateModified\":\"2020-05-17T16:24:43+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to brighten your stormy skies by adding a realistic rainbow, or even a double rainbow, to a photo using one of Photoshop's ready-made gradients.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-add-rainbow-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-add-rainbow-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Add A Realistic Rainbow To A Photo With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/rainbow\\\/#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\":\"Rainbow\"}]},{\"@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 Realistic Rainbow To A Photo With Photoshop","description":"Learn how to brighten your stormy skies by adding a realistic rainbow, or even a double rainbow, to a photo using one of Photoshop's ready-made gradients.","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\/rainbow\/","og_locale":"en_US","og_type":"article","og_title":"Add A Realistic Rainbow To A Photo With Photoshop","og_description":"Learn how to brighten your stormy skies by adding a realistic rainbow, or even a double rainbow, to a photo using one of Photoshop's ready-made gradients.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T15:58:28+00:00","article_modified_time":"2020-05-17T16:24:43+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-add-rainbow-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Add A Realistic Rainbow To A Photo With Photoshop","datePublished":"2012-10-02T15:58:28+00:00","dateModified":"2020-05-17T16:24:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/"},"wordCount":3242,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-add-rainbow-effect-f.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/","name":"Add A Realistic Rainbow To A Photo With Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-add-rainbow-effect-f.jpg","datePublished":"2012-10-02T15:58:28+00:00","dateModified":"2020-05-17T16:24:43+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to brighten your stormy skies by adding a realistic rainbow, or even a double rainbow, to a photo using one of Photoshop's ready-made gradients.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-add-rainbow-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-add-rainbow-effect-f.jpg","width":250,"height":250,"caption":"Add A Realistic Rainbow To A Photo With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/rainbow\/#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":"Rainbow"}]},{"@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\/362","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=362"}],"version-history":[{"count":32,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/362\/revisions"}],"predecessor-version":[{"id":30160,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/362\/revisions\/30160"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15397"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}