Archive for May, 2012

Create a Dark Dreamy Emotional Photo Manipulation (Part 1)

In this tutorial (Part 1 of 2) I’ll show you how to create a Dark dreamy emotional photo manipulation. We’ll come through techniques of manipulating, retouching, layer mask, adjusting light and shadow as well as other several techniques.


Final Image Preview

Create a Dark Dreamy Emotional Photo Manipulation

Resources


Step 1

Create a new file with a width of 4500 px and a height of 4500 px at 300 dpi (Dots per Inch). Background should be White.

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 2

Let’s start with our background (sky).

Let’s open the desolate storm in Photoshop. We will be using the sky from this stock image so we will need to transfer it to our main canvas.

Click the desolate storm image and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “sky”.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 3

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “sky” layer is selected resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 4

Now Create new color balance adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

Fill values see as below :

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Now Create new Curves adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Curves box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 5

First off, let’s open the Clevedon Pier – sxc.hu stock in Photoshop. We will be using the Clevedon Pier from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Clevedon Pier and press P to activate pen tool and then make a selection around the Clevedon Pier and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Clevedon Pier”.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 6

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Clevedon Pier ” layer is selected and then resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 7

First off, let’s open the Swan IV – IQuitCountingStock stock in Photoshop. We will be using the Swan from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Swan and press P to activate pen tool and then make a selection around the Swan. Click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Swan”:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Activate transform tool and then make a right click and choose flip horizontal

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 8

Now Create new Curves adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Curves box opens, input the following:

Create a Dark Dreamy Emotional Photo Manipulation 11

Press Alt+left click in between 2 layer’s (swan and Curves) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Create new brightness/contrast adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

Input the following and Press Alt+left click in between 2 layer’s (swan and brightness/contrast) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 9

Let’s make a Source light to our image.Activate a new layer (ctrl+n) and name it “Source light”.

Activate Brush tool (B) with these settings :

Brush size: 600px

Hardness: 0%

Opacity: 40%

Flow: 100%

Color: #FFFFFF

Paint over the highlighted area.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 10

Let’s make swan’s shadow.Activate a new layer and name it “swan shadow”

Make a duplicate of swan layer by using Ctrl+J, activate transform tool (ctrl+t) and right click and choose flip vertical.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Activate the duplicate layer by (ctrl+left click on duplicate layer) and fill with black color.

Create a Dark Dreamy Emotional Photo Manipulation 11

Activate Erase tool (E) with these settings:

Brush size: 200px

Hardness: 0%

Opacity: 40%

Flow: 100%

Let’s erase and ease little bit of our shadow to make it light.

Create a Dark Dreamy Emotional Photo Manipulation 11

Step 11

First off, let’s open the Old top hat set stock in Photoshop. We will be using the hat from this stock image so we will need to transfer it to our main canvas.

Create a Dark Dreamy Emotional Photo Manipulation 11

Click the Old top hat and press P to activate pen tool and then make a selection around the hat and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “hat”.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 12

Next, activate the Transform tool (Ctrl/Cmd +T), and while the “Hat” layer is selected resize it as shown below:

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Step 13

Now Create new Brightness/Contrast adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Color Balance box opens, input the following.

Create a Dark Dreamy Emotional Photo Manipulation 11

Press Alt+left click in between 2 layer’s (Hat layer and Brightness/Contrast) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Now Crate new Hue/Saturation adjustment layer from the bottom of layers palette.

Create a Dark Dreamy Emotional Photo Manipulation 11

When the Hue/Saturation box opens, input the following.Press Alt+left click in between 2 layer’s (Hat layer and Hue/Saturation) to make a mask.

Create a Dark Dreamy Emotional Photo Manipulation 11
Create a Dark Dreamy Emotional Photo Manipulation 11

Part 2

Part 2 of this tutorial has been published here.

Frosted Glass Text Effect

This tutorial will explain how to create a beautiful frosted-rolled glass inspired text effect, using Photoshop Filters and Layer Styles.


Final Image Preview

Frosted Glass Text Effect

Resources


Step 1

Create a new document, 1152×864 pixels, set the Foreground color to #006d68, and the Background color to #004e49, then, go to Filter -> Render -> Clouds.

Frosted Glass Text Effect 1

Place the “fire texture 02″ on top of the Background layer, and change its layer’s Blend Mode to Multiply, and its Opacity to 50%.

Frosted Glass Text Effect 2

Place the “Weathered Texture” on top of both layers and change its layer’s Blend Mode to Soft Light.

Frosted Glass Text Effect 3

Step 2

Create the text using the color #7b7b7b. The font used is “Atrox”, and the Size is 330 pt.

Frosted Glass Text Effect 4

Duplicate the text layer, and change the copy’s Fill value to 0%.

Frosted Glass Text Effect 5

Step 3

Double click the original text layer to apply the following Layer Style.

- Drop Shadow: Just change the color to #686868.

Frosted Glass Text Effect 6

- Inner Shadow: Change the color to #737373, the Distance to 0 and the Size to 10.

Frosted Glass Text Effect 7

- Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 150, the Size to 27, and the Soften value to 5. Un-check the Use Global Light box, then, change the Angle to 90, the Altitude to 30, the Gloss Contour to Gaussian, and check the Anti-aliased box. Also, change the Highlight Mode to Overlay, its color to #ded96c, and the Shadow Mode’s color to #7b7b7b.

Frosted Glass Text Effect 8

This is what you should get after applying the style above:

Frosted Glass Text Effect 9

Step 4

Press the Ctrl/Cmd key, and click a text layer’s tumbnail (icon) to create a selection.

Frosted Glass Text Effect 10

Create a new layer between the two text layers and call it “Texture”. Fill the selection with the color #005954. Then go to Select -> Deselect (or press Ctrl/Cmd + D) to get rid of the selection.

Frosted Glass Text Effect 11

Set the Foreground color to #006d68 and the Background color to #004e49.

Frosted Glass Text Effect 12

Step 5

It’s time to apply the Filters to create the texture, so change the values as shown in the images below for each filter. Start by going to Filter- > Texture -> Mosaic Tiles:

Frosted Glass Text Effect 13
Frosted Glass Text Effect 14

Next, go to Filter -> Artistic -> Dry Brush:

Frosted Glass Text Effect 15
Frosted Glass Text Effect 16

Now, change the “Texture” layer’s Blend Mode to Hard Light.

Frosted Glass Text Effect 17

Step 6

Double click the copy (top) text layer to apply the following Layer Style.

- Outer Glow: change the Blend Mode to Overlay, and the color to #00a49d.

Frosted Glass Text Effect 18

- Inner Glow: Change the Blend Mode to Overlay, the Opacity to 50%, the Noise to 50% as well, the color to 8df4f2, the Technique to Precise, the Source to Center, and the Size to 20.

Frosted Glass Text Effect 19

- Bevel and Emboss: change the Technique to Chisel Hard, the Depth to 150, and the Size to 10. Un-check the Use Global Light box, then, change the Angle to 110, the Altitude to 15, the Gloss Contour to Cove – Deep, and check the Anti-aliased box. Also, change the Highlight Mode to Vivid Light, and the Shadow Mode’s color to #7b7b7b.

Frosted Glass Text Effect 20

- Contour: Choose the Rolling Slope – Descending contour, and check the Anti-aliased box.

Frosted Glass Text Effect 21

- Texture: choose the Metallic Snakeskin Pattern, and change the Depth to 20.

Frosted Glass Text Effect 22

This will add a nice glossy effect to the text.

Frosted Glass Text Effect 23

Step 7

Right click a text layer and choose Create Work Path.

Frosted Glass Text Effect 24

Create a new layer right below the original text layer and call it “Stroke”, then choose a hard round 7 px brush.

Frosted Glass Text Effect 25

Set the Foreground color to #159282. Then, pick the Direct Selection Tool, right click the path you’ve just created, and choose Stroke Path.

Frosted Glass Text Effect 26

Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is unchecked.

Frosted Glass Text Effect 27

Hit Enter/Return to get rid of the path.

Frosted Glass Text Effect 28

Step 8

Double click the “Stroke” layer to apply the following Layer Style:

- Drop Shadow: Just change the Size to 2.

Frosted Glass Text Effect 29

- Bevel and Emboss: Change the Gloss Contour to Cone – Inverted and check the Anti-aliased box. Also, change the Highlight Mode to Vivid Light, and the Shadow Mode’s color to #009d9e.

Frosted Glass Text Effect 30

- Contour: Choose the Cone – Inverted contour and check the Anti-aliased box as well.

Frosted Glass Text Effect 31

- Texture: Just choose the Clouds Pattern.

Frosted Glass Text Effect 32

This is what you should get.

Frosted Glass Text Effect 33

Step 9

Ctrl/Cmd + Click a text layer’s thumbnail once again to create a selection, then press Delete to get rid of the inner part of the stroke. .

Frosted Glass Text Effect 34

With the text selection still active, create a new layer on top of all layers and call it “Soft Brush”, then change its Blend Mode to Overlay and its Opacity to 50%. Set the Foreground color to #90eadc, and use a soft round brush, with a quite big size (aroud 100 px) to add some bright dots over some parts of the text. Try not to add too much dots as this will ruin the original effect.

Frosted Glass Text Effect 35

Create another new layer on top of all layers and call it “Color Brush”, then change its Blend Mode to Hue and its Opacity to 20%. Set the Foreground color to #eaddd6, and use a little bit bigger soft round brush (aroud 150 px) to add some color dots. The color is very subtle, but it adds nice depth to the effect. Try not to overdo it as well.

Frosted Glass Text Effect 36

Step 10

Next, we are going to apply the same effect using different colors to a star shape. So pick the Polygon Tool, and make sure that the “Shape Layers” icon in the Options bar is clicked, then enter 5 in the “Sides” box.

Frosted Glass Text Effect 36

Also in the Options bar, under the Polygon Options, check the Star box and set the “Indente Sides By:” value to 50%. Then, set the Foreground color to #7b7b7b.

Frosted Glass Text Effect 36

Create the star shape wherever you want to, then duplicate the shape layer and set the copy’s Fill value to 0%.

Frosted Glass Text Effect 36

Step 11

Double click the original shape layer to apply the following Layer Style:

- Drop Shadow: Change the color to #686868, the Distance to 3, and the Size to 3 as well.

Frosted Glass Text Effect 36

- Inner Shadow: Change the color to #737373, the Distance to 0 and the Size to 5.

Frosted Glass Text Effect 36

- Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 150, the Size to 14, and the Soften value to 3. Un-check the Use Global Light box, then, change the Angle to 90, the Altitude to 30, the Gloss Contour to Gaussian, and check the Anti-aliased box. Also, change the Highlight Mode to Overlay, its color to #ded96c, and the Shadow Mode’s color to #7b7b7b.

Frosted Glass Text Effect 36

This is almost the same Layer Style applied to the original text layer, but using different size values to suit the shape used. So you can modify the values depending on the shape you created and its size compared to the text.

Frosted Glass Text Effect 36

Step 12

Now double click the copy shape layer to apply the following Layer Style:

- Outer Glow: Change the Blend Mode to Overlay, the color to #a46000, and the Size to 3.

Frosted Glass Text Effect 36

- Inner Glow: Change the Blend Mode to Overlay, the Opacity to 50%, the Noise to 50% as well, the color to #cfad7b, the Technique to Precise, the Source to Center, and the Size to 10.

Frosted Glass Text Effect 36

- Bevel and Emboss: Change the Technique to Chisel Hard, and the Depth to 150. Un-check the Use Global Light box, then, change the Angle to 110, the Altitude to 15, the Gloss Contour to Cove – Deep, and check the Anti-aliased box. Also, change the Highlight Mode to Vivid Light, and the Shadow Mode’s color to #7b7b7b.

Frosted Glass Text Effect 36

- Contour: Choose the Rolling Slope – Descending contour, and check the Anti-aliased box.

Frosted Glass Text Effect 36

- Texture: Choose the Metallic Snakeskin Pattern, then change the Scale to 50% and the Depth to 20.

Frosted Glass Text Effect 36

Once again, this is similar to the copy text layer’s Layer Styles, but with different size and color values.

Frosted Glass Text Effect 36

Step 13

Create a new layer on top of the original shape layer, call it “Star Texture”, and change its Blend Mode to Hard Light. Then Ctrl/Cmd + Click the shape’s vector mask thumbnail to create a selection.

Frosted Glass Text Effect 36

Fill the selection with the color #8f7708, then press Ctrl/Cmd + D to get rid of the selection.

Frosted Glass Text Effect 36

Set the Foreground color to #4e4400 and the Background color to #8f7708. It’s time to apply the Filters to create the texture (like we did in Step 5), so change the values as shown in the images below for each filter. Start by going to Filter- > Texture -> Mosaic Tiles:

Frosted Glass Text Effect 36

Next, go to Filter -> Artistic -> Dry Brush:

Frosted Glass Text Effect 36
Frosted Glass Text Effect 36

Step 14

Creating the path to add the stroke is a little bit different as this is a shape. You’ll need to pick the Direct Selection Tool, click the star shape itself, then click and drag around the star shape to select its anchor points. After that, go to Edit -> Copy to copy the path

Frosted Glass Text Effect 36

Create a new layer below the original shape layer and call it “Star Stroke”, then go to Edit -> Paste to paste the path to the new layer.

Set the Foreground color to #958938 and choose a hard round 7 px brush.

Frosted Glass Text Effect 36

Pick the Direct Selection Tool again, then stroke the path just like you did before. Right click the path you’ve just created, and choose Stroke Path. Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is unchecked. Hit Enter/Return to get rid of the path.

After that, Ctrl/Cmd + Click the shape layer’s vector mask thumbnail and press Delete to get rid of the inner parts of the Stroke, and preass Ctrl/Cmd + D to get rid of the selection.

Frosted Glass Text Effect 36

Step 15

Double click the “Star Stroke” layer to apply the following Layer Style:

- Drop Shadow: Just change the Size to 2.

Frosted Glass Text Effect 36

- Bevel and Emboss: Change the Gloss Contour to Cone – Inverted and check the Anti-aliased box. Also, change the Highlight Mode to Vivid Light, and the Shadow Mode’s color to #9e8e00.

Frosted Glass Text Effect 36

- Contour: Choose the Cone – Inverted contour and check the Anti-aliased box as well.

Frosted Glass Text Effect 36

- Texture: Just choose the Clouds Pattern.

Frosted Glass Text Effect 36

This is what you should get.

Frosted Glass Text Effect 36

Final Image

And that’s it! You can use other color shades as well if you like, and the effect will look awesome on all colors.

Frosted Glass Text Effect

Hope you enjoyed the tutorial and found it useful.

Winners of Fotolia Giveaway

In this post, we announce the winners who previously participated in a giveaway held on May 9th, 2012.


Winners of Fotolia Giveaway

This was a great giveaway thanks to Fotolia. Each winner will receive a free 30 day account for up to 5 downloads a day.

About Fotolia

Fotolia was founded in New York City in 2005 and is the first microstock agency to offer both crowdsourced and professional images on one site.

Fotolia has over 17 million images and vectors to choose from, as well as over 280,000 video footage clips available to download.

The Winners

Here are the 5 lucky winners of Fotolia giveaway:

1. Edward
2. Vladimir Sijan
3. DJ
4. Samantha
5. Viorel

Thank you to all for participating on this giveaway and congratulations to the winners.

All the winners will be contacted with more details thru email.

More Giveaways coming Up!

New giveaway contests are being prepared so if you want to keep updated follow Photoshop Star:

1. Twitter

2. Newsletter

3. Facebook

4. RSS

Warm Colors on the Photo

In this Photoshop tutorial we are going to add warm colors to one photo playing with color settings and layer blending modes.


Final Image Preview

Warm Colors on the Photo

Resources


Step 1

Open photo in Photoshop. Resize photo to 1000×664 pixels by going to Image > Image Size. Duplicate photo using Ctrl+J. On duplicated layer apply Image > Adjustments > Color Balance.

Warm Colors on the Photo 1
Warm Colors on the Photo 2

Update layer blending mode to Multiply.

Warm Colors on the Photo 3

Step 2

Duplicate background photo using Ctrl+J. Place layer above all other layers. On duplicated layer apply Image > Adjustments > Color Balance.

Warm Colors on the Photo 4
Warm Colors on the Photo 5

Update layer blending mode to Lighten.

Warm Colors on the Photo 6

Step 3

Duplicate background photo using Ctrl+J. Place layer above all other layers. On duplicated layer apply Image > Adjustments > Color Balance.

Warm Colors on the Photo 7
Warm Colors on the Photo 8

Update layer blending mode to Darken.

Warm Colors on the Photo 9

Step 4

Duplicate background photo using Ctrl+J. Place layer above all other layers. On duplicated layer apply Image > Adjustments > Desaturate.

Warm Colors on the Photo 10

Go to Image > Adjustments > Brightness/Contrast.

Warm Colors on the Photo 11
Warm Colors on the Photo 12

Update layer blending mode to Darken.

Warm Colors on the Photo 13

Step 5

Duplicate background photo using Ctrl+J. Place layer above all other layers. On duplicated layer apply Image > Adjustments > Desaturate.

Warm Colors on the Photo 14

Apply Filter > Other > High Pass.

Warm Colors on the Photo 15
Warm Colors on the Photo 16

Update layer blending mode to Overlay.

Warm Colors on the Photo 17

Merge all layers into one layer by going to Layer > Merge Layers or pressing Ctrl+E and rename layer to “Background”.


Step 6

Duplicate “Background” layer with Ctrl+J and apply Filter > Blur > Smart Blur to duplicated layer.

Warm Colors on the Photo 18
Warm Colors on the Photo 19

Select Eraser Tool and a soft round brush. Erase boys from this layer and with that we will have a clear picture of boys and blurred image around them.

Warm Colors on the Photo 20

Step 7

Duplicate “Background” layer again and move it above all layers. Apply Filter > Blur > Gaussian Blur to duplicated layer. With Eraser Tool repeat process done in Step 6 but leaving more blurred areas on the image bottom.

Warm Colors on the Photo 21
Warm Colors on the Photo 22

Step 8

Create a new layer on top of all layers. Fill layer with color #987f3f.

Warm Colors on the Photo 23

Select Eraser Tool one more time to erase light brown color in a way similar to mine to get same effect as you can see below.

Warm Colors on the Photo 24

Step 9

Create a new layer on top of all layers. Press D to set foregound color to black and background color to white. Drag a linear gradient using Gradient Tool.

Warm Colors on the Photo 25

Update layer blending mode to Overlay.

Warm Colors on the Photo 26

Step 10

Duplicate “Background” layer again and move it above all layers. Desaturate duplicated layer by going to Image > Adjustments > Desaturate.

Warm Colors on the Photo 27

Apply Filter > Other > High Pass.

Warm Colors on the Photo 28
Warm Colors on the Photo 29

Erase layer background area with Eraser Tool (soft round brush with 400px).

Warm Colors on the Photo 30
Warm Colors on the Photo 31

Change layer blending mode to Overlay.

Warm Colors on the Photo 32

Reduce layer opacity to 60% and we are done.


Final Image

Warm Colors on the Photo

Giveaway: Win 5 Accounts from Fotolia

Photoshop Star and Fotolia have partnered to giveaway 5 accounts.


Giveaway: Win 5 Stock Photo Accounts from Fotolia

About Fotolia

Fotolia was founded in New York City in 2005 and is the first microstock agency to offer both crowdsourced and professional images on one site.

Fotolia has over 17 million images and vectors to choose from, as well as over 280,000 video footage clips available to download.

Customers can buy credits on as as-need basis or in bundles, or can take advantage of flexible daily and monthly subscription plans. Monthly subscription plans offer XXL download from $1.50. For more pricing information, visit www.fotolia.com.

Giveaway: Win 5 Stock Photo Accounts from Fotolia

Prize

Each winner will receive a free 30 day account for up to 5 downloads a day. That’s 150 downloads!

* Note: Giveaway not eligible for current Fotolia customers who already have credits or are using a promo plan.

How to Win

Leave a comment on this post telling us why you would like to win. Please use a valid email address so we can contact you in case you’ve won.

Giveaway details

This giveaway ends on Wednesday, May 16th 2012 after which the comments section on this post will be closed.
Only comment once.
The 5 winners will be randomly selected, as always.
Winners will be announced on a separate post and contacted directly by e-mail. To stay current, please subscribe to our RSS feed and follow us on our Twitter or Facebook page. And they will be contacted via e-mail.

Comments are moderated on this site and your comment may not show up right away. Comments that do not follow the instructions on how to participate (described above) may be subject to removal or may not be published.

Good luck to everyone!