Showing posts with label angle. Show all posts
Showing posts with label angle. Show all posts

Saturday, October 20, 2012

Useful Applications for the Clone Stamp Tool

Useful Applications for the Clone Stamp Tool

This tutorial goes over some excellent uses of the Clone Stamp tool in Photoshop.

Maybe the Clone Stamp Tool is one of the most known tools in Photoshop, but have you ever wondered: what else can I do with the cloning stamp than duplicating pixels and hiding objects? These two short tutorials will show you some new uses for this wonderful tool.

Part One, Cloning a "Baby" Car

Before we get started, let’s take a look at the image we’ll be creating.  You can view the final image preview below or view a larger version here.
final look


The Basics

The Clone Stamp Tool is an awesome feature of Photoshop. It has been a part of the application for quite some time. The way to use this tool is really simple. First, select the brush type, choose the area you want to duplicate. Next press and hold only the Option key, and then click one time over the area that we call the Clone Source. Finally, just paint anywhere you want it.

You can clone from only one layer or several layers selecting the sample combo box. Also, you can paint the clone source on the original layer or into a new one. This tool is well known as the object remover, see the image below for a sample of the tool in action, which shows us how to remove a small cloud from a picture. Simple right? Let’s go to something a little bit more complicated next.

another cloning example

Step 1
First, open your original picture. I’m using this one of an old white truck, then Go to File > Save as… and save it somewhere as a PSD. I pasted the image into a new document at 1422 pixels by 1024 pixels, but you can work in the original file size.
Actually, my picture looks a little bit purple, so I’ll fix this by using two Adjustment Layers, a Selective color adjustment, only the blue color, and a Level Adjustment layer. Why adjustment layers? Well this way all the adjustments will be applied to any other layer on the document, but without distorting your original image. Name the image layer "Truck."

image adjustment

Step 3
Now select the "Truck" layer in the Layers Palette and select the Clone Stamp Tool. Set the brush at around 50px and set the Hardness to 0%. Now to select the cloning source Alt-Click somewhere on your image, a good point is just at the top left of the truck. Also, go to Window > Clone source to show the advanced options.

Step 4
When you have selected your clone source, create a new layer above the "Truck" layer and name it "Mini truck." Go to the Clone Source window and mark the Show Overlay checkbox. This way you’ll have a transparent copy of your clone source. Try moving your brush here an there to see how it works.
Now in the Clone source window, change these values W: 30% and H: 30%, this way you’ll be resizing your clone source to 30% of the original size. Next, place the clone transparent overlay on a proper place and start painting until you duplicate the entire truck. Remember, you’ll be painting on the "Mini truck" layer.


Step 5
Now very carefully, using the Eraser Tool, delete all the dirt areas cloned around the "Mini Truck".


Step 6
Now using the Burn tool, burn some areas of the "Mini truck" layer.


Step 7
I’m adding two more Adjustments layers: a Exposure adjustment and a Gradient map (Blending Mode set to Linear Burn).

Part One Conclusion
And that’s it, just to improve the distance sensation, blur the "Mini tuck" layer just a little bit by going to Filter > Blur > Blur.

Part Two, Straighten the Leaning Tower of Pisa
Before we get started, let’s take a look at the image we’ll be creating.  You can view the final image preview below or view a larger version here.


Step 1
Everybody knows the famous Leaning Tower of Pisa, although intended to stand vertically, the tower began leaning to the southeast due to a poorly laid foundation. But now we have Photoshop to fix that leaning using only the Clone Stamp Tool.
First, find your favorite image of the tower, I’ve found this one. Open it and save it as a new PSD file somewhere. I pasted the image into a new document 1000 pixels by 1500 pixels, but you can work with the original file size.


Step 2
I’ll increase the highlights levels of the tower. You can adjust your image according to your needs, or just skip this step if you’re using another picture.


Step 3
Once you have your image ready, create a new blank layer above the "Tower" layer and name it "Straight tower."


Step 4
Now select your Clone Source. Select the "Tower" layer and Option-click anywhere at top the left of the tower. Ensure that the Clone Source window is open, just go to Windows > Clone Source to show it.


Step 5
Draw a vertical guide to see how your going to modify the tower. In the Clone Source window mark the Show Overlay check box to see the clone source translucent preview. Now here’s the trick, just change the Offset angle to around 4,0ยบ. You’ll see how the preview is straight now. Do not click anywhere and go to next step.


Step 6
Select the "Straight Tower" layer and just paint over, start from the top of the tower to the bottom, you’ll see how the original tower disappears. Stop painting when you get close to the buildings.


Step 7
Continue cloning but be a little bit more carefully around the tower’s base. Reduce the size of the Cloning Brush to clone the borders, never mind if you clone a little bit of sky over the background buildings, we’ll fix it later.


Step 8
In this picture, there’s a couple with a baby, clone them too, you’ll just move there position a little bit. Again, don’t worry about the details yet.


Step 9
Now let’s fix all the details. First, we’ll improve the sky next to the tower, for this select the "Tower layer", change the Clone Brush size to 7px, set the Offset angle to 0, and select the Clone source somewhere over the sky. Next, select the "Straight tower" layer and paint the sky. Do the same for the buildings, the fence around the tower, or everywhere you’ll find any imperfection. Remember, set the Clone source on the "Tower" layer and paint on the "Straight Tower" layer.


Step 10
You can see the difference in the image below. Then you can Flatten the image and save it as another .jpg file.

Part Two Conclusion
Simple right? You can try this technique on another building. How about leaning the Eiffel Tower instead?. It’s up to you now!

Tutorial Conclusion
The Clone Stamp Tool is one of the most useful features of Photoshop, as much for photo editors as for graphic designers. There’s no limits for the applications of this wonderful tool!


Subscribe to the RSS Feed with bottom link for the best tutorials and articles on the web.

Tuesday, October 16, 2012

Understanding Drop Shadows

Understanding Drop Shadows

Drop Shadow is another Photoshop Layer Style that applies a silhouette to the objects in a layer. In this tutorial, you’ll learn about the different options and settings of the Drop Shadow Layer Style.

drop shadows


Adobe Photoshop includes Layer Styles, a number of automated effects that you can
apply to layers, including drop shadows, glows, beveling, and embossing, as well as a color fill effect.
Layer styles allow you to edit applied effects dynamically without having to create a smart object version of the image layer first. This means that you can apply editable effects to a selected image, shape, or type layer without permanently altering any pixels.
Each layer style contains its own settings; however, many of the controls are available for more than one effect and they operate in the same way. The best way to become familiar with them is to experiment. Apply a Layer style, play around with the control settings, and use the Preview option to decide whether you like what you see. You’ll notice as you experiment that many of the controls are self-explanatory and the dialog is very intuitive.
Applying effects to layers is easy. Either double-click on a layer to open the Layer Style dialog, or go to menu Layer>Layer Style. Alternatively, you can click Add Layer Style button at the bottom of the Layers palette (the one with the fx icon), and choose an effect from the list.
blending option in photoshop cs3


Some things to take note of when working with layer style effects and the Layer Style dialog:
- Layer styles cannot be applied to the Background layer.
- Layer styles can be applied to only a single selected layer at a time—not to multiple selected layers or to layer groups.
- Layer styles are attached to the layer. Therefore, when you move the layer in the Layers palette, the effects tag along.
- Type layers remain editable even after a layer style effect is applied.
- Layer styles can be copied from one layer to another.
- Adobe Photoshop displays applied Layer style effects as items in the Layers palette.
- Clicking the eye icon next to each effect’s name in the Layers palette temporarily disables the layer style. Click the eye next to the word Effects to temporarily disable all the applied layer styles for that layer.
- Lowering the Fill percentage in the Layers palette reduces the Opacity of the layer, but not the applied Layer styles.
- The Global Light option in the Layer Style dialog box tells Adobe Photoshop to apply the same angle to all direction-dependent effects, such as Drop Shadow, Inner Shadow, and Bevel And Emboss. The idea here is to simulate consistent real-world lighting.
- Combinations of layer style effects can be saved for later use in the Styles palette.

Take a close look at how Drop Shadows work:

Drop Shadow applies a basic drop shadow—not a perspective drop shadow—to the images, type, or shapes that are contained within the layer. Adobe Photoshop allows you to specify the color, opacity, blend mode, position, size, and contour of the effect.
Applying effects to layers is easy. Either double-click on a layer to open the Layer Style dialog, or go to menu Layer>Layer Style.
layer style drop shadows in photoshop cs3

Alternatively, you can click Add Layer Style button at the bottom of the Layers palette (the one with the fx icon), and choose an effect from the list.

Once the Layer Style window opens, pick the Drop Shadow, apply settings and click OK.
drop shadow palette setting

The top part of the Drop Shadow settings allow you to set a blending mode for the effect as well as the colour of the shadow. Just double-click the black rectangle to bring up the Color Picker. You can also move the slider to alter the opacity of the shadow.
shadow color in photoshop cs3

Use the Angle circle to set the angle of the light source. Whatever angle you choose will be in relation to the original layer shapes. If you keep the Use Global Light option checked, the effect will use the current angle setting from Layer>Layer Style>Global Light.

shadow angle in photoshop cs3

At the risk of sounding obvious, use the Distance slider to set the distance (in pixels) of the drop shadow in relation to the original layer shape. The Spread option allows you to control where the shadow starts to fade, while the Size slider controls the size of the shadow, again in pixels.
distance drop shadow in photoshop cs3


The Quality area of the dialog allows you to set different contours. These beauties control the edge shape of the shadow and can dramatically alter the effect. Keep the Anti-aliased box checked to soften the edges between the shadow and other parts of the image, and also experiment with the Noise slider.

contour in drop shadow panel photoshop cs3

When working with Drop Shadows, it’s worth keeping the Layer Knocks Out Drop Shadow option checked. This will prevent the shadow from showing through layer pixels that have a low Fill opacity
effect deleting in photoshop cs3

Tip: To use the same Drop Shadow settings on another layer, drag the Drop Shadow layer in the Layers palette to the other layer. When you release the mouse button, the shadow attributes are applied.