{"id":30133,"date":"2020-05-17T11:55:04","date_gmt":"2020-05-17T15:55:04","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=30133"},"modified":"2022-11-05T11:53:44","modified_gmt":"2022-11-05T15:53:44","slug":"add-a-rainbow-to-an-image-in-photoshop-cc-2020","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/","title":{"rendered":"Add a Rainbow to an Image in Photoshop"},"content":{"rendered":"<div class=\"featured-image\" style=\"padding-bottom:12px;\"> <img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/add-rainbow-to-image-photoshop-ft.jpg\" alt=\"How to add a rainbow to an image with Photoshop\" width=\"853\" height=\"448\" class=\"\" \/> <\/div>\n<div class=\"summary-novideo\">\n<p>Brighten those stormy skies by learning how to add a rainbow to your image with Photoshop! A step-by-step tutorial for Photoshop CC 2020.<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, I show you how to add a colorful, realistic rainbow to an image with Photoshop. To create the rainbow, we'll use one of Photoshop's built-in rainbow gradients. I'll show you where to find the gradient and how to load it into Photoshop.<\/p>\n<p>From there, you'll learn the fastest way to add the rainbow gradient to your image, and the easiest way to position the rainbow exactly where you need it. We'll blur the colors so they blend together more smoothly, and we'll hide the rainbow from different areas using a layer mask. Finally, we'll finish off the tutorial by learning an advanced yet easy way to blend the rainbow in with the clouds!<\/p>\n<p>To follow along, you'll want to be using Photoshop CC 2020 or later. You can <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener\">get the latest Photoshop version here<\/a>.<\/p>\n<p>Here's an example of what the final rainbow effect will look like when we're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/add-rainbow-to-image-in-photoshop.jpg\" alt=\"How to add a rainbow to an image with Photoshop\" width=\"800\" height=\"537\" \/>\n<div class=\"image-desc\">The final rainbow effect.<\/div>\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<p>Let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>Step 1: Open your image<\/h3>\n<p>Start by opening your image into Photoshop. I'll use <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fimages%2Fback-view-of-a-blonde-woman-in-white-dress-standing-on-the-top-of-the-hill-with-dark-stormy-sky-background-color-tone-filter-effect-used%2F221327134\" title=\"Learn more\" target=\"_blank\" rel=\"noopener\">this image<\/a> from Adobe Stock:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/original-photo.jpg\" alt=\"The original photo open in Photoshop. Credit: Adobe Stock\" width=\"804\" height=\"449\" \/>\n<div class=\"image-desc\">The original photo. Credit: Adobe Stock.<\/div>\n<p><a href=\"\/basics\/opening-images-photoshop\/\" title=\"Learn more\">Related: Learn the many ways to get your images into Photoshop!<\/a><\/p>\n<h3>Step 2: Open the Gradients panel<\/h3>\n<p>Next, open the <strong>Gradients panel<\/strong> which is new as of Photoshop CC 2020. <\/p>\n<p>The <a href=\"\/basics\/the-new-gradients-and-gradients-panel-in-photoshop-cc-2020\/\" title=\"Learn more\">Gradients panel<\/a> is found in the same panel group as the Color, Swatches and Patterns panels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradients-panel-photoshop.png\" alt=\"Opening the Gradients panel in Photoshop\" width=\"297\" height=\"172\" \/>\n<div class=\"image-desc\">Opening the Gradients panel.<\/div>\n<h3>Step 3: Load the Legacy Gradients<\/h3>\n<p>To create the rainbow, we'll use one of Photoshop's built-in rainbow gradients. <\/p>\n<p>But as of Photoshop CC 2020, many of Photoshop's older gradients, including the one we need, have been moved into a new <em>Legacy Gradients<\/em> group. And before we can use the group, we first need to load it into Photoshop. If you have already loaded the Legacy Gradients, you can skip to Step 4.<\/p>\n<p>In the Gradients panel, click the <strong>menu icon<\/strong> in the upper right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradients-panel-menu.icon.png\" alt=\"Opening the Gradients panel menu in Photoshop\" width=\"309\" height=\"148\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>And then choose <strong>Legacy Gradients<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/load-legacy-gradients-photoshop.png\" alt=\"Loading the Legacy Gradients in Photoshop\" width=\"260\" height=\"131\" \/>\n<div class=\"image-desc\">Loading the Legacy Gradients.<\/div>\n<h3>Step 4: Select the &quot;Russell's Rainbow&quot; gradient<\/h3>\n<p>Scroll down to the bottom of the Gradients panel and twirl open the <strong>Legacy Gradients<\/strong> group by clicking the <strong>arrow<\/strong> to the left of the folder icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/open-legacy-gradients-group.png\" alt=\"Opening the Legacy Gradients group in Photoshop's Gradients panel\" width=\"298\" height=\"136\" \/>\n<div class=\"image-desc\">Opening the Legacy Gradients folder.<\/div>\n<p>And then inside the group, scroll down to the <strong>Special Effects<\/strong> group.<\/p>\n<p>Twirl the group open and select the <strong>Russell's Rainbow<\/strong> gradient by clicking on its thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/select-russells-rainbow-gradient.png\" alt=\"Selecting the Russell's Rainbow gradient in Photoshop's Gradients panel\" width=\"297\" height=\"168\" \/>\n<div class=\"image-desc\">Choosing the &quot;Russell's Rainbow&quot; gradient.<\/div>\n<p><a href=\"\/basics\/how-to-create-a-rainbow-gradient-in-photoshop\/\" title=\"Learn more\">Related: Learn how to create your own rainbow gradient in Photoshop!<\/a><\/p>\n<h3>Step 5: Drag the gradient onto the image<\/h3>\n<p>Drag the gradient's thumbnail from the Gradients panel and drop it onto your image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/drag-drop-rainbow-gradient.jpg\" alt=\"Dragging the Russell's Rainbow gradient onto the image from Photoshop's Gradients panel\" width=\"795\" height=\"534\" \/>\n<div class=\"image-desc\">Dragging and dropping the &quot;Russell's Rainbow&quot; gradient.<\/div>\n<p>The rainbow gradient appears horizontally across the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/photoshop-russells-rainbow-gradient-image.jpg\" alt=\"The result after dropping the Russell's Rainbow gradient onto the image\" width=\"806\" height=\"451\" \/>\n<div class=\"image-desc\">The result after adding the gradient.<\/div>\n<p><a href=\"\/basics\/new-ways-to-add-gradients-in-photoshop-cc-2020\/\" title=\"Learn more\">Related: The new ways to add gradients in Photoshop CC 2020<\/a><\/p>\n<h3>Step 6: Open the Gradient Fill dialog box<\/h3>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, the gradient appears as a <strong>Gradient fill layer<\/strong> above the image.<\/p>\n<p>To edit the shape of the gradient, double-click on the fill layer's <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradient-fill-layer-color-swatch.png\" alt=\"Double-clicking on the Gradient fill layer's color swatch in Photoshop's Layers panel\" width=\"293\" height=\"299\" \/>\n<div class=\"image-desc\">Double-clicking on the color swatch.<\/div>\n<p>And this opens the <strong>Gradient Fill<\/strong> dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradient-fill-dialog-box-photoshop.png\" alt=\"The Gradient Fill dialpg box in Photoshop\" width=\"317\" height=\"275\" \/>\n<div class=\"image-desc\">Photoshop's Gradient Fill dialog box.<\/div>\n<h3>Step 7: Change the gradient style to Radial<\/h3>\n<p>In the dialog box, change the <strong>Style<\/strong> of the gradient from Linear (the default setting) to <strong>Radial<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradient-style-radial.png\" alt=\"Changing the Style option for the gradient to Radial in Photoshop\" width=\"317\" height=\"151\" \/>\n<div class=\"image-desc\">Changing the Style option to Radial.<\/div>\n<p>This gives the rainbow the circular shape we need:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/image-rainbow-gradient-style-radial.jpg\" alt=\"The result after changing the rainbow gradient style to Radial in Photoshop\" width=\"800\" height=\"537\" \/>\n<div class=\"image-desc\">The result after changing the gradient style to Radial.<\/div>\n<h3>Step 8: Scale the size of the gradient<\/h3>\n<p>To change the size of the rainbow, click inside the <strong>Scale<\/strong> box to highlight the current value. <\/p>\n<p>The default value is 100&#37;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradient-scale-value.png\" alt=\"Highlighting the gradient Scale value in Photoshoo's Gradient Fill dialog box\" width=\"317\" height=\"175\" \/>\n<div class=\"image-desc\">Clicking to highlight the Scale value.<\/div>\n<p>Then use the <strong>Up or Down arrow keys<\/strong> on your keyboard to increase or decrease the value. Hold your <strong>Shift<\/strong> key while pressing the arrow keys to adjust the value in larger steps.<\/p>\n<p>The exact size you need will depend on your image and how large the rainbow should appear. In my case, I'll increase the Scale value to 143&#37;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradient-scale-new-value.png\" alt=\"Increasing the gradient Scale value in Photoshoo's Gradient Fill dialog box\" width=\"317\" height=\"146\" \/>\n<div class=\"image-desc\">Increasing the Scale size.<\/div>\n<p>At this value, the left and right sides of the rainbow are extending almost to the edges of my image.<\/p>\n<p>The top of the rainbow now extends beyond the image, but we'll fix that next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/rainbow-gradient-scaled-larger.jpg\" alt=\"The result after scaling the size of the rainbow gradient in Photoshop\" width=\"802\" height=\"539\" \/>\n<div class=\"image-desc\">The result after scaling the gradient size.<\/div>\n<h3>Step 9: Move the rainbow into place<\/h3>\n<p>With the Gradient Fill dialog box still open, click on the image and drag the rainbow into position. To make it easier to move the gradient straight up or down, hold your <strong>Shift<\/strong> key as you drag.<\/p>\n<p>I'll drag my gradient straight down until the top of the rainbow is visible. Note that you may need to go back and forth between moving the gradient and adjusting the Scale value until you get things right.<\/p>\n<p>When you're done, click OK to close the Gradient Fill dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/reposition-rainbow-gradient.jpg\" alt=\"Dragging the rainbow gradient into position in Photoshop\" width=\"802\" height=\"539\" \/>\n<div class=\"image-desc\">Dragging the rainbow into position.<\/div>\n<h3>Step 10: Convert the Gradient fill layer into a smart object<\/h3>\n<p>In a moment, we're going to help the rainbow look more realistic by applying a blur to the gradient. But Photoshop won't let us apply the blur directly to a Gradient fill layer. So first, we'll convert the fill layer into a <a href=\"\/basics\/how-to-create-smart-objects-in-photoshop\/\" title=\"Learn more\">smart object<\/a>.<\/p>\n<p>In the <strong>Layers panel<\/strong>, make sure the Gradient fill layer is selected. Then click the <strong>menu icon<\/strong> in the upper right of the panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/layers-panel-menu-icon.png\" alt=\"Clicking the menu icon in Photoshop's Layers panel\" width=\"301\" height=\"198\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>And choose <strong>Convert to Smart Object<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/convert-to-smart-object-photoshop.png\" alt=\"Converting the Gradient fill layer into a smart object in Photoshop's Layers panel\" width=\"265\" height=\"111\" \/>\n<div class=\"image-desc\">Choosing the &quot;Convert to Smart Object&quot; command.<\/div>\n<p>A <strong>smart object icon<\/strong> appears in the lower right of the layer's preview thumbnail, telling us that the layer is now a smart object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/smart-object-icon-photoshop.png\" alt=\"Photoshop's Layers panel showing the Gradient fill layer converted to a smart object\" width=\"293\" height=\"137\" \/>\n<div class=\"image-desc\">The smart object icon.<\/div>\n<p><a href=\"\/basics\/how-to-edit-and-replace-smart-object-contents-in-photoshop\/\" title=\"Learn more\">Related: How to edit a smart object in Photoshop<\/a><\/p>\n<h3>Step 11: Change the gradient's blend mode to Screen<\/h3>\n<p>Before we apply the blur, change the <strong>blend mode<\/strong> of the smart object from Normal to <strong>Screen<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradient-blend-mode-screen.png\" alt=\"Changing the blend mode of the gradient to Screen in Photoshop's Layers panel\" width=\"294\" height=\"152\" \/>\n<div class=\"image-desc\">Changing the blend mode to Screen.<\/div>\n<p>The <a href=\"\/photo-editing\/layer-blend-modes\/screen\/\" title=\"Learn more\">Screen blend mode<\/a> brightens the gradient and blends the colors in with the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/image-rainbow-blend-mode-screen.jpg\" alt=\"The result after changing the rainbow gradient's blend mode to Screen in Photoshop\" width=\"800\" height=\"537\" \/>\n<div class=\"image-desc\">The result after changing the gradient's blend mode to Screen.<\/div>\n<p><a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">Learn how to download my Layer Blend Modes Complete Guide PDF!<\/a><\/p>\n<h3>Step 12: Apply the Gaussian Blur filter<\/h3>\n<p>Next, go up to the <strong>Filter<\/strong> menu in the Menu Bar at the top of the screen, choose <strong>Blur<\/strong>, and then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/choose-gaussian-blur-filter.png\" alt=\"Choosing the Gaussian Blur filter in Photoshop\" width=\"464\" height=\"167\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>Then in the Gaussian Blur dialog box, drag the <strong>Radius<\/strong> slider to the right to blur the gradient and soften the transitions between the colors. The exact Radius value you need will depend on the size of your image, so keep an eye on your image as you drag the slider to find the value that works best.<\/p>\n<p>My image is fairly large, so I'll choose a Radius value of around 100px:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gaussian-blur-dialog-box.png\" alt=\"Blurring the rainbow gradient with Photoshop's Gaussian Blur filter\" width=\"328\" height=\"347\" \/>\n<div class=\"image-desc\">Dragging the Radius slider to blur the gradient.<\/div>\n<p>Click OK to close the dialog box, and here's my result with the blur applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/image-rainbow-gaussian-blur.jpg\" alt=\"The result after applying the Gaussian Blur filter to the rainbow gradient in Photoshop\" width=\"800\" height=\"537\" \/>\n<div class=\"image-desc\">The result after applying the Gaussian Blur filter.<\/div>\n<h4>How to change the Gaussian Blur amount<\/h4>\n<p>Since we used the Gaussian Blur filter with a smart object, Photoshop applied it as a <a href=\"\/basics\/how-to-use-smart-filters-in-photoshop\/\" title=\"Learn more\">smart filter<\/a>, which means that the filter settings remain editable.<\/p>\n<p>At any time, you can re-open the Gaussian Blur dialog box and adjust the Radius value by double-clicking on the words <strong>Gaussian Blur<\/strong> below the smart object in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/reopen-gaussian-blur-smart-filter.png\" alt=\"How to re-open the Gaussian Blur smart filter settings in Photoshop's Layers panel\" width=\"293\" height=\"168\" \/>\n<div class=\"image-desc\">Double-click on a smart filter to edit the settings.<\/div>\n<h3>Step 13: Add a layer mask<\/h3>\n<p>An obvious problem with the rainbow is that it's still a complete circle. We need to hide the bottom half of the gradient, and we can do that using a <a href=\"\/basics\/understanding-photoshop-layer-masks\/\" title=\"Learn more\">layer mask<\/a>.<\/p>\n<p>In the Layers panel, click the <strong>Add Layer Mask<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/add-layer-mask.png\" alt=\"Adding a layer mask in Photoshop's Layers panel\" width=\"293\" height=\"159\" \/>\n<div class=\"image-desc\">Clicking the Add Layer Mask icon.<\/div>\n<p>A <strong>layer mask thumbnail<\/strong> appears on the gradient smart object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/layer-mask-thumbnail.png\" alt=\"The layer mask thumbnail on the gradient smart object in Photoshop's Layers panel\" width=\"293\" height=\"199\" \/>\n<div class=\"image-desc\">The layer mask thumbnail.<\/div>\n<h3>Step 14: Select the Gradient Tool<\/h3>\n<p>Select the <strong>Gradient Tool<\/strong> from <a href=\"\/basics\/photoshop-tools-toolbar-overview\/\" title=\"Learn more\">Photoshop's toolbar<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/gradient-tool-photoshop.png\" alt=\"Selecting the Gradient Tool in Photoshop's toolbar\" width=\"74\" height=\"144\" \/>\n<div class=\"image-desc\">Selecting the Gradient Tool.<\/div>\n<h3>Step 15: Choose the Black, White gradient<\/h3>\n<p>Then in the Options Bar, click the <strong>arrow<\/strong> next to the gradient <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/open-gradient-picker.png\" alt=\"Clicking the arrow to the right of the gradient color swatch in Photoshop's Options Bar\" width=\"326\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the arrow to the right of the swatch.<\/div>\n<p>And in the <strong>Gradient picker<\/strong>, twirl open the <strong>Basics<\/strong> folder and choose the <strong>Black, White<\/strong> gradient by double-clicking on its thumbnail. This will select the gradient and close the Gradient picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/choose-black-white-gradient.png\" alt=\"Selecting the Black, White gradient from the Gradient picker in Photoshop\" width=\"305\" height=\"231\" \/>\n<div class=\"image-desc\">Selecting the Black, White gradient.<\/div>\n<h3>Step 16: Draw a black to white gradient on the layer mask<\/h3>\n<p>In the Layers panel, make sure the layer mask is selected. You should see a highlight border around its thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/select-layer-mask.png\" alt=\"Selecting the layer mask in Photoshop's Layers panel\" width=\"293\" height=\"200\" \/>\n<div class=\"image-desc\">Selecting the layer mask.<\/div>\n<p>Then in your image, click anywhere along the horizon line to set the starting point for your rainbow. If there is no obvious horizon line, click where the left and right sides of the rainbow should begin to appear. Everything below this point is where the rainbow will be hidden.<\/p>\n<p>With my image, I'll click in the trees just above the tall grass.<\/p>\n<p>Keep your mouse button held down, hold the <strong>Shift<\/strong> key on your keyboard, and drag straight up to just below the top part of the rainbow. The Shift key makes it easier to drag vertically:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/draw-black-white-gradient.jpg\" alt=\"Drawing a black to white gradient on the layer mask to hide the bottom of the rainbow in Photoshop\" width=\"795\" height=\"534\" \/>\n<div class=\"image-desc\">Drawing a black to white gradient on the layer mask to hide the bottom of the rainbow.<\/div>\n<p>Release your mouse button and the bottom of the rainbow disappears, leaving only the top half that gradually fades into view as it rises into the sky.<\/p>\n<p>If you did not draw the black to white gradient exactly right, just draw it again. The new gradient will replace the previous one:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/initial-rainbow-added-photoshop.jpg\" alt=\"The result after hiding the bottom of the rainbow using a layer mask in Photoshop\" width=\"800\" height=\"537\" \/>\n<div class=\"image-desc\">Only the top half of the rainbow remains visible.<\/div>\n<p><a href=\"\/basics\/photoshop-layer-masks-advanced-tips-and-tricks\/\" title=\"Learn more\">Related: Learn advanced tips and tricks to use with layer masks!<\/a><\/p>\n<h3>Step 17: Select the Brush Tool<\/h3>\n<p>Once you have hidden the bottom of the rainbow, there may be other, smaller areas you need to hide. <\/p>\n<p>For example, with my image, the bottom right of the rainbow is visible in front of the hill. But what I really want is for the rainbow to disappear <em>behind<\/em> the hill:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/rainbow-area-to-hide.jpg\" alt=\"Part of the rainbow that still needs to be hidden in the image\" width=\"793\" height=\"562\" \/>\n<div class=\"image-desc\">Part of the rainbow that still needs to be hidden.<\/div>\n<p>To hide areas like this, select the <strong>Brush Tool<\/strong> from the toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/brush-tool-photoshop.png\" alt=\"Selecting the Brush Tool from Photoshop's toolbar\" width=\"74\" height=\"144\" \/>\n<div class=\"image-desc\">Selecting the Brush Tool.<\/div>\n<h3>Step 18: Choose the Soft Round brush<\/h3>\n<p>With the <a href=\"\/basics\/photoshop-brush-tool-hidden-tips-tricks\/\" title=\"Learn more\">Brush Tool<\/a> selected, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the image.<\/p>\n<p>Then in the <strong>Brush Preset picker<\/strong>, choose the <strong>Soft Round<\/strong> brush from inside the <strong>General Brushes <\/strong>folder. This will give us a brush with soft edges, allowing us to paint a smooth transition:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/brush-preset-picker.png\" alt=\"Choosing the Soft Round brush from Photoshop's Brush Preset picker\" width=\"294\" height=\"339\" \/>\n<div class=\"image-desc\">Choosing the Soft Round brush.<\/div>\n<h3>Step 19: Paint with black to hide more areas of the rainbow<\/h3>\n<p>Make sure your <strong>Foreground color<\/strong> is set to <strong>black<\/strong>. The current Foreground and Background colors are found in the <strong>color swatches<\/strong> near the bottom of the toolbar.<\/p>\n<p>If the Foreground color (upper left) is white and the Background color (lower right) is black, press the letter <strong>X<\/strong> on your keyboard to swap them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/foreground-color-black.png\" alt=\"Setting Photoshop's Foreground color to black\" width=\"70\" height=\"152\" \/>\n<div class=\"image-desc\">Setting the Foreground color to black.<\/div>\n<p>Before you start painting, change your brush size using the <strong>left and right bracket keys<\/strong> ( <strong>[<\/strong> and <strong>]<\/strong> ) on your keyboard. The right bracket key makes the brush larger while the left bracket key makes it smaller. The larger the brush, the wider the transition area you'll create.<\/p>\n<p>Then simply paint over the part of the rainbow you want to hide. Or you may find that just clicking on the area a few times works better. If you make a mistake, press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on your keyboard to undo your brush stroke and try again.<\/p>\n<p>Here I'm painting over the hill to hide the rainbow from that spot:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/paint-away-rainbow.jpg\" alt=\"Painting to hide the rainbow from in front of the hill\" width=\"794\" height=\"469\" \/>\n<div class=\"image-desc\">Painting to hide the rainbow from in front of the hill.<\/div>\n<p>And here's the result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/rainbow-added-to-image-photoshop-2png.jpg\" alt=\"The rainbow effect in Photoshop with part of the rainbow hidden behind the hill\" width=\"800\" height=\"537\" \/>\n<div class=\"image-desc\">The result after hiding more of the rainbow.<\/div>\n<h3>Step 20: Open the Blending Options<\/h3>\n<p>At this point, the main rainbow effect is complete. But we can take it a step further by blending the rainbow into the clouds. And for that, we'll use Photoshop's Blending Options.<\/p>\n<p>In the Layers panel, click the <strong>Add Layer Style<\/strong> icon (the &quot;<strong>fx<\/strong>&quot; icon):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/click-layer-effects-icon.png\" alt=\"Clicking the Add Layer Style icon in Photoshop's Layers panel\" width=\"293\" height=\"161\" \/>\n<div class=\"image-desc\">Clicking the Add Layer Style icon.<\/div>\n<p>And choose <strong>Blending Options<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/blending-options-menu-item.png\" alt=\"Choosing the Blending Options from Photoshop's Layers panel\" width=\"157\" height=\"94\" \/>\n<div class=\"image-desc\">Opening the Blending Options.<\/div>\n<h3>Step 21: Drag the black Underlying Layer slider to the right<\/h3>\n<p>In the Layer Style dialog box, you'll find two sets of sliders at the bottom, each with its own black to white gradient bar. The top set is labeled &quot;This Layer&quot; and the bottom set is labeled &quot;Underlying Layer&quot;.<\/p>\n<p>Click on the <strong>black slider<\/strong> for the <strong>Underlying Layer<\/strong> set and begin dragging it to the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/underlying-layer-black-slider.png\" alt=\"Dragging the black Underlying Layer slider in Photoshop's Blending Options\" width=\"359\" height=\"189\" \/>\n<div class=\"image-desc\">Dragging the black &quot;Underlying Layer&quot; slider.<\/div>\n<p>Keep an eye on your image as you drag and stop when the darkest clouds from the image begin to show through the rainbow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/rainbow-clouds-transition-harsh.jpg\" alt=\"The dark clouds from the image are showing through the rainbow in Photoshop\" width=\"802\" height=\"407\" \/>\n<div class=\"image-desc\">The dark clouds appearing through the rainbow.<\/div>\n<p>The problem is that the transition between the clouds and the rainbow is very harsh. So to fix that, press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard and drag the black slider apart into two halves. The space between each half creates a transition area between the clouds and the rainbow. <\/p>\n<p>Adjust each half of the slider until the result looks more realistic:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/split-slider-apart.png\" alt=\"Dragging each half of the black slider in Photoshop's Blending Options\" width=\"369\" height=\"189\" \/>\n<div class=\"image-desc\">Dragging each half of the slider to create smoother transitions.<\/div>\n<p>When you're done, click OK to close the Layer Style dialog box.<\/p>\n<p>And here is my final rainbow effect with the clouds and the rainbow blended together:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2020\/rainbow\/add-rainbow-to-image-in-photoshop.jpg\" alt=\"How to add a rainbow to an image with Photoshop\" width=\"800\" height=\"537\" \/>\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 add a rainbow to an image with Photoshop! <\/p>\n<p>View our <a href=\"\/photo-effects\/\" title=\"Photoshop photo effects tutorials\">Photo Effects<\/a> section for more Photoshop effects tutorials. And don't forget, all of our Photoshop tutorials are now available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/p>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to brighten those stormy skies by adding a colorful rainbow to your image in the latest version of Photoshop!<\/p>\n","protected":false},"author":1,"featured_media":30137,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,5],"tags":[],"class_list":["post-30133","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-photo-effects-2","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 an Image in Photoshop<\/title>\n<meta name=\"description\" content=\"Brighten those stormy skies by learning how to add a colorful rainbow to your images using Photoshop CC 2020. A step-by-step tutorial.\" \/>\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-an-image-in-photoshop-cc-2020\/\" \/>\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 your Image with Photoshop CC 2020\" \/>\n<meta property=\"og:description\" content=\"Learn how to brighten those stormy skies by adding a rainbow to your image in the latest version of Photoshop!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/\" \/>\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=\"2020-05-17T15:55:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-05T15:53:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/05\/add-rainbow-to-image-photoshop-s.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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=\"20 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-an-image-in-photoshop-cc-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Add a Rainbow to an Image in Photoshop\",\"datePublished\":\"2020-05-17T15:55:04+00:00\",\"dateModified\":\"2022-11-05T15:53:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/\"},\"wordCount\":2313,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/add-rainbow-to-image-photoshop-f.jpg\",\"articleSection\":[\"CC\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/\",\"name\":\"Add a Rainbow to an Image in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/add-rainbow-to-image-photoshop-f.jpg\",\"datePublished\":\"2020-05-17T15:55:04+00:00\",\"dateModified\":\"2022-11-05T15:53:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Brighten those stormy skies by learning how to add a colorful rainbow to your images using Photoshop CC 2020. A step-by-step tutorial.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/add-rainbow-to-image-photoshop-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/add-rainbow-to-image-photoshop-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to add a rainbow to an image with Photoshop CC 2020\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\\\/#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 an Image in 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 an Image in Photoshop","description":"Brighten those stormy skies by learning how to add a colorful rainbow to your images using Photoshop CC 2020. A step-by-step tutorial.","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-an-image-in-photoshop-cc-2020\/","og_locale":"en_US","og_type":"article","og_title":"Add a Rainbow to your Image with Photoshop CC 2020","og_description":"Learn how to brighten those stormy skies by adding a rainbow to your image in the latest version of Photoshop!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2020-05-17T15:55:04+00:00","article_modified_time":"2022-11-05T15:53:44+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/05\/add-rainbow-to-image-photoshop-s.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Add a Rainbow to an Image in Photoshop","datePublished":"2020-05-17T15:55:04+00:00","dateModified":"2022-11-05T15:53:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/"},"wordCount":2313,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/05\/add-rainbow-to-image-photoshop-f.jpg","articleSection":["CC","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/","name":"Add a Rainbow to an Image in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/05\/add-rainbow-to-image-photoshop-f.jpg","datePublished":"2020-05-17T15:55:04+00:00","dateModified":"2022-11-05T15:53:44+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Brighten those stormy skies by learning how to add a colorful rainbow to your images using Photoshop CC 2020. A step-by-step tutorial.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/05\/add-rainbow-to-image-photoshop-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/05\/add-rainbow-to-image-photoshop-f.jpg","width":250,"height":250,"caption":"How to add a rainbow to an image with Photoshop CC 2020"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/#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 an Image in 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\/30133","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=30133"}],"version-history":[{"count":23,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/30133\/revisions"}],"predecessor-version":[{"id":33750,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/30133\/revisions\/33750"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/30137"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=30133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=30133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=30133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}