Friday, October 31, 2008

Cherish The Moment

Traditional Art of Paper Collage to form a Card. Pictures was printed with digital prints. Made this to give my section mates.

Front view

Outside view (Opened)

Inside view (Opened)

Back view

Front picture

Inside picture

Khin Hooi

Taman Setapak Jaya View

Taman Setapak Jaya by ~temporary40 on deviantART

It's a panorama, so you might need to view it at my Deviant Art profile.

Water supply to my place are poisoned, making the plant all withered. Soon enough, all the human will be in trouble.

And if you look properly, you may spot Genting Highlands

Khin Hooi

Thursday, October 30, 2008

Sunset on Kuala Lumpur

Sunset on Kuala Lumpur by ~temporary40 on deviantART

Went for dinner one night and saw this nice view, took a snapshot from the corridor.

Khin Hooi

Wednesday, October 29, 2008

Night Flower Tutorial

I had created this art long time ago and due to boredom, I decided to create a tutorial for this piece of art. Hope this can attract more and more people into this blog.

Night flower is a effect in photoshop which use simple technique like polar coordinate and color balance. The result? A flower that glows gracefully only at night.

This tutorial are suitable for beginner to intermediate photoshopper. Although it may be hard for beginner, you may always ask me on some steps that you don't understand.

Let's start. I will use a Web canvas size of 800 px X 600 px.

1) Path out a curve using the pen tool.

2) Create a new layer. Select a size 13 round hard brush. Right click on the canvas with the pen tool selected and choose Stroke Path. Choose brush and tick Simulate Pressure. Click OK.

3) Duplicate your Layer with the stroked path and rotate it. Push it slightly upwards so the intersection is a bit to the top. Merge the layer by pushing CTRL + E or Layer > Merge Layer.

4) Duplicate the layer with 2 stroked path and rotate it again. Push it upward so the intersection meets. Merge to create only a single layer.

5) Now we have a background black layer and a layer with 4 stroked paths. Rename the stroked path layer to Layer 1.

6) Duplicate the Layer 1 and hide it. We will use Layer 1 copy. Apply Polar Coordinate. (Filter > Distort > Polar Coordinate) Rectangular to Polar. Then Rotate 90 degree Clockwise and apply another Polar Coordinate.(You can use the Keyboard Shortcut for previous Filter Applied, Ctrl + F)

7) Duplicate Layer 1. For Layer 1 copy 2, we are going to Flip Horizontal then Apply Polar Coordinate, then flip vertical, and lastly apply Polar Coordinate again.

8) Repeat and we have Layer 1 copy 3. Use Rotate 90 degree counterclockwise and apply Polar Coordinate.

9) Duplicate Layer 1. Use Layer 1 copy 4. Rotate 45 degree clockwise, apply Polar Coordinate, rotate 90 degree clockwise and apply Polar Coordinate.

10) Duplicate Layer 1. Use Layer 1 copy 5. Flip vertical, Polar Coordinate, Rotate 180 degree, and Polar Coordinate.

11) Layer 1 copy 6, Move it to the right and use Polar Coordinate.

2) This are all the layers that we modify from a single layer which is Layer 1.

The main point here is to play with free transform and polar coordinate. There are no strict rules to follow here. So each time the flower comes out will be different.

You only have to duplicate the Layer 1 for 6 copies and apply what you want.

13) Arrange all your layers to meet intersection with intersection. Our flower still look horrible.

14) Rotate your layers one by one to rearrange you flower so it looks nice. Remember to drag the middle point of the transform to the intersection so ease your rotation.

15) Final job. Don't really looks nice. So we need to create another 6 new layers of Polar Corrdinates. But here, we are just going to use this.

16) Merge all the layers of strokes and rename it Layer 1. Make 3 duplicates of the layer.

Apply Gaussian Blur (Filter > Blur > Gaussian Blur) to all the duplicates. Value 3 for Copy, Value 6 for Copy 2 and Value 9 for Copy 3. Keep Layer 1 untouched.

17) Current view. You may ask why not use outer glow for the glowing effect? I will answer, "Well, you may try but I prefer this method".

18) On layer 1 we apply Stroke. 1 Px, Inside, Black Color. (You may choose center if you like)

How to bring out this window? Double click on Layer 1 and tick Stroke.

19) Now listen. Turn off Layer 1. Create a new layer and use Apply Image (Image > Apply Image). Blow this blurred layer to 200 %.

March 1st, 2009 Edit: Quite a number of reader don't know blow. I am sorry for the language, I meant enlarge. Use Ctrl+T to Free Transform and enlarge it to 200% from the Option Bar.

20) Move our blown layer to a suitable position. This layer we are going to use as the blurry effect at the background.

21) Apply Liquify. (Filter > Liquify). Use the Brush value I used.

22) Move the layer again to choose a suitable position. Set this layer's opacity to 10 % only and move this layer to the bottom of Layer 1.

23) This is currently our Layer Palette.

Layer 1 copy 3: The flower layer Gaussian Blurred Value 9
Layer 1 copy 2: The flower layer Gaussian Blurred Value 6
Layer 1 copy : The flower layer Gaussian Blurred Value 3
Layer 1: The Flower layer, applied Stroke
Layer 2: Applied layer with flower layer turned off, Blown 200 % and Liquified.

24) Create a new adjustment layer (Layer > New Adjustment Layer > Color Balance). Set the value I used. Make sure the Adjustment Layer is above all layers.

25) On the adjustment layer, use Clouds (Filter > Render > Clouds). Use Levels (Image > Adjustment > Levels). Push both black and white tab to the side of the 'mountain'. Click OK.

26) Now, duplicate the adjustment layer. Double click on the Arrow head to alter the Color Balance.

27) Use the value I used. You may wonder why it appeared Blue? Nevermind.

28) On the copied Adjustment Layer. Press Ctrl + I (Image > Adjustment > Invert). And have this effect.

We are not quite done yet.

29) On top of all layers, create a Gradient Map Adjustment Layer (Layer > New Adjustment Layer > Gradient Map). Click on the Gradient and Choose the Preset of Violet to Orange. Click OK.

30) Set the Mode to Difference and Opacity 20 %. And I repeat, 20%, not 30 % as shown.

31) We have here. Now, create a New Layer on top of all Layers and Apply Image (Image > Apply Image)

32) Set the new layer to Overlay and Opacity 90%.

And we are done.

33) This is another sample of other arrangement of layers.

These are some further effects you can apply.

Here is the end of night flower tutorial. Hope you enjoy and I really do hope you show off your work here.

PSD file is provided. If you want it, please leave your e-mail in the comment box and I will personally send the link to you. For free.

Tips: Combination of colors could do great for your art.


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