Dancing In The Stars Photo Effect - Page 2

Step 11: Open The Photo Of The Dancing Couple

We're ready to add our dancing couple into the stars. Open your photo that contains the couple. Here's the photo I'll be using. The photo will open in a separate document window:

A wedding couple dancing. Image licensed by Photoshop Essentials.com.
The happy couple.

Step 12: Select The Couple

Use the Photoshop selection tool of your choice (Lasso Tool, Magnetic Lasso Tool, Pen Tool, etc) to select just the couple in the photo. When you're done, you should see a selection outline around them:

Selecting the wedding couple in the photo. Image © 2010 Photoshop Essentials.com.
Select the couple.

Step 13: Copy The Selection To A New Layer

Press Ctrl+J (Win) / Command+J (Mac) to quickly copy the couple to their own layer in the Layers panel:

Copying the wedding couple to a new layer. Image © 2010 Photoshop Essentials.com.
The couple now have their own layer all to themselves.

Step 14: Move The Layer To The Stars Document

With the couple's layer selected in the Layers panel, go up to the Layer menu and choose Duplicate Layer:

Photoshop Duplicate Layer command. Image © 2010 Photoshop Essentials.com.
Go to Layer > Duplicate Layer.

We're going to copy this layer over to our stars document. When the Duplicate Layer dialog box appears, name the layer Couple at the top of the dialog box (where it says Duplicate Layer 1 As). Then choose your "Dancing In The Stars" document as the Destination for the layer. Click OK when you're done to close out of the dialog box:

Photoshop Duplicate Layer command. Image © 2010 Photoshop Essentials.com.
Name the duplicate layer "Couple" and set your stars document as the destination.

Switch back over to the stars document (you can close out of the photo's document at this point), where we find the couple now dancing in front of the stars (we'll move them into position in a moment):

The wedding couple has been added to the stars document. Image licensed byPhotoshop Essentials.com.
The couple has been added to the document.

If we look in the Layers panel, we see that the couple now sits on their own layer named "Couple" above the other two layers:

The layer has been moved to the new document. Image © 2010 Photoshop Essentials.com.
Photoshop placed the "Couple" layer above the original two layers.

Step 15: Move And Resize The Couple With Free Transform

Press Ctrl+T (Win) / Command+T (Mac) to quickly bring up the Free Transform box and handles around the couple so we can resize them if needed and move them into position. To resize the couple, hold down your Shift key and drag any of the four corner handles. Keeping the Shift key held down as you drag constrains the aspect ratio of the couple so you don't distort the overall shape of them. To move them into position, click anywhere inside the Free Transform bounding box and drag them around inside the document with your mouse. Move them so it looks like they're standing directly on the center of the "galaxy". Press Enter (Win) / Return (Mac) when you're done to accept the changes and exit out of Free Transform:

Resizing and moving the wedding couple with Free Transform. Image © 2010 Photoshop Essentials.com.
Move the couple directly above the center of the gradient.

Step 16: Add A Layer Mask

Click on the Layer Mask icon at the bottom of the Layers panel to add a layer mask to the "Couple" layer:

Photoshop Add Layer Mask icon. Image © 2010 Photoshop Essentials.com.
Click the Layer Mask icon.

A layer mask thumbnail appears to the right of the main preview thumbnail:

Photoshop layer mask thumbnail. Image © 2010 Photoshop Essentials.com.s
The layer mask thumbnail.

Step 17: Draw A Linear Gradient On The Layer Mask

We're going to use the layer mask to blend the lower part of the couple into the gradient, as if they're being engulfed by the light from the galaxy. Select the Gradient Tool once again from the Tools panel. Then, up in the Options Bar, click on the Linear gradient icon:

The linear gradient icon in the Options Bar in Photoshop. Image © 2010 Photoshop Essentials.com.
Click on the Linear gradient option.

To blend the couple into the gradient, I'll click somewhere just below their knee level to set a starting point for the gradient, and with my mouse button still held down, I'll drag down to just above the groom's feet. Hold your Shift key as you drag, which will limit the direction you can drag in, making it easier to drag straight down:

Drawing a linear gradient on the layer mask. Image © 2010 Photoshop Essentials.com.
Dragging a short vertical gradient on the layer mask.

Since we drew the gradient on the layer mask, not the layer itself, when you release your mouse button, the couple blends nicely into the "galaxy" below them:

The couple is now blended into the galaxy. Image © 2010 Photoshop Essentials.com.
The image after blending the couple into the gradient.

Step 18: Colorize The Image With A Hue/Saturation Adjustment Layer

Let's give the galaxy some color. Click on the New Adjustment Layer icon at the bottom of the Layers panel:

Photoshop New Adjustment Layer icon. Image © 2010 Photoshop Essentials.com.
The New Adjustment Layer icon.

Select Hue/Saturation from the list of adjustment layers that appears:

Selecting a Hue/Saturation adjustment layer. Image © 2010 Photoshop Essentials.com.
Choose Hue/Saturation.

If you're using Photoshop CS5 as I am here, the options for Hue/Saturation will appear in the Adjustments Panel, new in CS5. In Photoshop CS4 and earlier, the Hue/Saturation dialog box will pop open. I'm going to give my galaxy a nice blue color. First, select the Colorize option by clicking inside its checkbox. With Colorize selected, if you want to use the same color I'm using, set the Hue value to 240 and increase the Saturation to 50% (if you want to try a different color, simply drag the Hue slider left or right):

The Hue/Saturation options in Photoshop. Image © 2010 Photoshop Essentials.com.
The Hue/Saturation options.

If you're using Photoshop CS4 or earlier, click OK when you're done to exit out of the dialog box. There's no need to close out of the Adjustments Panel in CS5. The color will look too intense for the moment, but we'll fix that next:

The image has been colorized in Photoshop. Image © 2010 Photoshop Essentials.com.
The color is currently too intense.

Step 19: Change The Blend Mode To Color And Lower The Opacity

Change the blend mode of the Hue/Saturation adjustment layer from Normal to Color so that only the colors in the image are affected, not the brightness values. Then, to reduce the intensity of the color, lower the Opacity of the Hue/Saturation adjustment layer to around 60%:

The blend mode and opacity options in the Layers panel. Image © 2010 Photoshop Essentials.com.
Change the blend mode to Color and lower the opacity.

The colorizing effect is now much more subtle. Still one last thing left to do:

The image after lowering the opacity. Image © 2010 Photoshop Essentials.com.
The image after reducing the color.

Get our entire collection of Photoshop tutorials as convenient, print-ready PDFs!

Step 20: Draw A Linear Gradient On The Hue/Saturation Layer Mask

To finish things off, let's make it look more like the light from the galaxy is reflecting off the couple rather than having the entire image colorized in blue (or whichever color you chose). This will bring back the original skin tone in their faces. With the Gradient Tool still selected, I'll click around the bride's waist to set the starting point for my gradient and, with my mouse button still held down, I'll drag up to her shoulder, holding my Shift key down as well to make it easier to drag straight up:

Dragging another linear gradient. Image © 2010 Photoshop Essentials.com.
Make sure you end your transition area before reaching the couple's faces.

Once again, since we drew the gradient on a layer mask (the Hue/Saturation adjustment layer's mask, which was already selected for us by Photoshop), we don't actually see the gradient in the document. Instead, the color from the galaxy now extends only up to the bride's waist and then begins to quickly fade away to reveal the photo's original colors, completing our "dancing in the stars" effect:

Photoshop Dancing In The Stars Effect. Image © 2010 Photoshop Essentials.com.
The final result.

And there we have it!

More Photo Effects tutorials - View our complete collection!

Go to page: 1 | 2