Wednesday, April 23, 2014

Dramatic Photo-manipulation Tutorial by DreamiTouch

This tutorial will teach in fast and easy steps how to combine various elements and textures to design a dramatic and epic photo montage. Learn the basics on how to use the gradient tool and blending options to work the lighting and overall tones. Plus how to use light flares, smoke and water splash brushes. With simple steps learn how to obtain mind blowing effects.

Final result preview

Stock used

Step 1

Start off by opening the background image and the main model we will be using. (File > Open or Ctrl + O)
With the pen tool or other tool you prefer, remove the background of the main model image. Copy the clean model image and place her over the background image layer.(Ctrl + A, Ctrl + C, Ctrl + V) Name the model layer as ‘Model’.
For this tutorial we will be using the actual size of our original background image. (3888 x 4009 px)

Step 2

Place the ‘Model’ and re dimension her to fit the background properly. (Ctrl + T) After we have placed the model in the proper place, click twice on the model layer to change the Layer Style.
Set the ‘Model’ Layer Style as in the image Bellow. This will add a slight tone to match the overall background colors.

Step 3

On the model layer, click the add layer mask option and remove some of the bottom part of the boot. This will give a slight effect that the boot is partially underwater.
Now create a new layer above the model layer and name it ‘model shadow’ and set the blending mode to Soft Light.
With a large soft brush set at about 30% opacity and black color. Pass the brush starting at the model’s feet towards the bottom of the image. Go adding this shadow to simulate the soft shadow cast from the main model.

Step 4

Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer in between the background and model layers. Name this layer ‘Fog’. Select a large soft white brush at 100% opacity. Make a large line across the background where the sky meets the water line.
Now go to Filter > Blur > Gaussian Blur and set the Radius Blur to 125 pixels than press OK. This will blur our in a uniformed way the white line we added previously. You will notice the white line now had a fog aspect.

Step 5

Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer in between the Model and Model Shadow layers. Name this layer ‘Water Splash’.
Select the water splash brush (662) at a large enough pixel size to cover each foot. Set the brush color to #c1e8ff at 100% opacity. Add the brush on each foot as in the image example.

Step 6

Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer in between the Fog and Model layers. Name this layer ‘Rope’.
Select the rope .png image and duplicate it many times to make it long and thin. Place this long rope behind the Model figure. Select the Puppet warp tool (Edit > Puppet Warp) and shape the rope a little so it doesn’t look stiff and straight.

Step 7

Now click twice on the rope layer to open the Layer Style.
Set the layer styles as in the image example. For the Inner Shadow you will use the #000000 color and for the Inner Glow select the transparent gradient and set the color at #6093b2. This will add a 3D volume to the rope and also follow the overall image tones.

Step 8

Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer above all layers. Name this layer ‘shoot flair’.
Open the light flair image and cut out the 3rd from top to bottom.
Place this light flair on the ‘shoot flair’ layer we have just created.
Re size the light flair to a larger scale. (Ctrl + T – free transform).
Set the blending mode of this layer to Screen.

Step 9

Following the same methods as in step 8 we will be adding more light flairs to the image.
You can name these as ‘Shot Flair 1’ (2, 3,…)
After you have added all the desired light flairs, you can group them all together (select all and press Ctrl + G) to avoid getting the layer pallet to busy and hard to mess around with.

Step 10

Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer above all layers. Name this layer ‘Smoke’.
Select White 100% opacity smoke brush and apply it to the point of the gun.
Set the blending mode to ‘Overlay’

Step 11

If you don’t think the splashes on the women’s foot looks believable, you can add other effects to make the splash larger and more natural as if she had just jumped off a helicopter or something similar.
Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer above Water Splash layer. Name this new layer ‘Water Splash 2’.
Open the image of the lollypop being shattered and cut out only the shattered bits.
Place this image in the layer we have just created and change the blending mode to Screen.
Erase parts of the lollypop that shouldn’t be in the image.
Do this with both feet.

Step 12

Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer above Smoke Layer. Name this new layer ‘Fire.
Set the Blending mode of this layer to Screen.
Select the fire sparks image and apply it as in the position of the example image.

Step 13

Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer above ‘Fire’. Name this new layer ‘Snow’.
Place the snow texture on the show layer and using the transform tool, stretch it out to fill the entire image. (Ctrl + T)
Now change the blending mode of this layer to Screen. This will eliminate the black and only leave the white dots.

Step 14

Now with the Snow layer selected, go to Filter > Blur > Motion Blur.
Set the Angle to 55 and Distance of 80 pixels.
We now have a snow that actually looks like it’s falling with motion and everything.
Note: you can reduce the layer opacity to about 50% if you think the snow is too strong.

Step 15

Create a new layer (Layer > New > Layer or Shift + Ctrl + Alt + N) Place this layer above ‘Snow’. Name this new layer ‘Blue Radial’.
Select the Gradient Tool (G), pick the Radial Option. Select the Transparent Gradient tool. The color we will be using is #006b6f.
Add this radial gradient to the overall image. (Center Transparent, borders #006b6f) Now change the blending mode to Multiply and lower the opacity to 50%.

Step 16

Go to the Adjustments Panel and select the Gradient Map. Set the gradient colors to #003d43 and #ff7c00. Now change the blending mode to Soft Light and reduce the Opacity to 50%.

Step 17

We are already on the final touches of the image.
To add a surreal and dramatic touch to the image, Select all the layers worked on until now, duplicate all layers, merge all the selected (only the ones we duplicated) layers.
You will now have the entire image on one single layer.
Now go to Filter > Blur > Gaussian Blur and set the blur to 1,6 pixels than press ok. Change this layers blending mode to Lighten. Make sure this layer is above all the layers we have worked on until now. You can name this layer ‘Soft Blur’.
You can notice now that the white areas in the image are glowing. This also avoids overly sharp borders.
Read More ...

Super Easy Typographic Portrait In Photoshop Tutorial

Typography is an important element in design. So we often discuss about typography here. Today we will create a nice typographic effect using just Adobe Photoshop.

So in this tutorial I will show you how to create a really cool and super easy typographic portrait in Photoshop. For that we’ll use the Displace filter and some Blend Modes to achieve the effect. The entire process is quite simple and straight forward.

Step 1
Open your image in Photoshop and extract its background.

Typographic Portrait

Step 2
Duplicate the layer and go to Image>Adjustment>Desaturate. You will have a black and white photo. Add a white background ti image. After that save the file as PSD otherwise it won't work with the Displace filter.

Typographic Portrait

Step 3
With the Horizontal Type Tool (T) create text boxes and start adding texts. The idea is to play with the texts, they don't have to be readable, or at least with normal legibility, so play with the line-heights, reduce that so the lines overlay one another.

Also make some keywords much bigger and bold as well play with text effect such as italic, bold alignments and text sizes.

Typographic Portrait

Step 4
For each layer, go to Layer>Layer Style>Drop Shadow. Use Multiply for the Blend Mode, black for the color, 90ยบ for the Angle and 5 pixels for Distance, Spread and Size.

Also, group all the layers and the duplicate the group. Go to Layer>Merge Group and then go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. This blurry layer will have to stay behind the regular one.

Typographic Portrait

Step 5
Select all the text layers and merge them into one layer only, then go to Filter>Distort>Displace. A dialog box will appear asking you to choose a file. Select the PSD file we created before into Step 2. After that for the Displace settings use 15 for the Horizontal and Vertical Scale; use Tile for Displacement Map and Repeat Edge Pixels for the Undefined Areas.

The displacement map will distort the layer based on the gray scale photo we used; the dark tones go down while the lights go up.

Typographic Portrait

Step 6
Then put the photo layer on top of the white text layer, then change the Blend Mode of the photo layer to Light Burn.

Typographic Portrait

Step 7
Now go to go to Filter>Noise>Dust & Scratches. Use 7 pixels for the Radius and 0 levels for the Threshold.

Typographic Portrait

Step 8
Mask the text layer so you will have just the texts over the photo.

Typographic Portrait

Final Step
You can decrease a little bit the saturation and as mentioned earlier, you can add more text layers and even try different symbols and shapes to make portrait more attractive.

Typographic Portrait
Read More ...

Sunday, April 20, 2014

Cartoon Yourself The Easy Way In Photoshop Tutorial

In this Photoshop tutorial, we will turn a photo into a cartoon. You can use this technique to create an avatar for yourself, to see what you’d look like as a cartoon or to have fun turning your friends and family into cartoons.
Some tips to achieve success with your own photos: choose a photo that is similar in size to this one in the tutorial or you’ll have to adjust some of the filter settings. Use a photo with a light background that is not too busy and finally, use a photo where you don’t see dark contrasty shadows on the face.
The image below is what we will be creating. Ok let’s start!
Cartoon Yourself Photoshop

Step 1

Grab the picture below, this is the image we will use for this tutorial.
base image

Step 2

Now to add a black line around his face and facial features, we will add a POSTER EDGES effect to the image. (Filter > Artistic > Poster Edges)
Enter the settings you see below. Note that if your photo is different in size, you may have to play with the settings a little to get a similar result.
This is how it looks now:

Step 3

Now add a TORN EDGES effect to our image. (Filter > Artistic > Torn Edges) BUT before you do, make sure on the Tool palette that the color Black is above the color White as this filter will use those colors.
Now enter those settings for Torn Edges. Note that here again, depending on the size of your image, you may have to play with the settings to get a satisfactory result.
This is how it should look like now.

Step 4

Now use a small White Paint Brush, with a Hardness of 100% and start cleaning up his face. Paint over any black dots or lines that are not attached to anything. You can also smooth out some lines if you want.
This is how it looks like now.

Step 5

Now let’s use the Topaz plugin Clean to smooth out the lines. If you don’t have it already, you can download it HERE and use it completely free for 30 days.
Once the plugins are installed, go to Filter > Topaz Labs > Topaz Clean and then on the left side, choose the preset ‘Cartooned’.
This is how it looks now with the smoother lines.
Topaz Clean

Step 6

Now what we need to do to be able to paint underneath the black lines is first, Select the entire image, Copy and then click on the CHANNELS tab.
On the Channel tab, at the bottom of the channel panel, click on the small icon represented by a page being lifted, this one is called ‘Create a New Channel’.
Once the ALPHA channel is created, click on it and PASTE our image on it.
Now we will need to INVERT our image so the contour is white and everything else is black. (Image > Adjustments > Invert)
Once that done, CTRL+CLICK (Cmd+CLICK) on the Alpha channel to create a selection around anything that is white.
That done, click back on the LAYERS tab, Create a New Layer and Fill the selection with the color Black.
Then right below, create a New Layer and fill it with the color White. (deselect first)
What we did here is to separate the black and the white so we will be able to paint below the black lines.
This is how it looks when working with channels.
And this is how it looks on the Layer palette.

Step 7

At this point, we can do some cleaning up again by adding a Layer Mask (click small icon illustrated by square with circle inside at the bottom of the layer palette) to the “Black” layer and erase with a small White Paint Brush, Hardness 100%, anything that you don’t like, I for example, smoothed out the thick black line defining the left cheek. Note that you can simply use the Eraser if you want here, the benefit of using a Layer Mask is to work in a non-destructive way so we can modify things later without issues.
This is how it looks now.

Step 8

Now let’s add some colors.
Under the “Black” layer, create 3 Layers on which we will be applying the colors.
First layer, you can use this color #e7c5b3 to color the skin.
Second layer, color the shirt.
Third layer, use white to color the eyes.
This is how it looks now.

Step 9

Now let’s add some shadows and highlights to the boy’s face.
Create a New Layer on top of the layer stack and call it ‘Shadows’ and then another right above and call it ‘Highlights’.
Let’s first add shadows and to see what we are doing, reduce the ‘Shadows’ Layer Opacity to 50%. Then use a Black Paint Brush with a Hardness of 100% and a size of maybe 90px and start to trace a shadow on his left side like you see below and on the ‘Highlights’ layer, do the same thing. Then use a smaller brush and trace some highlights and shadows on both side of his nose. Use the Eraser to fine tune the highlights/shadows around his nose.
This is how it looks.

Step 10

Now change the Layer Blending Mode of the ‘Shadows’ layer to SOFT LIGHT and lower the layer Opacity to 30%.
Change also the Layer Blending Mode of the ‘Highlights’ layer to OVERLAY and lower the layer Opacity to 20%.
Now we don’t see any black or white paint going over the edge of the face but that’s because the background is white. Since we want to add color to the background, we will have to erase anything that spill outside of the face.
To do so, select the “Black” layer (the black contour of the face) along with the 3 “color” layers, DUPLICATE them and then MERGE the duplicated layers.
Now on that layer, use the MAGIC WAND TOOL with a Tolerance of about 25 and click the background. Then go to Selection > Modify > Expand and expand the selection 1px.
Now hide that layer since we don’t need it anymore and go on the ‘Shadows’ Layer. Now INVERSE the selection and create a Layer Mask. Automatically, you will see on the Layer mask that inside the selection, the boy, is white and the background is black. Black on a layer mask hides whatever is there, which is what we want.
Now do the same exact thing for the ‘Highlights’ layer.
This is how it looks now.

Step 11

Now let’s do the background. Add a New Layer under everything and call it ‘Background’.
Choose the GRADIENT TOOL then on top horizontal menu, choose Linear Gradient and enter those 2 colors, #5d849a and #9cb5c3. The click somewhere on the lower left side, drag it up and release the mouse button somewhere in the upper right side of the image.
Now right above the background, we can create a New Layer and add a White outline all around the boy like you see blow. It is simple to do, just CTRL+CLICK the Layer Mask of the “Shadows” Layer, the one where the boy is white and the background is black, then go to Select > Modify > Expand and enter 4px. Make sure you are on the New Layer you just created and fill the selection with white. Then you can lower the layer Opacity to 50%.
Then you can add some black borders, a texture to the background and some text. If you do all of this, it will probably look like this.
Cartoon Yourself Photoshop
Avatar size:
Avatar Photoshop
I hope you have enjoyed this tutorial, share if you did ;)
If you have any questions, feel free to ask below.
Read More ...

Wednesday, February 12, 2014

How To Create a Movie Style Photo Effect in Photoshop

Everyone loves photo effects, especially those that are super easy to create and really transform your photos. Today we’re going to take a look at retouching a photo to create a cool cinematic movie effect with high contrast and blueish tones.

Photoshop movie effect

The original photo

Seeing as we’re going for a cinematic movie effect, a typical action movie style stock photo makes a great base for this tutorial, but the steps can be applied to any image.

Initial photo retouching

We all have imperfections in our skin, but one of the wonders of Photoshop is these blemishes can be zapped away in seconds. Use the Spot Healing Brush tool to zap any tiny pimples on the skin. Selecting the Sample All Layers option in the header and working on a new layer maintains a non-destructive workspace.

A common step in photo retouching is to smooth out the skin to further remove blemishes. Magazines often go too far and make the subject look somewhat creepy, but a light smoothing can really help out. Use the Mixer Brush Tool with the “Clean brush after each stroke” icon checked and the settings reduced to 20%. Lightly paint over the cheeks, neck, nose and forehead to iron out the skin tones, but stop before the pores disappear in order to maintain a natural look.

This young lady looks lovely enough in the before image, but those simple retouching steps really helps give the photo that movie poster quality.

Movie style color correction

Now the basic prep work is out of the way we can begin adjusting the tones and colours of the image. Begin by adding a Levels adjustment layer and moving the black and white handles inwards slightly to clip the shadows and highlights to increase the contrast of the image.

Next, add a Color Balance adjustment layer. Change the Tone to Shadows and adjust the sliders to Cyan and Blue. Adding cool tones to the shadows gives a dramatic or intense atmosphere, whereas using reds and yellows creates more of a vintage, summer feel.

Change the tone selector to Highlights and this time move the sliders to Red and Yellow. This contrast between warm and cool tones in the shadows and highlights creates a cool cross-processing style effect and really enhances the image.

The Levels and Color Balance adjustment layers can then be tweaked by altering each layer’s opacity. I adjusted the Levels to 50% and Color Balance to 70% to tone down the contrast and impact of the colour correction.

Finishing touches

Our image now has a cool cinematic effect, but there’s a couple more tweaks we can add to really make the image pop. Paint over the iris of the eyes with a bright green or blue.

Change the blending mode of the iris colour to Overlay and reduce the opacity until the eyes appear natural.

Go Edit > Copy Merged and paste this duplicate of the image on a new layer, then add a High Pass filter. Enter the setting of just 1px so the fine details are barely visible through the grey background.

Change the High Pass layer to Linear Light to sharpen the image. This sharpening effect looks great on the hair and eyes but it is bringing out too much detail in the skin’s pores.

Add a Layer Mask to the High Pass layer and paint over the facial areas with a soft brush to erase the sharpening effect, leaving it in place over the hair, eyes and lips.
Photoshop movie effect
Compared to the original photograph the colour corrected version looks great. The increased contrast and cross processing effects really help create an intense and cinematic style image.
Read More ...


© 2010-2013 Dreamitouch. All rights reserved. Content may not be re-published without permission

Designed by Dreamitouch.Com