Tuesday, 26 July 2011
A few days ago I have published "Photoshop Pen Tool Basics - Part 1". I hope you will have like this tutorial. Today in this tutorial, I'm going to show you how to use freeform pen tool, add anchor point tool, delete anchor point tool and convert point tool in Photoshop to create your own custom shapes.
Photoshop Helping Tools of Pen Tool
Img
Photoshop Helping Tools of Pen Tool
Last week I have discussed about Pen tool in Photoshop Pen Tool Basics - Part 1. Ok I will discuss about other four photoshop helping tools of Pen tool.
Useful Tools of Pen Tool
Freeform Pen Tool
Add Anchor Point Tool
Delete Anchor Point Tool
Convert Point Tool
Now I am going to discuss about these Pen tool options.
Freeform Pen Tool
Freeform Pen Tool is just below the path selection tool. With the help of freeform pen tool, we can create or edit lines, curves,or freedom lines and shapes. For most users, the freeform pen tool provides the best control and greatest accuracy for drawing. With the help of this tool, we can just draw with free hand. There is no need to draw points like pen tool.
Img
Freeform Pen Tool
How Work Freeform Pen Tool in Photoshop
For example, we are having "Easter Island Head at Stonehenge" image in which we want to select the top of head stone.
Here we can draw with freeform pen tool and after drawing with this tool, right click and make selection. A separate window appears in which we can give feather for the selection and click OK. The area will be selected.
Img
Easter Island Head at Stonehenge
We can change the color, opacity and applying the blending options on selection path.
Add Anchor Point Tool
The Add Anchor Point tool is used to insert an anchor point in a path. The anchor point enables a user to edit the path. To add an anchor point in a path, position the pointer on the path where the anchor point needed to be added and click.
Img
Add Anchor Point Tool
How Work Add Anchor Point Tool in Photoshop
For example, we are having this image which we want to select. Here we can draw with pen tool and after drawing with this tool, we observed that it need some more adjustments. Now we must add anchor point and adjust in this way as shown in preview. After drawing the path, we can make selection as like Freeform Pen Tool preview.
Img
Applying Add Anchor Point Tool
Delete Anchor Point Tool
The Delete Anchor Point Tool deletes anchors and reshapes existing vector shapes / paths (shape outlines).
Img
Delete Anchor Point Tool
How To Work Delete Anchor Point Tool in Photoshop
On the Toolbar, select the Delete Anchor Point tool. Click the anchor point or points you want to remove. When you remove one or more anchor points with this tool, the shape changes, but the path remains whole (it doesn't split the path) you can see in preview below.
Img
Delete Anchor Point Tool
Convert Point Tool
The Convert Point Tool edits existing vector shape masks and paths (shape outlines) by converting smooth anchor points to corner anchor points and vice versa.
Img
Convert Point Tool
How To Work Convert Point Tool in Photoshop
The Convert Point Tool of Photoshop can be located in the Toolbox. You need to select the Convert Point Tool and then click on a smooth anchor point for converting it to corner anchor point. Dragging away from a corner anchor point, you can easily convert it to smooth anchor point again.
Img
Applying Convert Point Tool
Summary
Freeform Pen Tool helps we can draw a paths very easily.
Using the Add Anchor Point Tool we can add new point in path.
We can delete extra points from path help of the Delete Anchor Point Tool.
Convert Point Tool helps us in change the shape angles in any direction.
Read more: http://www.webdesign.org/photoshop/photoshop-basics/photoshop-pen-tool-basics-part-2.20268.html#ixzz1TCSc1zZp
Photoshop Helping Tools of Pen Tool
Img
Photoshop Helping Tools of Pen Tool
Last week I have discussed about Pen tool in Photoshop Pen Tool Basics - Part 1. Ok I will discuss about other four photoshop helping tools of Pen tool.
Useful Tools of Pen Tool
Freeform Pen Tool
Add Anchor Point Tool
Delete Anchor Point Tool
Convert Point Tool
Now I am going to discuss about these Pen tool options.
Freeform Pen Tool
Freeform Pen Tool is just below the path selection tool. With the help of freeform pen tool, we can create or edit lines, curves,or freedom lines and shapes. For most users, the freeform pen tool provides the best control and greatest accuracy for drawing. With the help of this tool, we can just draw with free hand. There is no need to draw points like pen tool.
Img
Freeform Pen Tool
How Work Freeform Pen Tool in Photoshop
For example, we are having "Easter Island Head at Stonehenge" image in which we want to select the top of head stone.
Here we can draw with freeform pen tool and after drawing with this tool, right click and make selection. A separate window appears in which we can give feather for the selection and click OK. The area will be selected.
Img
Easter Island Head at Stonehenge
We can change the color, opacity and applying the blending options on selection path.
Add Anchor Point Tool
The Add Anchor Point tool is used to insert an anchor point in a path. The anchor point enables a user to edit the path. To add an anchor point in a path, position the pointer on the path where the anchor point needed to be added and click.
Img
Add Anchor Point Tool
How Work Add Anchor Point Tool in Photoshop
For example, we are having this image which we want to select. Here we can draw with pen tool and after drawing with this tool, we observed that it need some more adjustments. Now we must add anchor point and adjust in this way as shown in preview. After drawing the path, we can make selection as like Freeform Pen Tool preview.
Img
Applying Add Anchor Point Tool
Delete Anchor Point Tool
The Delete Anchor Point Tool deletes anchors and reshapes existing vector shapes / paths (shape outlines).
Img
Delete Anchor Point Tool
How To Work Delete Anchor Point Tool in Photoshop
On the Toolbar, select the Delete Anchor Point tool. Click the anchor point or points you want to remove. When you remove one or more anchor points with this tool, the shape changes, but the path remains whole (it doesn't split the path) you can see in preview below.
Img
Delete Anchor Point Tool
Convert Point Tool
The Convert Point Tool edits existing vector shape masks and paths (shape outlines) by converting smooth anchor points to corner anchor points and vice versa.
Img
Convert Point Tool
How To Work Convert Point Tool in Photoshop
The Convert Point Tool of Photoshop can be located in the Toolbox. You need to select the Convert Point Tool and then click on a smooth anchor point for converting it to corner anchor point. Dragging away from a corner anchor point, you can easily convert it to smooth anchor point again.
Img
Applying Convert Point Tool
Summary
Freeform Pen Tool helps we can draw a paths very easily.
Using the Add Anchor Point Tool we can add new point in path.
We can delete extra points from path help of the Delete Anchor Point Tool.
Convert Point Tool helps us in change the shape angles in any direction.
Read more: http://www.webdesign.org/photoshop/photoshop-basics/photoshop-pen-tool-basics-part-2.20268.html#ixzz1TCSc1zZp
Final Image
As always, this is the final image that we'll be creating:
Img
Step 1
Create a new document (800X600px).
Drag out a radial gradient ranging from f8f8f8 to e0e0e0 on your background layer:
Img
Step 2
Paste in your bark texture:
Img
Now apply a hue/saturation adjustment layer. Be sure to apply a clipping mask (layer - create clipping mask), so that your adjustment layer only effects your underlying bark layer.
Img
Now return to your bark texture layer. Reduce it's opacity to 30%, and change it's blend mode to 'overlay'.
Img
Step 3
Now download the abstract lights brush set from the resources for this tutorial.
Create a new layer called 'brush marks 1?.
Apply several of the brush marks (using a black paintbrush). Then change this layer's blend mode to 'overlay' and reduce it's opacity to 80%.
Img
Img
Step 4
Now apply a couple more layers, applying more black brush marks, and then some white ones. The idea is just to layer up your background effect:
Img
Step 5
Now apply some text in the center of your canvas. The text can say whatever you want, but in this case I've just typed out the letters 'PSD'. The font is not important, but it's easier if you use a legible, bold font:
Img
Step 6
Now cut out and paste in your branches from the branch photos in the resources for this tutorial. Keep these images on separate layers, so that you can easily paste them onto subsequent layers:
Img
Step 7
Paste your tree photo into the bottom left of your canvas, positioning it against the bottom of your P letter.
Img
Now we want to make our tree more stylized to fit with our overall composition. Apply a color overlay blending option to your tree layer, and then apply a hue/saturation adjustment layer (being sure to apply a clipping mask to it).
Color Overlay Blending Option Setting:
Blend Mode: Normal
Color: 000000
Opacity: 65%
Hue/Saturation Adjustment Layer Settings:
Hue: 0
Saturation: -100
Lightness: 0
Img
Step 8
Now we want to start morphing our branch images to fit to our letters. To do this we're going to use the puppet warp tool. Position the branch roughly over your letter, and then go to edit - puppet warp. Warp the branch to fit around part of your letter:
Img
Step 9
This is how your composition looks once you've warped several branches to cover all your letters. With each branch layer, be sure to apply the same color overlay blending option and hue/saturation adjustment layer as your original branch layer.
Img
Here is the composition with the original type layer hidden:
Img
Step 10
Now create a new layer called 'brush marks over letters'. Select your abstract marks brush again, and apply your brushes over your letters, applying a subtle frayed edge effect:
Img
Step 11
A quick tip when applying your brushes is to rotate your brush marks where necessary. Brush sets may not always be at the correct angle to follow the contours of your layers, so you can easily alter the angle of your brushes to fit. Simply open up your brushes panel, and change the angle option (see below):
Img
Step 12
Now create a new layer called 'highlights'.
Drag out several white to transparent radial gradients over the tops of your letters.
Then change this layer's blend mode to 'overlay' and reduce it's opacity to 40%.
Img
Img
Step 13
Now paste in your crow photo from the resources for this tutorial.
Position it on top of one of your letters, and then apply a color overlay blending option:
Color Overlay Blending Option Settings:
Blend Mode: Normal
Color: 000000
Opacity: 65%.
Img
Step 14
Now apply a final levels adjustment layer in order to add extra contrast to your composition.
Levels Adjustment Layer Settings:
0 / 1.08 / 247
Img
And We're Done!
You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome.
Img
Read more: http://www.webdesign.org/photoshop/text-effects/create-creepy-branch-based-typography.20351.html#ixzz1TCRVuUAt
As always, this is the final image that we'll be creating:
Img
Step 1
Create a new document (800X600px).
Drag out a radial gradient ranging from f8f8f8 to e0e0e0 on your background layer:
Img
Step 2
Paste in your bark texture:
Img
Now apply a hue/saturation adjustment layer. Be sure to apply a clipping mask (layer - create clipping mask), so that your adjustment layer only effects your underlying bark layer.
Img
Now return to your bark texture layer. Reduce it's opacity to 30%, and change it's blend mode to 'overlay'.
Img
Step 3
Now download the abstract lights brush set from the resources for this tutorial.
Create a new layer called 'brush marks 1?.
Apply several of the brush marks (using a black paintbrush). Then change this layer's blend mode to 'overlay' and reduce it's opacity to 80%.
Img
Img
Step 4
Now apply a couple more layers, applying more black brush marks, and then some white ones. The idea is just to layer up your background effect:
Img
Step 5
Now apply some text in the center of your canvas. The text can say whatever you want, but in this case I've just typed out the letters 'PSD'. The font is not important, but it's easier if you use a legible, bold font:
Img
Step 6
Now cut out and paste in your branches from the branch photos in the resources for this tutorial. Keep these images on separate layers, so that you can easily paste them onto subsequent layers:
Img
Step 7
Paste your tree photo into the bottom left of your canvas, positioning it against the bottom of your P letter.
Img
Now we want to make our tree more stylized to fit with our overall composition. Apply a color overlay blending option to your tree layer, and then apply a hue/saturation adjustment layer (being sure to apply a clipping mask to it).
Color Overlay Blending Option Setting:
Blend Mode: Normal
Color: 000000
Opacity: 65%
Hue/Saturation Adjustment Layer Settings:
Hue: 0
Saturation: -100
Lightness: 0
Img
Step 8
Now we want to start morphing our branch images to fit to our letters. To do this we're going to use the puppet warp tool. Position the branch roughly over your letter, and then go to edit - puppet warp. Warp the branch to fit around part of your letter:
Img
Step 9
This is how your composition looks once you've warped several branches to cover all your letters. With each branch layer, be sure to apply the same color overlay blending option and hue/saturation adjustment layer as your original branch layer.
Img
Here is the composition with the original type layer hidden:
Img
Step 10
Now create a new layer called 'brush marks over letters'. Select your abstract marks brush again, and apply your brushes over your letters, applying a subtle frayed edge effect:
Img
Step 11
A quick tip when applying your brushes is to rotate your brush marks where necessary. Brush sets may not always be at the correct angle to follow the contours of your layers, so you can easily alter the angle of your brushes to fit. Simply open up your brushes panel, and change the angle option (see below):
Img
Step 12
Now create a new layer called 'highlights'.
Drag out several white to transparent radial gradients over the tops of your letters.
Then change this layer's blend mode to 'overlay' and reduce it's opacity to 40%.
Img
Img
Step 13
Now paste in your crow photo from the resources for this tutorial.
Position it on top of one of your letters, and then apply a color overlay blending option:
Color Overlay Blending Option Settings:
Blend Mode: Normal
Color: 000000
Opacity: 65%.
Img
Step 14
Now apply a final levels adjustment layer in order to add extra contrast to your composition.
Levels Adjustment Layer Settings:
0 / 1.08 / 247
Img
And We're Done!
You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome.
Img
Read more: http://www.webdesign.org/photoshop/text-effects/create-creepy-branch-based-typography.20351.html#ixzz1TCRVuUAt
Subscribe to:
Posts (Atom)