{"id":3676,"date":"2013-10-22T19:43:52","date_gmt":"2013-10-22T23:43:52","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=3676"},"modified":"2019-04-13T12:55:48","modified_gmt":"2019-04-13T16:55:48","slug":"starry-night-sky-effect-photoshop-cs6","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/","title":{"rendered":"Starry Night Sky Effect With Photoshop CS6"},"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<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this photo effects tutorial, we'll learn how to easily fill an empty night sky with stars using Photoshop CS6. This tutorial is also fully compatible with Photoshop CC (Creative Cloud). If you're using Photoshop CS5 or earlier, you'll want to check out the <a href=\"\/photo-effects\/starry-sky\/\">original version<\/a> of our Starry Night Sky tutorial.<\/p>\n<p>Capturing a star-filled night sky with our cameras can be tricky. Often there are  other, brighter light sources nearby (like city lights), and of course there's the added problem  of our planet refusing to play nice and stop spinning for us during the exposure. What we often end up with is either an interesting (but unwanted) star trail effect or a night sky filled with nothing but darkness. Fortunately, as we'll see in this tutorial, Photoshop makes it easy to add the stars into our photos later, with the additional benefit of being able to control just how &quot;starry&quot; the sky becomes. The result may not  fool any astronomers or astrophysicists in the family,  but  considering that this  same technique is often used to create star-filled backgrounds for movies, the effect is more than realistic enough to fool pretty much everyone else.<\/p>\n<p>Here's the photo I'll be starting with (<a href=\"http:\/\/www.shutterstock.com\/pic.mhtml?id=59821666\">city at night photo<\/a> from Shutterstock):<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/city-at-night.jpg\" alt=\"Cape Town harbor and city at night with moon in the sky. Image 59821666 licensed from Shutterstock by Photoshop Essentials.com\" width=\"640\" height=\"431\" \/>\n<div class=\"image-desc\">The original photo.<\/div>\n<p>And here's what the final &quot;starry night sky&quot; effect will look like:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/photoshop-star-filled-sky-effect.jpg\" alt=\"A starry night sky effect created in Photoshop CS6.\" width=\"640\" height=\"429\" \/>\n<div class=\"image-desc\">The final  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 Create A Starry Night Sky With Photoshop<\/h2>\n<h3>Step 1: Add A New Blank Layer<\/h3>\n<p>With our photo newly opened in Photoshop, if we look in the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>, we see the image sitting on the <a href=\"\/basics\/layers\/background-layer\/\">Background layer<\/a> which is currently the only layer in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/photoshop-layers-panel.gif\" alt=\"The Layers panel in Photoshop CS6 showing the Background layer.\" width=\"266\" height=\"270\" \/>\n<div class=\"image-desc\">The Layers panel showing the original image.<\/div>\n<p>Let's add a new blank layer for our stars. Click on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel (second icon from the right):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/new-layer-icon.gif\" alt=\"Clicking the New Layer icon in the Layers panel.\" width=\"266\" height=\"195\" \/>\n<div class=\"image-desc\">Clicking the New Layer icon.<\/div>\n<p>Photoshop adds a new blank layer named <em>Layer 1<\/em> above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/new-layer-1.gif\" alt=\"A new blank layer appears in the Layers panel.\" width=\"266\" height=\"182\" \/>\n<div class=\"image-desc\">The new blank layer is added.<\/div>\n<h3>Step 2: Fill The New Layer With Black<\/h3>\n<p>We need to fill our new layer with black. For that, we'll use Photoshop's Fill command. Go up to the <strong>Edit<\/strong> menu in the Menu Bar along the top of the screen and choose <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/select-fill-command.gif\" alt=\"Selecting the Fill command from the Edit menu in the Menu Bar.\" width=\"265\" height=\"191\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Fill.<\/div>\n<p>This opens the Fill dialog box. Change the <strong>Use<\/strong> option at the top of the dialog box to <strong>Black<\/strong>. In the Blending section in the bottom half of the dialog box, make sure <strong>Mode<\/strong> is set to <strong>Normal<\/strong> and <strong>Opacity<\/strong> is set to <strong>100%<\/strong> (which they should be set to by default):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/photoshop-fill-command.gif\" alt=\"Changing the Use option to Black in the Fill dialog box.\" width=\"377\" height=\"274\" \/>\n<div class=\"image-desc\">Changing the Use option to Black.<\/div>\n<p>Click OK when you're done to close out of the Fill dialog box, at which point Photoshop fills the new layer with black, temporarily blocking our photo from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/filled-with-black.gif\" alt=\"The document after filling the new layer with black.\" width=\"500\" height=\"351\" \/>\n<div class=\"image-desc\">Filling the top layer with black hides the photo on the layer below it.<\/div>\n<h3>Step 3: Convert The Layer Into A Smart Object<\/h3>\n<p>In a moment, we're going to apply a couple of Photoshop's filters to this black-filled layer. But before we do, let's first convert the layer into a <strong>Smart Object<\/strong>. That way, our filters will be applied as <strong>Smart Filters<\/strong>, allowing us to go back and edit their settings later if we need to. With Layer 1 selected (it should be highlighted in blue), click on the small <strong>menu icon<\/strong> in the top right corner of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/layers-panel-menu-icon.gif\" alt=\"The Layers panel menu icon.\" width=\"284\" height=\"192\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>Then choose <strong>Convert to Smart Object<\/strong> from the menu that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/convert-to-smart-object.gif\" alt=\"Selecting the Convert to Smart Object command from the Layers panel menu.\" width=\"250\" height=\"134\" \/>\n<div class=\"image-desc\">Selecting Convert to Smart Object from the Layers panel menu.<\/div>\n<p>Nothing will seem to have happened to the image, but a small <strong>Smart Object icon<\/strong> appears in the lower right corner of the layer's <strong>preview thumbnail<\/strong> in the Layers panel. This lets us know the layer is now a Smart Object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/smart-object-icon.gif\" alt=\"The layer has been converted into a Smart Object.\" width=\"266\" height=\"210\" \/>\n<div class=\"image-desc\">Smart Objects are indicated by a small icon in their preview thumbnail.<\/div>\n<h3>Step 4: Apply The Add Noise Filter<\/h3>\n<p>We're ready to add our filters, and we'll start with the Add Noise filter. Go up to the <strong>Filter<\/strong> menu at the top of the screen, choose <strong>Noise<\/strong>, then choose <strong>Add Noise<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/select-add-noise-filter.gif\" alt=\"Selecting the Add Noise filter from the Filter menu.\" width=\"180\" height=\"111\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Noise &gt; Add Noise.<\/div>\n<p>This opens the Add Noise dialog box. The Add Noise filter basically adds a bunch of little white, single-pixel dots to the black-filled layer, and we control how many dots are added using the <strong>Amount<\/strong> value. Enter a value of around <strong>25%<\/strong>. At the bottom of the dialog box, set the <strong>Distribution<\/strong> option to <strong>Gaussian<\/strong> and select the <strong>Monochromatic<\/strong> option, which will prevent any colors other than black and white from appearing in the noise:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/add-noise-filter.gif\" alt=\"The Add Noise filter dialog box in Photoshop CS6.\" width=\"366\" height=\"457\" \/>\n<div class=\"image-desc\">The Add Noise dialog box.<\/div>\n<p>Click OK to close out of the Add Noise dialog box. Photoshop fills the layer with noise (random  dots):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/image-add-noise.jpg\" alt=\"The image after applying the Add Noise filter.\" width=\"640\" height=\"427\" \/>\n<div class=\"image-desc\">The image after applying the Add Noise filter.<\/div>\n<p>If we look back in the Layers panel, we see the Add Noise filter listed as a Smart Filter below Layer 1:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/add-noise-smart-filter.gif\" alt=\"The Layers panel showing the Add Noise Smart Filter.\" width=\"266\" height=\"199\" \/>\n<div class=\"image-desc\">The Layers panel showing the Add Noise Smart Filter.<\/div>\n<h3>Step 5: Apply The Gaussian Blur Filter<\/h3>\n<p>Now that we've added some noise, we need to add a bit of blurring to it, which will make those single-pixel dots a bit wider and clump some of them together. We'll do that using Photoshop's Gaussian Blur filter. Go back up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/select-gaussian-blur-filter.gif\" alt=\"Selecting the Gaussian Blur filter from the Filter menu.\" width=\"158\" height=\"126\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>This opens the Gaussian Blur dialog box. We control the amount of blurring using the <strong>Radius<\/strong> value, and you can either enter a value directly into the Radius box or drag the slider along the bottom to increase or decrease the value. The value you'll want to enter here will depend on the size of your image. Generally, a Radius value of 2 to 6 pixels works best, with 2 pixels being ideal for small images and 6 pixels for very large images.<\/p>\n<p>The nice thing is, since we're adding the Gaussian Blur filter as a Smart Filter, we can easily go back later and try a different value. I'm going to enter a Radius value of <strong>3 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/gaussian-blur-radius.gif\" alt=\"Setting the Radius value in the Gaussian Blur dialog box.\" width=\"344\" height=\"357\" \/>\n<div class=\"image-desc\">Setting the Radius value to 3 pixels.<\/div>\n<p>Click OK when you're done to close out of the dialog box and apply the blurring effect to the noise. If we look again in the Layers panel, we  see both the Add Noise and Gaussian Blur filters listed as Smart Filters below Layer 1:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/gaussian-blur-smart-filter.gif\" alt=\"The Add Noise and Gaussian Blur Smart Filters in the Layers panel.\" width=\"266\" height=\"218\" \/>\n<div class=\"image-desc\">Both filters are now listed as Smart Filters.<\/div>\n<p>If you decide later on that you want to try a different Radius value for the Gaussian Blur filter, all you'll need to do is <strong>double-click<\/strong> directly on the words Gaussian Blur:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/double-click-gaussian-blur.gif\" alt=\"Double-clicking on the Gaussian Blur Smart Filter to re-open it.\" width=\"266\" height=\"219\" \/>\n<div class=\"image-desc\">Double-clicking on the Gaussian Blur Smart Filter.<\/div>\n<p>This will re-open the filter's dialog box where you can enter in a different Radius value, again anywhere from 2 to 6 pixels depending on the size of your image. Simply click OK when you're done to close back out of the dialog box. You can do this as often as you like because Smart Filters in Photoshop are <em>non-destructive<\/em>, meaning no permanent changes are ever made to the image. Using Smart Filters with our effects make it easy to fine-tune them and get them looking just right.<\/p>\n<h3>Step 6: Add A Levels Adjustment Layer<\/h3>\n<p>Next, we need to brighten the lightest areas of our noise layer and darken the darkest areas. This will turn the faint, blurry noise into our stars. Press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard and click on the <strong>New Adjustment Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/new-adjustment-layer-icon.gif\" alt=\"Clicking the New Adjustment Layer icon in the Layers panel.\" width=\"266\" height=\"179\" \/>\n<div class=\"image-desc\">Clicking the New Adjustment Layer icon while pressing and holding Alt (Win) \/ Option (Mac).<\/div>\n<p>Choose a <strong>Levels<\/strong> adjustment layer from the menu that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/choose-levels-adjustment.gif\" alt=\"Choosing a Levels adjustment layer.\" width=\"179\" height=\"113\" \/>\n<div class=\"image-desc\">Choosing a Levels adjustment layer.<\/div>\n<p>Photoshop will pop open the New Layer dialog box. Select the <strong>Use Previous Layer to Create Clipping Mask<\/strong> option by clicking inside its checkbox. This will <a href=\"\/basics\/clipping-masks-essentials\/\">clip<\/a> our adjustment layer to the noise layer below it, meaning that anything we do with the Levels adjustment layer will affect only the noise layer. The original image on the Background layer will not be affected. 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\/cs6\/starry-night-sky\/new-layer-dialog-box.gif\" alt=\"Selecting the Use Previous Layer to Create Clipping Mask option.\" width=\"482\" height=\"163\" \/>\n<div class=\"image-desc\">Checking the Use Previous Layer to Create Clipping Mask option.<\/div>\n<p>Photoshop adds the new Levels adjustment layer, named <em>Levels 1,<\/em> above the noise layer. It  appears indented to the right with a small arrow pointing down at the layer below it. This tells us the adjustment layer is clipped to the noise layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/levels-adjustment-layer.gif\" alt=\"Selecting the Use Previous Layer to Create Clipping Mask option.\" width=\"290\" height=\"213\" \/>\n<div class=\"image-desc\">The Levels adjustment layer (Levels 1) is added above Layer 1.<\/div>\n<p><a href=\"\/basics\/clipping-masks-essentials\/\">Learn how clipping masks work in Photoshop<\/a><\/p>\n<h3>Step 7: Adjust The White And Black Point Sliders<\/h3>\n<p>The controls and options for the Levels adjustment layer appear in the <strong>Properties panel<\/strong>. In the center of the panel is the <a href=\"\/photo-editing\/histogram\/\">Histogram<\/a>, a graph showing us the current tonal range of the image (or in this case, the tonal range of the noise layer). Directly below the histogram are three little sliders. The one on the far left, filled with black, is the <strong>black point slider<\/strong>. The one on the far right, filled with white, is the <strong>white point slider<\/strong>. There's also a gray slider in the middle, but for this effect, we won't need to use it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/levels-properties-panel.gif\" alt=\"The Properties Panel in Photoshop CS6 showing the Levels adjustment layer controls.\" width=\"304\" height=\"208\" \/>\n<div class=\"image-desc\">The black point (left) and white point (right) sliders.<\/div>\n<p>Click on the <strong>white point slider<\/strong> on the right and begin dragging it towards the left. As you drag, you'll see the lighter areas of the noise becoming brighter. Drag the slider all the way over to where the right side of the histogram begins. This will brighten the lightest areas of noise to pure white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/levels-white-point.gif\" alt=\"Dragging the white point slider towards the left.\" width=\"304\" height=\"206\" \/>\n<div class=\"image-desc\">Dragging the white point slider to the right side of the histogram.<\/div>\n<p>Here's what my image looks like after dragging the white point slider to the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/image-white-point.jpg\" alt=\"The image after adjusting the white point slider.\" width=\"640\" height=\"427\" \/>\n<div class=\"image-desc\">The lightest areas of noise are now much brighter.<\/div>\n<p>Next, click on the <strong>black point slider<\/strong> on the left and begin dragging it towards the right. As you drag, you'll see the darkest areas of noise becoming pure black. As you drag the slider further, more and more of the noise will disappear into the darkness. You'll need to drag the black point slider very close to the white point slider to achieve the best results, and you'll probably want to play around with both sliders a bit to fine-tune the effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/drag-levels-black-point.gif\" alt=\"Dragging the black point slider towards the right.\" width=\"304\" height=\"207\" \/>\n<div class=\"image-desc\">Dragging the black point slider to the right.<\/div>\n<p>Here's my stars effect after dragging the black point slider. One important note is that if you're creating the effect for print, you'll want to adjust the white and black point sliders so that it looks like you actually have more stars than you need, and that's because you'll lose some of the effect during the print process. If you're creating the effect strictly for the screen, you won't need to worry it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/image-black-point.jpg\" alt=\"The stars effect after adjusting the black point slider in Levels.\" width=\"640\" height=\"427\" \/>\n<div class=\"image-desc\">The effect after adjusting the black point slider.<\/div>\n<p>I mentioned earlier that you can go back at any point and re-adjust the amount of blurring being applied to the noise layer by double-clicking on the Gaussian Blur Smart Filter in the Layers panel (see Step 5). You can also go back and re-adjust these white point and black point sliders. Simply click on the Levels adjustment layer in the Layers panel to make it the active layer (if it isn't active already), then drag the sliders in the Properties panel. Just like Smart Filters, adjustment layers in Photoshop are non-destructive and fully editable. No permanent changes are made to the image.<\/p>\n<h3>Step 8: Add A Hue\/Saturation Adjustment Layer<\/h3>\n<p>Let's add a bit of color to the stars, and we can do that using a Hue\/Saturation adjustment layer. Once again press and hold your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard, then click on the <strong>New Adjustment Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/new-adjust-layer-icon-2.gif\" alt=\"Clicking again on the New Adjustment Layer icon in the Layers panel.\" width=\"290\" height=\"179\" \/>\n<div class=\"image-desc\">Clicking again on the New Adjustment Layer icon while holding Alt (Win) \/ Option (Mac).<\/div>\n<p>Select a <strong>Hue\/Saturation<\/strong> adjustment layer from the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/select-hue-saturation.gif\" alt=\"Adding a Hue\/Saturation adjustment layer in Photoshop.\" width=\"179\" height=\"125\" \/>\n<div class=\"image-desc\">Choosing Hue\/Saturation from the menu.<\/div>\n<p>Photoshop will again pop open the New Layer dialog box. Just as we did before, select the <strong>Use Previous Layer to Create Clipping Mask<\/strong> option by clicking inside its checkbox:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/use-previous-layer-2.gif\" alt=\"Selecting the Use Previous Layer to Create Clipping Mask option in the New Layer dialog box.\" width=\"482\" height=\"163\" \/>\n<div class=\"image-desc\">Selecting the Use Previous Layer to Create Clipping Mask option.<\/div>\n<p>Click OK when you're done to close out of the dialog box. Photoshop adds a new Hue\/Saturation adjustment layer named <em>Hue\/Saturation 1<\/em> above the Levels layer (I've expanded the width of the Layers panel in the screenshot just to make the name visible). This new adjustment layer is also clipped to the noise layer, allowing us to colorize only the noise, not the original image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/hue-saturation-layer.gif\" alt=\"The Layers panel showing the new Hue\/Saturation adjustment layer.\" width=\"343\" height=\"264\" \/>\n<div class=\"image-desc\">The Layers panel showing the new Hue\/Saturation adjustment layer.<\/div>\n<p>With the Hue\/Saturation adjustment layer active in the Layers panel, the <strong>Properties panel<\/strong> changes to the Hue\/Saturation controls and options. First, select the <strong>Colorize<\/strong> option near the bottom of the dialog box by clicking inside its checkbox. Then, drag the <strong>Hue<\/strong> slider to select whichever color you like for your stars. I think blue looks nice, so I'll drag my Hue slider over to the right to a value of around 212. If you think the color looks too intense, drag the <strong>Saturation<\/strong> slider towards the left to reduce it. I'll lower my Saturation value from its default value of 25 down to 15:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/hue-saturation-options.gif\" alt=\"The Hue\/Saturation options in the Properties panel in Photoshop CS6.\" width=\"304\" height=\"301\" \/>\n<div class=\"image-desc\">Checking Colorize, then dragging the Hue and Saturation sliders.<\/div>\n<p>Here's my image after colorizing the stars. The colorizing effect is quite subtle so it may be easier to see the result with your own image in Photoshop than it is in this screenshot:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/stars-colorized.jpg\" alt=\"The effect after colorizing the stars.\" width=\"640\" height=\"426\" \/>\n<div class=\"image-desc\">The effect after colorizing the stars.<\/div>\n<h3>Step 9: Group All Three Layers Above The Background Layer<\/h3>\n<p>Of course, we do have one big problem at the moment. Our stars are completely blocking the original photo from view. Let's fix that, and we'll start by taking all three layers that are combining to create the stars effect (in other words, all the layers sitting above the Background layer) and grouping them together into a <a href=\"\/basics\/layers\/layer-groups\/\">layer group<\/a>.<\/p>\n<p>With the top Hue\/Saturation layer selected in the Layers panel, hold down the <strong>Shift<\/strong> key on your keyboard and click on the noise layer (Layer 1). This will select all three layers at once (they'll all appear highlighted in blue):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/select-three-layers.gif\" alt=\"Selecting three layers at once in the Layers panel.\" width=\"343\" height=\"304\" \/>\n<div class=\"image-desc\">All three layers above the Background layer are selected.<\/div>\n<p>With the layers selected, click on the Layers panel <strong>menu icon<\/strong> in the top right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/menu-icon.gif\" alt=\"Clicking the Layers panel menu icon in Photoshop.\" width=\"356\" height=\"184\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>Choose <strong>New Group from Layers<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/new-group-from-layers.gif\" alt=\"Selecting New Group from Layers from the Layers panel menu.\" width=\"251\" height=\"134\" \/>\n<div class=\"image-desc\">Selecting New Group from Layers from the Layers panel menu.<\/div>\n<p>Photoshop opens the New Group from Layers dialog box. Name the group \"Stars\", then click OK to close out of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/naming-layer-group.gif\" alt=\"Naming the layer group in the New Group from Layers dialog box.\" width=\"476\" height=\"140\" \/>\n<div class=\"image-desc\">The New Group from Layers dialog box.<\/div>\n<p>The new Stars group appears in the Layers panel with our three layers inside it. If you click the <strong>triangle<\/strong> icon to the left of the folder icon, you can twirl the group open and see the layers nested within it. Click the triangle icon again to twirl it closed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/new-stars-layer-group.gif\" alt=\"The Layers panel showing the new Stars layer group.\" width=\"266\" height=\"270\" \/>\n<div class=\"image-desc\">Layer groups are a great way to keep the Layers panel organized.<\/div>\n<p><a href=\"\/basics\/layers\/layer-groups\/\">Learn all about layer groups in Photoshop<\/a><\/p>\n<h3>Step 10: Turn The Layer Group Off<\/h3>\n<p>Let's hide the Stars group temporarily so we can see our original image. To do that, click on the layer group's <strong>visibility icon<\/strong> (the little eyeball):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/group-visibility-icon.gif\" alt=\"Clicking the layer group visibility icon in the Layers panel.\" width=\"285\" height=\"211\" \/>\n<div class=\"image-desc\">Clicking the layer group's visibility icon.<\/div>\n<p>The original image reappears in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/city-at-night.jpg\" alt=\"Cape Town harbor and city at night with moon in the sky. Image 59821666 licensed from Shutterstock by Photoshop Essentials.com\" width=\"640\" height=\"431\" \/>\n<div class=\"image-desc\">The original image is once again visible.<\/div>\n<h3>Step 11: Select The Area Where The Stars Should Not Appear<\/h3>\n<p>Now that we can see our image again, we need to select the area where the stars should not be visible. In my case, that would be the city in the bottom of the image, as well as the (barely visible) mountain range off in the distance. Photoshop has plenty of <a href=\"\/basics\/selections\/\">selection tools<\/a> to choose from, and the one you'll want to use will depend on the subject you need to select. I'm going to keep things simple here and go with the standard <a href=\"\/basics\/selections\/lasso-tool\/\">Lasso Tool<\/a> which I'll grab from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/photoshop-lasso-tool.gif\" alt=\"Selecting the Lasso Tool in Photoshop.\" width=\"86\" height=\"171\" \/>\n<div class=\"image-desc\">Selecting the Lasso Tool.<\/div>\n<p>With the Lasso Tool in hand, I'll drag along the top of the city and mountain range. With this image, there's no need to be surgically precise with my selection (which is why I chose the Lasso Tool) but I'll still keep my selection outline as close to the edges of my subject(s) as possible. To select the sides and bottom of the photo, I can simply drag outside the image into the gray pasteboard area. Photoshop will automatically snap the selection outline to the edges of the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/selecting-city.jpg\" alt=\"Selecting the city and mountain range with the Lasso Tool in Photoshop.\" width=\"640\" height=\"268\" \/>\n<div class=\"image-desc\">The area along the bottom of the image is now selected.<\/div>\n<p>I think I also want to select the area around the moon in the top right corner of the photo. For that, I'll use Photoshop's <a href=\"\/basics\/selections\/elliptical-marquee-tool\/\"><strong>Elliptical Marquee Tool<\/strong><\/a>. To select it, I'll click and hold on the <a href=\"\/basics\/selections\/rectangular-marquee-tool\/\">Rectangular Marquee Tool<\/a> in the Tools panel, then I'll grab the Elliptical Marquee Tool from the fly-out menu that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/elliptical-marquee-tool.gif\" alt=\"Selecting the Elliptical Marquee Tool in Photoshop.\" width=\"292\" height=\"167\" \/>\n<div class=\"image-desc\">Selecting the Elliptical Marquee Tool.<\/div>\n<p>The default behavior for most of Photoshop's selection tools, including the Elliptical Marquee Tool, is to create a brand new selection, but what I want to do here is add a new area to the selection I've already created, so I'll click on the <strong>Add to Selection<\/strong> icon up in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/add-to-selection.gif\" alt=\"Clicking the Add to Selection icon in the Options Bar in Photoshop.\" width=\"309\" height=\"95\" \/>\n<div class=\"image-desc\">Changing the behavior of the Elliptical Marquee Tool from New Selection to Add to Selection.<\/div>\n<p>Then, I'll position my mouse cursor in the center of the moon. The small <strong>plus icon<\/strong> ( <strong>+<\/strong> ) in the lower right of the cursor tells me I'm in Add to Selection mode:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/center-moon.jpg\" alt=\"Centering the Elliptical Marquee Tool cursor inside the moon.\" width=\"364\" height=\"283\" \/>\n<div class=\"image-desc\">Centering the Elliptical Marquee Tool cursor inside the moon.<\/div>\n<p>I'll click and, with my mouse button held down, I'll begin dragging outward from the center. As soon as I start dragging, I'll press and hold <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac) on my keyboard, then continue dragging. Holding the Shift key will force my elliptical selection into a perfect circle, while the Alt (Win) \/ Option (Mac) key tells Photoshop to drag the selection outward from the spot I clicked on:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/drag-from-center.jpg\" alt=\"Centering the Elliptical Marquee Tool cursor inside the moon.\" width=\"466\" height=\"400\" \/>\n<div class=\"image-desc\">Centering the Elliptical Marquee Tool cursor inside the moon.<\/div>\n<p>I'll release my mouse button when I'm done, and now we can see that I have both the city along the bottom of the photo and the moon in the upper right corner selected. These are the areas where the stars will not appear:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/area-selected.jpg\" alt=\"The area around the moon has been added to the initial selection.\" width=\"640\" height=\"427\" \/>\n<div class=\"image-desc\">The area around the moon has been added to the initial selection.<\/div>\n<p><a href=\"\/basics\/selections\/basic-selections\/\">Learn how to add, subtract and intersect your selections in Photoshop<\/a><\/p>\n<h3>Step 12: Turn The Layer Group Back On<\/h3>\n<p>Click once again on the layer group's <strong>visibility icon<\/strong> (the empty square where the eyeball used to be) to make the group visible again in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/turn-layer-group-on.gif\" alt=\"Clicking the Stars layer group's visibility icon.\" width=\"284\" height=\"178\" \/>\n<div class=\"image-desc\">Clicking the Stars layer group's visibility icon.<\/div>\n<p>The stars will  again block the original image from view, but the selection outline(s) will remain visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/stars-selection-outline.jpg\" alt=\"The selection outlines are visible in front of the stars.\" width=\"640\" height=\"427\" \/>\n<div class=\"image-desc\">The selection outlines appear in front of the stars.<\/div>\n<h3>Step 13: Add A Layer Mask<\/h3>\n<p>Press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard and click the <strong>Add 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\/cs6\/starry-night-sky\/add-layer-mask-icon.gif\" alt=\"Clicking the Add Layer Mask icon in the Layers panel.\" width=\"266\" height=\"166\" \/>\n<div class=\"image-desc\">Clicking the Add Layer Mask icon (while holding Alt (Win) \/ Option (Mac)).<\/div>\n<p>Photoshop adds a <a href=\"\/basics\/layers\/layer-masks\/\">layer mask<\/a> to the Stars group and uses our selection to determine which areas of the group should remain visible and which should be hidden. Normally, the area inside the selection would remain visible, but by holding down the Alt (Win) \/ Option (Mac) key, we told Photoshop to do the opposite and keep everything <em>outside<\/em> the selection visible while hiding the areas inside it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/image-layer-mask-added.jpg\" alt=\"The image after adding the layer mask.\" width=\"640\" height=\"426\" \/>\n<div class=\"image-desc\">The image after adding the layer mask.<\/div>\n<p>If we look in the Layers panel, we see that a <strong>layer mask thumbnail<\/strong> has been added to the Stars group, with black representing the areas that are hidden from view and white  being the visible areas:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/layer-mask-thumbnail.gif\" alt=\"The Layers panel showing the mask thumbnail.\" width=\"266\" height=\"212\" \/>\n<div class=\"image-desc\">The Layers panel showing the mask thumbnail.<\/div>\n<p><a href=\"\/basics\/layers\/layer-masks\/\">Understanding layer masks in Photoshop<\/a><\/p>\n<h3>Step 14: Change The Blend Mode Of The Layer Group To Screen<\/h3>\n<p>The only problem remaining is that I'm seeing harsh, ugly edges separating the visible and hidden areas of the stars. To blend the stars in with the original photo and create seamless transitions, change the <a href=\"\/photo-editing\/layer-blend-modes\/intro\/\">blend mode<\/a> of the Stars layer group from Pass Through to <strong>Screen<\/strong>. The blend mode option is found in the upper left corner of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/layer-blend-mode.gif\" alt=\"Changing the layer blend mode of the Stars group to Screen.\" width=\"288\" height=\"219\" \/>\n<div class=\"image-desc\">Changing the blend mode of the Stars group to Screen.<\/div>\n<p>Here, after changing the blend mode to Screen, is my final starry night sky effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/starry-night-sky\/photoshop-star-filled-sky-effect.jpg\" alt=\"A starry night sky effect created in Photoshop CS6.\" width=\"640\" height=\"429\" \/>\n<div class=\"image-desc\">The final result.<\/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! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials! And don't forget, all of our Photoshop tutorials are ready to download as <a href=\"\/print-ready-pdfs\/\" title=\"Download our Photoshop tutorials as PDFs\">print-ready PDFs<\/a>!<\/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 add a sea of stars to your night time photos! Now fully updated for Photoshop CS6 and compatible with Photoshop CC (Creative Cloud)!<\/p>\n","protected":false},"author":1,"featured_media":15343,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-3676","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>Starry Night Sky Effect With Photoshop CS6<\/title>\n<meta name=\"description\" content=\"In this photo effects tutorial, learn how to add a sea of stars to your night time photos with Photoshop CS6 and Photoshop CC!\" \/>\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\/starry-night-sky-effect-photoshop-cs6\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Starry Night Sky Effect With Photoshop CS6\" \/>\n<meta property=\"og:description\" content=\"In this photo effects tutorial, learn how to add a sea of stars to your night time photos with Photoshop CS6 and Photoshop CC!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/\" \/>\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=\"2013-10-22T23:43:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T16:55:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-star-filled-sky-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=\"17 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\\\/starry-night-sky-effect-photoshop-cs6\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Starry Night Sky Effect With Photoshop CS6\",\"datePublished\":\"2013-10-22T23:43:52+00:00\",\"dateModified\":\"2019-04-13T16:55:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/\"},\"wordCount\":3489,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/photoshop-star-filled-sky-effect-f.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/\",\"name\":\"Starry Night Sky Effect With Photoshop CS6\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/photoshop-star-filled-sky-effect-f.jpg\",\"datePublished\":\"2013-10-22T23:43:52+00:00\",\"dateModified\":\"2019-04-13T16:55:48+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this photo effects tutorial, learn how to add a sea of stars to your night time photos with Photoshop CS6 and Photoshop CC!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/photoshop-star-filled-sky-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/photoshop-star-filled-sky-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Starry Night Sky Effect With Photoshop CS6\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starry-night-sky-effect-photoshop-cs6\\\/#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\":\"Starry NIght Sky Effect CS6\"}]},{\"@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":"Starry Night Sky Effect With Photoshop CS6","description":"In this photo effects tutorial, learn how to add a sea of stars to your night time photos with Photoshop CS6 and Photoshop CC!","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\/starry-night-sky-effect-photoshop-cs6\/","og_locale":"en_US","og_type":"article","og_title":"Starry Night Sky Effect With Photoshop CS6","og_description":"In this photo effects tutorial, learn how to add a sea of stars to your night time photos with Photoshop CS6 and Photoshop CC!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2013-10-22T23:43:52+00:00","article_modified_time":"2019-04-13T16:55:48+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-star-filled-sky-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Starry Night Sky Effect With Photoshop CS6","datePublished":"2013-10-22T23:43:52+00:00","dateModified":"2019-04-13T16:55:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/"},"wordCount":3489,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-star-filled-sky-effect-f.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/","name":"Starry Night Sky Effect With Photoshop CS6","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-star-filled-sky-effect-f.jpg","datePublished":"2013-10-22T23:43:52+00:00","dateModified":"2019-04-13T16:55:48+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this photo effects tutorial, learn how to add a sea of stars to your night time photos with Photoshop CS6 and Photoshop CC!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-star-filled-sky-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-star-filled-sky-effect-f.jpg","width":250,"height":250,"caption":"Starry Night Sky Effect With Photoshop CS6"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starry-night-sky-effect-photoshop-cs6\/#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":"Starry NIght Sky Effect CS6"}]},{"@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\/3676","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=3676"}],"version-history":[{"count":30,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/3676\/revisions"}],"predecessor-version":[{"id":27397,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/3676\/revisions\/27397"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15343"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=3676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=3676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=3676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}