photo-tutorial-21

Vibrant Conceptual Photo Manipulation Photoshop Tutorial

In this tutorial we will create a unique digital art piece that easily can be used for high-quality printing purposes. There is water, balloons, fish, vegetation, a gloomy passage and a fashion nerd — this can not be nothing but awesome together! So, in this tutorial we are going to create a poster design. This means you should be able to print it in the end and to be able to do so we have to work with high quality graphics and photos.

Final Image Viwe

Photo manipulation photoshop tutorial (1)

Setting Up the Document

Since this will be a printable poster, we will make this document fairly large in a standard format.
Photo manipulation photoshop tutorial (2)

Walls And Ground

Open the Metal overpass photo in Photoshop (new document). Use the Rulers (Ctrl + R) to create a new vertical Guide in the center of the image (it should snap).
Photo manipulation photoshop tutorial (3)
I wanted a kinda unreal look for this image (duh), so we will play with the perspective a bit. Use the Pen Tool (P) to create a selection around the left wall down the ground.
Photo manipulation photoshop tutorial (4)

Right-click and make a selection of the shape created by the Pen Tool. Press Ctrl + J to duplicate the selected part to a new layer. Duplicate the new layer and flip it horizontally (Ctrl + T, then right-click and click Flip Horizontal).

Hide the Background layer.
Photo manipulation photoshop tutorial (5)
Create a mask on the top layer and mask out parts to create a symmetric passage.
Photo manipulation photoshop tutorial (6)

Merge visible (Ctrl + Alt + Shift + E) and duplicate the walls to the final document.

Use the transform tool (Ctrl + T) to scale up the walls — both the width and height.

Go to Filter > Sharpen > Unsharp Mask and use settings similar to the ones below (left dialog below). Then go to Image > Adjustments > Curves (right dialog below).
Photo manipulation photoshop tutorial (7)

Working On the Fashion Nerd

Open the Fashion Nerd photo in Photoshop (new document). First I will illustrate a cool technique to get a darker skin-tone, select Image > Apply Image.
Photo manipulation photoshop tutorial (8)
Use similar techniques as described in the previous step to mirror the image and create a fully symmetrical man.
Photo manipulation photoshop tutorial (9)

Merge and import the nerd to our final document. Use Filter > Liquify to modify the face a bit (too symmetric is just wrong).

Select Filter > Sharpen > Unsharp Mask (use provided settings).

Use selection tools to cut the hair and to make room for the water in his head (I know it makes sense doing so).

Use the Dodge Tool (O) to give the eyes a touch-up. If you are finicky, you can also spend some time moving the reflection in the right eye.

Also, use the Clone Stamp Tool (S) to make the symmetry in his face less obvious.
Photo manipulation photoshop tutorial (10)

Cloudy Background

Import the White clouds in blue sky photo. Use Dodge and Burn tool (O) to give the cloudy background a more interesting look. You can also add a new layer on top of the clouds to draw in some areas with black (use large soft brush).

Add a Curves Adjustment Layer, and on top of that a Brightness/Contrast Adjustment Layer.

Additionally, you can add a Color Balance Adjustment Layer to add some blue colors.
Photo manipulation photoshop tutorial (11)

Adding the Water

Now for his brain, we are going to use the awesome Free Willy photo. It is a good idea to handle the fish and the water separately now, so begin with adding the water. Use preferred selection tools to select the water, then paste it in our document.

Use the transform tool (Ctrl + T) to fit it in the nerd’s head. Set the Blending Mode of the layer to Linear Burn.

Add Adjustment Layers to make the water look more interesting.
Photo manipulation photoshop tutorial (12)

Adding the Fish

Adding the fish should be very straight forward. Cut out the fish and paste it in the final document. Apply a Curves Adjustment to crank up the brightness/contrast for the highlights.
Photo manipulation photoshop tutorial (13)

Adding the Balloons

The balloons are simple as well. The first balloon (behind the fish), will be a play with perspective to make it look like the fish is actually lift up by the balloon. The right balloon only requires one Curves Adjustment Layer to blend in.

For the left balloon, we want to make it look like it is behind the clouds. To do so — duplicate the first balloon, scale it down and flip it horizontally (Ctrl + T). Use Hue/Saturation dialog (Ctrl + U) and the Channel Mixer to change the colors of the balloon. Create a new layer above the balloon, draw in some white blobs to mimic clouds. Then add a Brightness/Contrast Adjustment Layer to darken parts of the balloon so that it really appears further away than the right one.
Photo manipulation photoshop tutorial (14)

Sky Details

Import the You asked for the moon? photo. Set the Blending Mode of the layer to Lighten and set the Opacity to 62%. Scale it down and place it somewhere in the clouds.

Desaturate it (Ctrl + Shift + U). Add a Color Balance Adjustment Layer to give it a blue touch of color.
Photo manipulation photoshop tutorial (15)
Now use a soft small brush and add some white dots to mimic stars.
Photo manipulation photoshop tutorial (16)

Ground Details

Wouldn’t it be nice with some cloud reflections in those pools of water laying on the ground? To create this effect, duplicate the Clouds layer and flip it vertically. Scale it down a bit and add a Layer Mask to fit the reflection in the pool of water.
Photo manipulation photoshop tutorial (17)

Wall Details (Vegetation Part)

The walls look a bit sad and does not really fit the rest of the image. To fix this, I decided to add some vegetation! This part is the hardest part of the tutorial and it requires patience.

Open up any of the grass or ivy textures in a new document (provided in the introduction of this tutorial). Select Edit > Define Pattern and click ok. Close this document and go back to the final document. Create a new layer and set the Blending Mode to Pin Light, then use the Pattern Stamp Tool to add random blobs of texture to the wall.
Photo manipulation photoshop tutorial (18)
Change texture and continue to add details. Nature is random (mostly), so be random and do not fear to experiment with this tool!
Photo manipulation photoshop tutorial (19)
More details. Also, blending in some parts of bigger vegetation will make it look more realistic.
Photo manipulation photoshop tutorial (20)
You get the idea…
Photo manipulation photoshop tutorial (21)
Use flower textures to build your custom flowers to add a bit of interestingness to the image.
Photo manipulation photoshop tutorial (22)

Final Result

I removed the bottom left flower, it did not really fit in. Then I added one final Color Balance Adjustment Layer to neutralize and balance the colors. Finally I used the Unsharp Mask filter again, to add some details to the vegetation.
Photo manipulation photoshop tutorial (23)
Details (still not at 100%, remember this is in A3-format 300 DPI)
Photo manipulation photoshop tutorial (24)

Leave a Reply