Posts Tagged ‘Photo Effects’

How to Change Hair Color in Photoshop

In this tutorial we will change the hair color from black to magenta and we will make it look shinier and prettier. This tutorial uses some techniques that might be difficult for beginners but if you follow it patiently you should be able to complete it.


Final Image

How to Change Hair Color in Photoshop

Tutorial Details

  • Program: Photoshop CC, Photoshop CS6, Photoshop CS5
  • Estimated Completion Time: 45 minutes
  • Difficulty: Intermediate

Resources


Step 1

Open image “Girl”.

How to Change Hair Color in Photoshop 1

Let’s increase the brightness of the hair a little bit. Add a new Curves Adjustment layer (Layer > New Adjustment Layer > Curves) and drag the curve up a little. Because we want this to be applied only to the hair let’s mask the effect elsewhere. Press D to set the default colors. Select the layer mask by clicking on it and press Ctrl + Backspace to fill the layer mask with black. Now with a round soft brush paint with white where the hair is. In a layer mask white reveals the layer and black conceals so by painting with white over the hair we will limit the Curves Adjustment layer effect only to it.

How to Change Hair Color in Photoshop 2
How to Change Hair Color in Photoshop 3
How to Change Hair Color in Photoshop 4

Step 2

Now let’s decrease the saturation. Add a Hue/Saturation Adjustment Layer by going to Layer > New Adjustment Layer > Hue/Saturation. Drag the saturation slider to the left in order to decrease the saturation. Do the same thing with the layer mask as you did at step 2 (fill the layer mask with black and paint with white over the hair).

How to Change Hair Color in Photoshop 5
How to Change Hair Color in Photoshop 6

Step 3

Create a new layer (Ctrl + Shift + Alt + N) and change it’s blending mode to Overlay. Now choose a red color (#ff0000) and with a brush at 50% Opacity paint over the hair. And voila, we changed the color of her hair. But let’s make some further adjustments.

How to Change Hair Color in Photoshop 7

Step 4

Add a Hue/Saturation Adjustment layer and drag the slider to the left or right until you find a color that you like. Once you’re done fill the layer mask with black and paint with white over the hair. I’ve chosen a magenta color to match with her dress.

How to Change Hair Color in Photoshop 8
How to Change Hair Color in Photoshop 9

Step 5

Create a new layer from all the visible layers (Ctrl + Shift + Alt + E). Select the Dodge Tool and lighten up some strands of hair.

How to Change Hair Color in Photoshop 10

Step 6

Create yet another layer and change the layer blending mode to Overlay. Choose a green/cyan color (#50a596) and with a brush at 40% Opacity paint over her hair in some areas. This step will add some color variation to the hair.

How to Change Hair Color in Photoshop 11

Step 7

Now let’s boost up the contrast a bit. Add a Brightness/Contrast Adjustment layer (Layer > New Adjustment Layer > Brightness/Contrast) and drag the Contrast slider to the right. We’ve changed the hair color and we added some shine to it.

How to Change Hair Color in Photoshop 12
How to Change Hair Color in Photoshop 13

Step 8

Now let’s color correct the color of the skin near the hair. Duplicate the Background layer (Ctrl + J) and drag it on top of all the layers. Add a layer mask to it and fill it with black. Now simply paint with a white brush in the layer mask to reveal the original face.

How to Change Hair Color in Photoshop 14

And We’re Done!

How to Change Hair Color in Photoshop 15

Turn a Photo into Pencil Drawing

In this tutorial we will transform a regular photo into a pencil drawing (or sketch if you want).


Final Image

Turn a Photo into Pencil Drawing

Tutorial Details

  • Program: Photoshop CC, Photoshop CS6, Photoshop CS5
  • Estimated Completion Time: 30 minutes
  • Difficulty: Beginner

Resources


Step 1

Open image “Girls”.

Turn a Photo into Pencil Drawing 1

Desaturate the image by adding a Hue/Saturation adjustment layer (Layer > New Adjustment Layer > Hue/Saturation). Drag the slider all the way to the left.

Turn a Photo into Pencil Drawing 2
Turn a Photo into Pencil Drawing 3

Step 2

Now add a Curves Adjustment layer by going to (Layer > New Adjustment Layer > Curves) and drag the slider a little to the right in order to increase the contrast a little.

Turn a Photo into Pencil Drawing 4
Turn a Photo into Pencil Drawing 5

Step 3

Create a new layer from all the visible layers by pressing Ctrl + Shift + Alt + E.

Turn a Photo into Pencil Drawing 6

Now apply a Find Edges filter to this layer by going to Filter > Stylize > Find Edges.

Turn a Photo into Pencil Drawing 7

Step 4

Add a Curves adjustment layer to the layer we applied Find Edges and drag both the left and the right slider towards the center. This will make most of the ugly grays disappear and will increase the contrast.

Turn a Photo into Pencil Drawing 8
Turn a Photo into Pencil Drawing 9

Step 5

Create a new layer (Ctrl + Shift + Alt + N) and fill it with #eaeaea . Move this layer below the Find Edges layer. You’ll see in the next step why.

Turn a Photo into Pencil Drawing 10

Step 6

Now lower the opacity of the Find Edges layer. 22% works for me, but you can play with the slider and see what works best for you. We can see now the use of the colored layer we created in step 5.

Turn a Photo into Pencil Drawing 11

Step 7

Now comes the hardest part. Create a new layer. Now with a round soft brush pick a color from the background by Alt-clicking and start filling in the areas that are way to stylized (like the hair). After you’re done use a black color and scribble along the edges, maybe add some lines of your own. The idea here is to hide the fact that this was computer generated. I also added a signature for extra effect.

Turn a Photo into Pencil Drawing 12

Step 8

Since this is supposedly paper let’s add a paper texture to it. Create a new layer from all the layers by pressing Ctrl + Shift + Alt + E. Choose Filter > Filter Gallery. From the list on the left choose Texturizer and tweak the settings to your liking. The effect is too strong so lower the Opacity to 30-40%.

Turn a Photo into Pencil Drawing 13
Turn a Photo into Pencil Drawing 14

Step 9

It is looking good already but let’s add another little bit for more realism. Open the image “Pencil”. Use your favourite selection tool to select the pencil. Copy the selection (Ctrl + C) and paste it into our image (Ctrl + V).

Turn a Photo into Pencil Drawing 15

Let’s add a shadow to this pencil. Double click the layer to enter Advanced Blending mode and use the settings shown below.

Turn a Photo into Pencil Drawing 16
Turn a Photo into Pencil Drawing 17

Step 10

We’re almost done. Add a Curves Adjustment layer and tweak the sliders as shown below in order to boost the contrast.

Turn a Photo into Pencil Drawing 18

And We’re Done!

Turn a Photo into Pencil Drawing

That’s how you quickly turn a regular photo into a black and white pencil sketch.

Learn How to Add Snow to a Photo in Photoshop

In this Photoshop tutorial we will add snow to a photo. The following steps are easy to follow and you can use them on any photo.


Final Image

Learn How to Add Snow to a Photo in Photoshop

Tutorial Details

  • Program: Adobe Photoshop CC, Photoshop CS6, Photoshop CS5
  • Estimated Completion Time: 45 minutes
  • Difficulty: Beginner

Resources


Step 1

Open image “Cabin”.

Learn How to Add Snow to a Photo in Photoshop 1

Step 2

Create a new layer (Ctrl + Shift + Alt + N) and fill it with white (press D for default colors and Ctrl + Backspace to fill it with the background color).

Learn How to Add Snow to a Photo in Photoshop 2
Learn How to Add Snow to a Photo in Photoshop 3

Step 3

Double click this new layer and tweak the Blend If sliders as shown below. This will cause the underlying dark pixels from the layer below to replace the white pixels while leaving the lighter pixels to be covered with pure white. It’s a neat little trick to do with Blend If sliders but they are useful for a plethora of other tasks involving masking. So if you have time, learn how to use them, it will be useful one day.

Learn How to Add Snow to a Photo in Photoshop 4
Learn How to Add Snow to a Photo in Photoshop 5

Step 4

Add a layer mask to the snow layer (Layer > Layer Mask > Reveal All). Now with a round soft brush paint with black the mountains and other areas that look washed out.

Learn How to Add Snow to a Photo in Photoshop 6
Learn How to Add Snow to a Photo in Photoshop 7
Learn How to Add Snow to a Photo in Photoshop 8

Step 5

The image already looks like it is covered with snow but there are many more improvements we could make. For example some snowflakes.

Create a new layer and fill it with black (press D and Alt + Backspace to fill the layer with the foreground color).

Learn How to Add Snow to a Photo in Photoshop 9

Now add some noise to this layer (Filter > Noise > Add Noise).

Learn How to Add Snow to a Photo in Photoshop 10
Learn How to Add Snow to a Photo in Photoshop 11

Add some blur to this noise layer (Filter > Blur > Gaussian Blur). The amount of blur will determine the size of the snowflakes so let’s start with something small, let’s say 1.2 pixels.

Learn How to Add Snow to a Photo in Photoshop 12
Learn How to Add Snow to a Photo in Photoshop 13

Now change this layer’s blending mode to Screen. This will cause the white little dots to show and hide the black pixels.

Learn How to Add Snow to a Photo in Photoshop 14
Learn How to Add Snow to a Photo in Photoshop 15

Step 6

Now our snowflakes don’t look very good. They are barely visible and there are way to many. Let’s add a Curves Adjustment layer to fix this. Create a new Curves Adjustment layer by going to Layer > New Adjustment Layer > Curves. Also, clip the Curves Adjustment layer to the snowflakes layer by Alt-clicking between the two layers.

Tweak the sliders as shown below. This will hide most of the grey pixels and make the remaining ones white.

Learn How to Add Snow to a Photo in Photoshop 16
Learn How to Add Snow to a Photo in Photoshop 17
Learn How to Add Snow to a Photo in Photoshop 18

Step 7

Ok, so we have some snowflakes. The image looks alright but we know that snowflakes that appear in a photo are not all the same size due to the distance from the camera. So let’s add some bigger snowflakes. How? Repeat steps 5 and 6 but when you add blur to the noise layer use a stronger Gaussian Blur (you can try 2.5 or 3).

Learn How to Add Snow to a Photo in Photoshop 16

Step 8

Let’s hide some of the big snowflakes. Add a layer mask to the second snowflake layer (the one with big snowflakes) by choosing Layer > Layer Mask > Reveal All. Now with a round soft brush paint with black here and there to hide most of the big snowflakes.

Learn How to Add Snow to a Photo in Photoshop 17
Learn How to Add Snow to a Photo in Photoshop 18

Step 9

Now let’s add some falling snowflakes (like falling raindrops in a photo but instead of raindrops they are snowflakes, like in a snow blizzard). Repeat steps 5 and 6 again to create some static snowflakes.

Learn How to Add Snow to a Photo in Photoshop 19

We will now add some motion to our newly created snowflakes. Select the snowflakes layer and apply a Motion Blur as shown below. This will cause the white static snowflakes to streak across the screen in the direction we choose in the Motion Blur window.

Learn How to Add Snow to a Photo in Photoshop 20
Learn How to Add Snow to a Photo in Photoshop 21
Learn How to Add Snow to a Photo in Photoshop 22

Step 10

Let’s add some snow on the roof of the cabin for increased realism. With a chalk brush (or a regular round brush) pick an almost white color (e9e8e8). Paint some snow on the roof with this color.

After you’re done choose white (pure white # ffffff) and paint over the snow you’ve already added, but don’t cover it completely, leave some grey-white areas. The reason for this is that the snow is almost never completely white, but has some gray color in it.

Learn How to Add Snow to a Photo in Photoshop 23
Learn How to Add Snow to a Photo in Photoshop 24

Step 11

We are almost done. Because it’s supposedly a winter photo let’s add a bit of blue to it to strengthen the illusion. Create a new Color Balance Adjustment layer and add a little Cyan and Blue color.

Learn How to Add Snow to a Photo in Photoshop 25

And We’re Done!

Learn How to Add Snow to a Photo in Photoshop

Change the Time of Day with Photoshop

In this Photoshop tutorial we will change day into night in a photo by using some simple techniques.


Final Image

Change the Time of Day with Photoshop

Tutorial Details

  • Program: Adobe Photoshop CC, Photoshop CS6, Photoshop CS5
  • Estimated Completion Time: 45 minutes
  • Difficulty: Beginner

Resources


Step 1

Open image “House”.

Change the Time of Day with Photoshop 1

Let’s darken the image a little bit with curves. Create a Curves Adjustment Layer (Layer > New Adjustment Layer > Curves) and adjust the sliders as shown below. Dragging the curve down darkens the image.

Change the Time of Day with Photoshop 2
Change the Time of Day with Photoshop 3

Step 2

Create a new layer (Ctrl + Shift + Alt + N) and fill it with black (press D for default colors and Alt + Backspace to fill the layer with the foreground color). Lower the opacity of this layer to 44%. This will make our image even darker.

Change the Time of Day with Photoshop 4
Change the Time of Day with Photoshop 5

Step 3

At night the colors are usually more desaturated compared to daylight. Let’s do this in our image by creating a Hue/Saturation Adjustment Layer by going to (Layer > New Adjustment Layer > Hue/Saturation). Drag the Saturation layer all the way to the left in order to decrease the saturation and after that lower the opacity of this layer to 46% in order to leave some colors in the image.

Change the Time of Day with Photoshop 6
Change the Time of Day with Photoshop 7

Step 4

Night photos usually have a bluish/cyan tint, or at least this is how we imagine it (being cold and all). Create a Color Balance Adjustment Layer by going to Layer > New Adjustment Layer > Color Balance. Add a little blue and a little cyan.

Change the Time of Day with Photoshop 8
Change the Time of Day with Photoshop 9

Step 5

Our night photo looks decent but we’re not done yet. Let’s create some light from one of the windows. First create a new layer and with a round brush of your choosing paint between the frames of the window with an almost white color (#dadada).

Change the Time of Day with Photoshop 10
Change the Time of Day with Photoshop 11

Now choose a round soft brush and paint some glow around the window using a slightly yellow color (#e9e8d4).

Change the Time of Day with Photoshop 12

Step 6

Night is not night without the moon. Open the image “Moon”.

Change the Time of Day with Photoshop 13

Choose Select > Color Range and click once anywhere on the black background. Press Ok in order to create a selection. Now press Ctrl + Shift + I to invert it.

Change the Time of Day with Photoshop 14
Change the Time of Day with Photoshop 15

New let’s copy our selection by pressing Ctrl + C. Go back to our night photo and press Ctrl + V to paste.

Change the Time of Day with Photoshop 16

Press Ctrl + T to Transform the moon. Shift-drag on the corners in order to resize it proportionally and drag it from the center in order to place it in the upper-right corner of our image. Lower the Opacity of the moon layer to 72%.

Change the Time of Day with Photoshop 17

Step 7

As it is the moon looks way to strong and dominant. Let’s tone it down a bit by adding a layer mask to it (Layer > Layer Mask > Reveal All). Now choose a round soft brush at 50% Opacity and paint with black over the moon to hide most of it. You should have something like in the image below.

Change the Time of Day with Photoshop 18
Change the Time of Day with Photoshop 19

Step 8

The moon usually looks yellow (unless you live on another planet and have a different moon) and it glows a bit. Let’s add those attributes to our moon. Double click the Moon Layer in order to enter Advanced Blending mode and add a Color Overlay and an Outer Glow. For the Color Overlay use #fff587 and for the Outer Glow use #ffffbe.

Change the Time of Day with Photoshop 20
Change the Time of Day with Photoshop 21
Change the Time of Day with Photoshop 22

Step 9

Since the moon is a source of light (a weak one) we should see that reflected in our image. Let’s paint some highlights on areas that should receive light. Use a 1px round brush at 50% opacity and paint with white on the corners of the roof that face the moon, a little on the top of the trees and over the (telephone?) wire in the upper part of the image.

Change the Time of Day with Photoshop 23
Change the Time of Day with Photoshop 24

Step 10

Now let’s lighten some areas that are close to the sources of light. Create a Curves Adjustment layer and add a layer mask to it. Fill the mask with black in order to hide it and with a white brush at 30% Opacity paint around the lighted window and a little around the moon.

Change the Time of Day with Photoshop 25
Change the Time of Day with Photoshop 26
Change the Time of Day with Photoshop 27

Step 11

We are almost done. At night the details are not so sharp as in daylight so let’s blur our image and also tweak the saturation a bit.

Create a new layer from all visible (Ctrl + Shift + Alt + E) and apply 0.7px Gaussian Blur to it (Filter > Blur > Gaussian Blur). Desaturate this layer by pressing Ctrl + Shift + U. Now simply lower the Opacity to your liking (60% works nice enough for me).

Change the Time of Day with Photoshop 28

And We’re Done!

Change the Time of Day with Photoshop

Create Comic Strip Effect in Photoshop

Learn in this Photoshop tutorial how to create comic strip effect from any photo you want.


Final Image

Create Comic Strip Effect in Photoshop

Resources


Step 1

Start by opening photo in Photoshop. Resize image to 669px width and 1000px height by going to Image > Image Size.

Create Comic Strip Effect in Photoshop 1

Step 2

The picture should be black & white. Go to Image > Adjustments > Desaturate to convert color picture to monochrome.

Create Comic Strip Effect in Photoshop 2

Step 3

Duplicate layer (Ctrl+J) and apply Image > Adjustments > Brightness/Contrast with following settings to duplicated layer:

Create Comic Strip Effect in Photoshop 3
Create Comic Strip Effect in Photoshop 4

Step 4

Apply Filter > Sharpen > Sharpen More.

Create Comic Strip Effect in Photoshop 5

Step 5

Apply Image > Adjustments > Levels with following settings:

Create Comic Strip Effect in Photoshop 6
Create Comic Strip Effect in Photoshop 7

Step 6

Right now we have 2 layers: black and white photo and upper layer where we apllied all those effects. Choose the Eraser Tool and soft-edged brush with 200 px in diameter and remove carefully the white color around the girl on the upper layer. In the end you will have something similar to my image below.

Create Comic Strip Effect in Photoshop 8

Step 7

Now we need to add contrast. Copy the upper layer with effects (Ctrl+J) and blur copied layer by using Filter > Blur > Gaussian Blur with next settings:

Create Comic Strip Effect in Photoshop 9
Create Comic Strip Effect in Photoshop 10

Step 8

Assign Darker Color blending mode to this layer.

Create Comic Strip Effect in Photoshop 11

Step 9

The image of the girl should look more bright, so let’s darken the area around her. For this purpose we’ll create a new layer, choose the Brush Tool and soft-edged brush with 400 px in diameter with foregound color #000000 and begin to darken the area around the girl.

Create Comic Strip Effect in Photoshop 12

Step 10

Change layer opacity to 76%.

Create Comic Strip Effect in Photoshop 13

Step 11

Create a new layer on top. Apply Filter > Render > Clouds to it.

Create Comic Strip Effect in Photoshop 14

Then apply Filter > Render > Fibers with the settings, that are shown in the screenshot below:

Create Comic Strip Effect in Photoshop 15

We get this result:

Create Comic Strip Effect in Photoshop 16

Step 12

We apply now Filter > Blur > Motion Blur with the following settings:

Create Comic Strip Effect in Photoshop 17
Create Comic Strip Effect in Photoshop 18

To increase the effect, keep applying filter hitting Ctrl+F until you get the result as in the image below:

Create Comic Strip Effect in Photoshop 19

Step 13

Apply Image > Adjustments > Brightness/Contrast:

Create Comic Strip Effect in Photoshop 20
Create Comic Strip Effect in Photoshop 21

Step 14

After that apply Image > Adjustments > Levels to lighten the image.

Create Comic Strip Effect in Photoshop 22
Create Comic Strip Effect in Photoshop 23

Step 15

Finally, assign Overlay blending mode to this layer.

Create Comic Strip Effect in Photoshop 24

Step 16

Duplicate layer (Ctrl+J) and go to Edit > Transform > Distort and do like i have on screenshot below.

Create Comic Strip Effect in Photoshop 25
Create Comic Strip Effect in Photoshop 26

Step 17

Duplicate layer (Ctrl+J) with the inclined strokes and move to the right to fill empty space.

Create Comic Strip Effect in Photoshop 28

Step 18

Select Custom Shape Tool and one of the standard shapes (Talk1 from Talk Bubbles) and draw a shape with white color (#ffffff).

Create Comic Strip Effect in Photoshop 29
Create Comic Strip Effect in Photoshop 30

Step 19

Go to Edit > Transform > Flip Horizontal to correctly position talk bubble. After that, apply Stroke layer style to this layer.

Create Comic Strip Effect in Photoshop 31

And We’re Done!

Create Comic Strip Effect in Photoshop

Try with different photos to gain the best possible effect. Good luck!