Sunday, December 31, 2006

Create a reflection in Photoshop

Very simple tutorial which I find extremely handy when you want to spruce up a creation. In this tutorial, let's take a look at how you can create realistic looking reflections using Photoshop.

Step 1: Choose a starting image

  • In my case, I chose to use a text design of PrettyBits. Other choices include landscape, buildings, and even objects.
Step 2: Duplicate your image
  • Duplicate your image by selecting Image > Duplicate.
  • Flip you duplicated image by selecting Edit > Transform > Flip Vertical.
  • Position the reflection below the original image using the Move tool or by pressing V.
Step 3: Adding a gradient to the reflection
  • Select the gradient tool and add a gradient to the reflection by drawing a line from top to bottom of the image. You should then get something like that.
Step 4: Adding perspective to the reflection
  • Select the gradient tool and add a gradient to the reflection by drawing a line from top to bottom of the image. You should then get something like that.
Step 5: Final touch
  • Make your reflection more realistic by reducing the Opacity of the layer. There is no hard and fast rule as to how much the Opacity should be, it is really up to you. Play around with the Opacity and see what works for you.
In this tutorial, I have only shown you the basics of creating a reflection. You may want to explore other types of possible reflections, like in water, horizon, mirror and even sunglasses. Armed with Photoshop and a few good photos, you'll no longer need to hope for a rainy day to capture some good photos of things reflected in water. Once you start to work with reflections, you'll never look at things quite the same way again. I'm even willing to bet that you'll also find yourself analyzing how reflections occur in nature, so you can improve on your digital versions.

Hope you enjoyed this tutorial.

Related Posts:

Read More...

Wednesday, December 20, 2006

Photoshop: Own a personalized Snow Globe

If you're eagerly waiting for the next tutorial from the "Create your own weather" series, I'm sorry but you're not getting it in this post.

With Christmas just round the corner, I've decided to give you a real treat!


Recently caught the typical Tim Allen flick Santa Claus 3: The Escape Claus. Err.. I'm not gonna go into details of the movie, like I said, it's just the typical Tim Allen movie. If you saw the movie, you would remember a scene when Santa gave Lucy a magical snow globe showing her hugging a snowman. That was just Sweeeet!! Damn, wish Santa would give me a personalized snow globe... Yah yah.. We adults should never believe in Santa. Soooo.. I've decided to take matters into my own hands and make my own DIGITAL SNOW GLOBE!


***Warning***
(1) Insane number of photos, so be patient!!!
(2) Freaking long tutorial, so be patient!!!
(3) Be patient!!! I promise it's worth it!!!

Instead of making a Snow Globe for myself, I've made one for the love of my life - Mikki. Gawd! I miss her So very much.. Haven't seen her since I've moved to UK 2 months back. Okok.. I know you're excited. I shall not digress. To entice you to stay and learn to make your own snow globe, I shall first show you the end result..

***VIOLA***
So, what do you think? Still interested? Here we go...

Step 1: Create a new document
  • Create a new document with the settings as shown.
  • Select "white" as your foreground color and fill the background with "white".

Step 2: Create and fill your marquee
  • Create a new layer and then choose the Elliptical Marquee Tool.
  • In the Style drop-down menu in the Options bar, choose "Fixed Size".
  • Enter the settings as shown.

  • Click in the new layer for a marquee of the defined dimensions to appear.
  • Select a pale blue color and fill the marquee with the Paint Bucket.
  • Name this new layer "Globe".


Step 3: Give your flare the polar effect
  • Create a new layer and use the Rectangular Marquee tool to drag around the area of the circle.
  • Choose Edit > Fill and then select "50% gray" from the pull-down menu.

  • Now, to create the lens flare, choose Filter > Render > Lens Flare.
  • Position the flare in the upper left corner.
  • Set the Brightness to "100%" and Lens Type to "50-300mm Zoom".
  • Name this layer "Lens Flare".

Step 4: Flip the flare
  • Still selecting layer "Lens Flare", choose Filter > Distort > Polar Coordinates.
  • Select the option "Polar to Rectangular" and click "OK".
  • Now select Image > Rotate Canvas > Flip Canvas Vertical.

Step 5: Creating a shiny sphere
  • Still selecting layer "Lens Flare", choose Filter > Distort > Polar Coordinates.
  • Select the option "Rectangular to Polar" and click "OK".
  • Set this layer's blending mode to "Hard Light".
  • Ctrl + Click layers "Lens Flare" and "Globe" and position them to the top of the canvas.
Step 6: Give it a hazy effect
  • Create a new layer and name it "Hazy"
  • Click on the Color Option and enter R: 219, G: 226, B: 225 into the color picker.
  • Selecting the layer "Globe", create an ellipse using the Elliptical Marquee Tool with the previous dimensions. Place this new ellipse in the same position as the sphere on this layer.
  • Now, go back to layer "Hazy", fill the marquee selection with the color you have previously selected.
  • Change the Opacity of this layer to "24%" and make sure it's the topmost layer.

Step 7: Shading the sphere
  • Selecting the layer you just created, make an ellipse selection (explained in Step 6).
  • Create a new layer on top of the layer "Hazy" and name it "Hazy Globe copy".
  • Now, choose the Gradient Tool and click on the swatch in the Options bar.
  • Choose the Black/White preset in the Gradient Editor and make adjustments as shown.


Step 8: Give your globe dimension
  • Check Reverse in the Options bar.
  • Click and drag from left of the middle towards the bottom right of the marquee selection.
  • Place this new layer below the layer "Hazy".
  • Change the blending mode of the layer to "Hard Light" and the Opacity to "23%".

Step 9: Adding your snow globe content
  • Time to add your own pictures/creations into the snow globe.
  • In the snow globe that I created, I created some variations of trees and brushed them into position.
  • I shan't go into too much detail since your contents would differ from mine. However, below are some screenshots for your reference.


Step 10: A light scattering of snow
  • Create a new layer and name it "Snow Trees".
  • Select a round brush of size 5px and the following settings in the Brush Palette: Spacing of "500%", Maximum Count Jitter and Scatter.


  • Make sure your foreground color is "White" before painting over parts of the contents where you want a snow fall effect. In my case, I painted snow on the trees.
  • Always remember to make a marquee selection around the sphere before you paint so that your painting will only apply to the selection.

Step 11: Snowy outlook
  • Create a new layer and name it "Ground Snow".
  • Select a soft round brush of size 280px, with the Scattering turned off in the Brush palette and reduce the Spacing.

  • Paint snow into the bottom of the trees or your content.

Step 12: Turn up the texture
  • Duplicate the "Ground Snow" layer and make sure this new layer is above the former.
  • With the "Ground Snow Copy" selected, go to Filter > Texture > Texturizer. Choose a Texture of Sandstone, Scaling of 50%, Relief of 4 and Light of Bottom Right and click "OK".
Step 13: Snow Storm effect
  • Include this step if you like to add some snow storm effect into your snow globe.
  • Create a new layer and call it "Falling Snow".
  • Make the foreground color "White" and the background color "Black".
  • Now choose Filter > Render > Clouds.
  • Use the Rectangular Marquee Tool to select a small area of this where there is a lot of contrast between black and white.
  • Choose Select > Inverse and hit Delete to be left with a small section of clouds.
  • Now, select Edit > Free Transform and drag the handles so that the cloud selection fills the area of the globe again.
  • Choose Filter > Pixellate > Mezzotint and select "Coarse Dots" from the Type drop-down menu.
  • Using the Magic Wand Tool, click on an area of black to select it on the "Falling Snow" layer.
  • Choose Select > Similar for all areas of black to be selected as well.
  • Hit "Delete" to be left with white specles.
  • Reduce the opacity of this layer to "70%".

Step 14: Adjusting the snow storm
  • Choose the Eraser tool on a low "Hardness" setting and "50%" Opacity.
  • Rub away falling snow from the ground or any parts where you want less of the "Storm".
  • Choose Filter > Blur > Motion Blur and set Angle to "-54" and Distance to "4 px".


Step 15: Adding more content
  • In my case, I have added a house in the middle of the snow globe.
  • Since this is a sphere, we need to make some "Realistic Distortions" to the content.
  • With an Elliptical marquee selected around the sphere and the new "House" layer selected, choose Filter > Distort > Spherize.
  • Reduce the Amount to 80% and click "OK" and warp the house to distort it further.
  • I have done the same with the picture of Mikki.

***We're almost there!***

Step 16: Place the globe on a stand
  • Create a layer called "Base Top" above the "Background" layer.
  • Pick the Elliptical Marquee tool and select "Fixed size" as the style with width 18cm and height 5cm.
  • Position the marquee as shown and fill it with "Brown".

Step 17: Build up the stand
  • Create a new layer below the "Base Top" layer and name it "Base Middle".
  • Pick the Rectangular Marquee tool and select "Fixed size" as the style with width 18cm and height 5cm.
  • Position the marquee as shown and fill it with "Brown".
Step 18: Create the Base
  • Duplicate "Base Top" layer and name it "Base Bottom".
  • Position the Ellipse below the "Base Medium" layer.
Step 19: Adding layer style to base
  • Merge all 3 "Base" layers.
  • Add texture, drop shadow and gradient to the "Base" layers as shown.
Step 20: Add the mini base
  • Duplicate the "Base" layers and resize it to "65%" with fixed aspect.
  • Choose Edit > Warp. Pull the corners round slightly so they curve round the globe.
  • Copy the layer style from "Base" layers and paste it to this new layer.

Step 21: Inscribe your globe
  • Choose the Freeform Pen tool. Select Paths and check Magnetic in the Options bar.
  • Go along the bottom edge of your base and double-click at the end.
  • Now, choose the Text tool. Set the color of the text to brownish gray, and pick a font.
  • With the Text tool selected, click the "Centre Text" option in the Options bar.
  • Hover mouse over the path until it changes, and then click to type your text.
  • When you are done typing, select the Move tool to move the text into the desired position.

Step 22: Give it the Engraved look
  • To achieve the engraved look, double-click on the Text layer and click on Inner Shadow in the Layer Style window.
  • Enter a Distance and Size of 1px. In Bevel and Emboss, change the Direction to Down, Size to 5px and Soften to 0px.
  • Finally, choose a highlight mode color of light brown similar to the one shown below.

***Your very own Snow Globe!***
Give yourself a tap on the shoulder for completing this tutorial. Give me your feedback and let me know if there are any specific Photoshop tips you would like to know.

Related Post: Photoshop: Create Your Own Weather - Part 1

Read More...

Friday, December 15, 2006

Photoshop: Create your own weather - Part 1

This marks the beginning of the "Create your own weather" series.

"Create your own weather" is a 4 part tutorial where I will share with you some of the techniques to transform a vanilla picture into have 4 contradistinctive demeanors. The series will attempt to re-create an array of nature's weather fronts and instantly change the mood of a picture's landscape - add a rainbow; capture a lightning when it strikes; portrait windy weather;
and perhaps a tornado.

In part 1, we will look at how we can transform this...
to this...
Personally, snapping a decent picture of a rainbow has never been an easy task for me. Each time I see a rainbow in the sky, I would either be without my camera or that the rainbow would be almost completely immersed and shielded by the clouds by the time I manage to pull my camera out of my bag without causing my make-up and ipod to fall out of the bag. After failed attempts to snap pictures of a nice rainbow, I decided that I shall try my luck at creating my own.

Follow this guide and you will have your own rainbow too!

Pictures used are obtained from Stock.Xchng. Program used: Photoshop CS2.

Step 1: Starting the rainbow

  • Grab the Magic Wand tool and select the big tree.
  • Zoom in on the big tree, holding down the SHIFT key, click on parts of the tree that was not selected by the Magic Wand Tool.
  • Still holding down the SHIFT key, repeat the process on the small tree.
  • When you have selected enough of the trees, right click and select Layer via Copy.
  • A new layer will be created with just the trees that you have selected.

Step 2: Re-arranging the trees layer
  • Drag this new layer to the top of the Layers palette, making sure that it is always the top-most layer.
  • Double click on this layer in the Layers palette and rename the layer to 'Trees'.
Step 3: Introducing the clouds
  • Choose a picture of the sky with nice clouds and open it in Photoshop.
  • Drag the clouds picture into the current composition of Background and 'Trees', making sure that that the clouds are positioned under the 'Trees' layer but above the 'Background' layer.
  • Transform and resize the clouds to be just above the height of the existing sky.
  • Name this layer 'Sky'.
Step 4: Add a Layer Mask
  • Click on 'Add Layer Mask' icon at the bottom of the Layers Palette and add a Layer Mask to 'Sky'.
  • Select the Brush tool with Black as your foreground color, paint out the sky over the ground.

Step 5: Stroke of a rainbow
  • Grab the Ellipse tool from the toolbar and draw a large oval.
  • Now we need to add a layer style. Select Layer > Layer Style > Blending Option.
  • Change the Fill Opacity to 0%.
  • Click on the category Stroke and add a 25 pixel stroke to the ellipse. At the same time, change the color of the Stroke to 'Purple'.
  • Rename this layer to 'Purple'.

Step 6: Adding all 7 colors of the rainbow
  • Right click 'Purple' and choose Duplicate this layer.
  • Rename this new layer 'Blue'.
  • Selecting 'Blue', hit Ctrl+'T' and lock the transformation aspect ratio by clicking on the 'link' between the percentages.
  • Resize layer 'Blue' by changing the percentage to 102%.
  • Use method described in Step 5 to change the color of stroke to blue.
  • Now, do the same for all 5 other colors of the rainbow.
  • You should end up with this...
Step 7: Blending the colors of the rainbow
  • Now that we have all 7 colors of the rainbow, we just need to blend them all together to make it more realistic.
  • Merge all 7 rainbow color layers by holding down the Shift key and clicking on all 7 layers; right click and select Merge Layers.
  • To blur the rainbow: Still selecting the newly merged rainbow layer, go to Filter > Blur > Gaussian Blur and add a 15 pixel blur to the image.

Step 8: Fitting the rainbow to the background
  • Use the Eraser tool to erase the section of the rainbow that is overlapping the grass.
  • From the Layers palette, change the Blending mode to 'Soft Light' and Opacity to 50%.
  • Duplicate this layer and change the Blending mode to 'Screen' and Opacity to 90%.

Step 9: Correct the color of the grass
  • We're almost there!
  • Notice the color of the grass in the 'Background' layer looks somewhat sluggish against a rainbow and blue sky backdrop? Let's change that!
  • Select the 'Background' layer. Go to Image > Adjustments > Hue/Saturation and change the Hue/Saturation as shown....

Viola!!!!!! Here's your very own Rainbow Effect!!


I hope you enjoyed this little tutorial. Check back for more Weather Series.

Read More...

Creative Commons License
Copyright © 2006 http://prettybits.blogspot.com. All rights reserved.