Monday, October 27, 2008

Six Scenes of Kuala Lumpur

This is a tutorial to create 6 different scenes out of a single photographed image of Kuala Lumpur. We have blue sky, weird tone, sepia, dawn, dusk, and snow. Although this is a simple tutorial but it require your feel towards art. It requires patience in creating as it need trial and error in several steps.

Do enjoy.

1) This is a picture taken from Yayasan Selangor, Jalan Raja Muda Aziz, Kuala Lumpur. Beautiful scene picturing Kuala Lumpur Tower and Petronas Twin Tower and a Kampung area.

2) First of all, we need to fix our picture before it can be used for any of the effects here. Open up Image > Adjustment > Levels. Click and drag the black tab to the right. You need to judge for yourself and use your feel. There is no right amount of levels to put in.

3) Move on, open the Channel: Choose Red. Again, repeat step 2, feel it yourself, not too much and not too little.

4) Repeat for Green Channel. Be careful here or your plants will stand out too much.

5) Finally Blue Channel. Push the black tab. Click OK.

6) Go to Image > Adjustment > Brightness and Contrast. Push both Brightness and Contrast tab to the right. Usually, contrast tab should be double the brightness tab. But again be careful not to push too much as it will affect the effect that we are going to apply.

7) This is the current picture we are seeing and we are going to use this as the basic for the following 6 effects. See the difference from the first picture. The first picture are a bit dull looking. But bare in mind, this picture is only pleasing on screen as the first picture is the only one who suits printing works.

Now to move on to the first effect.

You may ask why sepia? Sepia mode can be reached easily from any program by just one click for instance from Picasa Program. Well, I can tell you, the sepia here will preserve a certain amount of colour in your picture while the sepia in other program totally destroys the colour in objects.

1) Duplicate the fixed picture and press Shift + Ctrl + U. This is to desaturate the picture. From the Menu, you can reach it through Image > Adjustment > Desaturate. Set this desaturated layer to Overlay.

2) Current view. And overlayed layer is on top of the fixed layer.

3) Now create a new layer and fill it with any shade of brown by using the Paint Bucket Tool. Set this layer to Soft Light. Reduce the opacity of the fixed layer to about half to create our sepia tone. You need to turn off the original layer.

4) For each effects, I will include the layer palette view to help you out.

Layer 1 : Our color filled layer. Set to Soft Light.
Background copy 2: Copy of the fixed layer, desaturated.
Background copy: The fixed layer, opacity turned down to 54 %
Background : The original unfixed picture layer. Turned off.

Some photography needs polarized lenses to create bright blue sky in their scene but with photoshop, we can create the effect too.

1) Duplicate the fixed layer and apply Cut-out. Go to Filter > Artistic > Cut-out. Apply the value I used here.

2) Use the magic wand selection tool and select the sky. Remember to hold SHIFT button to add the selection for every click.

3) Click on the gradient to edit. Choose Foreground to Transparent. Choose any shade of blue as the foreground.

4) With your selection still intact, create a new layer and apply your gradient from top to the bottom of the canvas.

5) Set the layer to Soft Light.

6) Create another layer and apply the same gradient from top to bottom of the canvas after your deselect the sky selection.

7) Apply Soft Light. Reduce both gradient layer's opacity to around half. If the tone does not suit, use Image > Adjustment > Hue and Saturation to adjust the hue of sky.

8) Layer palette as promised.

Layer 4: Gradient from top to bottom without sky selection. Soft Light, Opacity 59%
Layer 3: Gradient from top to bottom with sky selection. Soft Light, Opacity 56%.
Background copy 2: Background with Cut-out filter, disabled, its useless in our final painting.
Background copy: Fixed picture layer.
Background : Original unfixed layer.

Here, we are going to only play with the channel mixer.

1) Open up Channel Mixer through Image > Adjustment > Channel Mixer. From Red Output Channel, Reduce Red to 0 and increase Green to 100 %

2) From the Green Channel, reduce Green to 0 and increase Blue to 100 %.

3) From the Blue Channel, reduce Blue to 0 and increase Red to 100 %.

4) This is the current effect. Or maybe the final effect if you like it.

5) This works the other way round in the Channel Mixer. (In Red Channel, Red to 0 and Blue to 100%, etc)

6) This is when you set on of the channel to Soft Light.

7) Layer Palette

Background copy 3 and 2 : Mixed channel picture layer. Set to Soft Light.
Background copy : Fixed layer
Background : Unfixed picture layer.

The title explains it all.

1) Duplicate our fixed picture layer and Desaturate it by SHIFT + CTRL + U. Open up Gradient Map ( Image > Adjustment > Gradient Map ) and edit the gradient by clicking on the gradient. Set to these colors.

2) Current effect.

3) Set the layer to overlay.

4) Open up the regular gradient editor and set Foreground to Transparent. Choose this shade of red.

5) Create a new layer and apply the gradient from the Top to the Middle of the canvas.

6) Set the red gradient layer to Pin light and reduce the Opacity to around 30%.

6) Layer palette again.

Layer 1 : Our red color gradient set to Pin Light and Opacity 27 %
Background copy 2 : Gradient Mapped picture layer, set to Overlay.
Background copy : Fixed layer
Background : Unfixed layer

There are 2 effect in this effect. The first would be pencil sketch effect and second snow cover effect.

1) First, duplicate the fixed picture layer and use Desaturate (SHIFT + CTRL + U). Then apply Levels, Image > Adjustment > Levels. Push both black and white tab to the middle.

2) Current effect.

3) Next, open up the Channel Palette and load Channel and Selection.

4) Create a new layer and Inverse our Selection. Fill the current selection with White. This is the sketch effect.

5) Now, turn off the leveled Layer and we have our snow covered Kuala Lumpur. Although it does not look too realistic.

6) OK, time for layer palette.

Layer 1 : "Snow" Layer
Background copy 2 : Our leveled layer, Turn On for Sketch effect, Turn Off for Snow effect.
Background copy : Fixed layer.
Background : Unfixed layer.

This would be my personal favourite effect. It has the light ray breaking through the cloud and mist effect on the city. This could be a dawn sun shining through the city or an end of the world effect. How ever you describe it.

1) Duplicate the fixed picture layer and Invert it. Use CTRL + I or Image > Adjustment > Invert.

2) Set the layer to Color Burn.

3) Now listen. Duplicate the fixed layer and put it under the Inverted layer. Apple Levels ( Image > Adjustment > Levels). Push the white tab a little bit to the left. Just a little bit.

4) Current effect.

5) Now, create a new layer and use Apply Image. (Image > Apply Image). Desaturate it (SHIFT + CTRL + U).

6) Create another layer and use Filter > Render > Clouds. If your resolution if low, you need to use clouds from another source.

Open a new file. Preferably A4. Use Filter > Render > Clouds. Copy the whole thing and put it in our current file. Transform it to fit (CTRL + T) Rotate 90 degree to fit nicely.

7) Open the Channel Palette and Load the selection for the clouds.

8) While in your selection, duplicate the Applied Image Layer and use Radial Blur on it. (Filter > Blur > Radial Blur). Move the source of blur according to the source of light on our picture. Set the quality to best and pixel 100. You may need to use trial and error method to get the blur right.

You may deselect now. Duplicate the blurred layer. And set all three layers to screen ( Applied Image layer, Radial Blurred Layer and Duplicate or Radial Blurred Layer)

9) Create a new layer and fill with any shade of yellow. Set it to overlay and reduce the opacity to around 30 %.

10) This effect could be confusing. So I hope this layer palette will help.

Layer 2: Our Cloud which help to make selection for radial blur, disabled, useless the final effect.
Layer 3: Shade of yellow, overlayed, 30 % opacity.
Layer 1 copy 2: Copy of Radial Blur, Screen
Layer 1 copy: Radial Blur, Screen
Layer 1: Applied Image, desaturated, Screen
Background copy 3: Inverted, Color Burn
Background copy 2: Leveled layer
Background copy: Fixed layer
Background: Unfixed layer.

End of Tutorial, here are the PSD file for download. Hope you enjoyed.
Blue Sky:
Weird Tone:
The whole folder

Tips: Trial and Error is a must in Photoshop



BabySiiaOzz said...

great tutorial!!
tempo! uu so stupid lar!
later people take advantage of ur tutorial to print on t-shirt for sale!!!!!!!!
LOL! jk.. i knw uu love to share! xd

Business Card Printing said...

These are excellent techniques on how to create different images from one photo. I love the sepia effect, but then again, the others are really nice too! Thanks for sharing this tutorial, looking forward to your next one!

Audrey said...

nice tutorial, I like.