Webmaster Forum

Go Back   Webmaster Forum > Web Development > Graphic Design Forum

Graphic Design Forum Discuss and share graphic design and multimedia topics and projects, including ads, banners, logos, etc. Be creative. Be original. Show us what you got. Constructive criticism only!


Reply
 
LinkBack Thread Tools Display Modes
Old 02-17-2006, 06:24 PM   #1 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
PS Pen Tool Cutout

I cut this rose tattoo from a Google Images pic. I traced around it with the pen tool, then copied it to a different pic. The pen tool in Photoshop is vector based, so you can cut or copy a traced object and it will have smooth edges. After selecting (right click/"make selection") and before copying or cutting (edit/"copy" or edit/"cut"), what I do is select 0 (zero) feather but make sure that anti-aliasing is checked.

In the first pic you can see where I chose to make my anchor and add anchor points as I went around the object.






I have my own way of using the pen tool to accomplish tracing objects, that only requires the use of two of the pen tool functions, the standard pen tool and the add anchor point pen tool, and switch between these two as I go around. I occasionally use the delete anchor point tool but rarely, because I usually just edit/"step backward" to undo a misplaced pen tool point and continue on.

The first thing you must do is choose paths in the upper left corner of the screen. This is important to remember doing before you begin.

My method of tracing, which you will not find described in the PS Help section or likely anywhere but here, is to make arch shapes only all the way around the object, be they concave or convex. Each arch I make is made by adding an add anchor point point, between every two standard pen tool points, then adjacently dragging that anchor point to the outtermost point on the shape's edge that is between those two standard pen tool points, and planting that add anchor point point right there (release mouse button). I then commence to adjusting the two adjustment legs that appear after the mouse button is released, to form each side of the arch that I just roughly dragged out, to follow the shape's edge as closely as I can get it to. I then switch back to the standard pen tool in the tools palette, and choose the next point to click. The moment I click on the last point that I left, furthest along the path, that then becomes the initial point of the next two point line segment, between which another add anchor point point will be placed, after choosing the add anchor point tool in the tools palette.

The one thing that you must remember to do each time after selecting back to the standard pen tool in the tools palette to continue tracing, is to click on the farthest point that you made along the path you are creating first, before continuing on.

The one thing that you must remember in using the add anchor point tool, is when you click on a line segment to add an anchor point, to move the line segment to form an arch you must click, release, then click+drag. It's a two step process adding an anchor point on a line, then dragging it to bend the line into an arch shape. The only secret is releasing the mouse button in between adding and dragging. (You'll see the pen icon change to an arrow icon when you're ready to click+drag the straight line into an arch.)

After a while, you get to knowing where to place each standard successive pen tool point, depending on the complexity of the curve. The add anchor point points are simply placed somewhere in between, and actually it can be slid up or down anywhere on the line segment before releasing the mouse button. Keep in mind that you want to have the least number of points around your shape, so you always want to place the next point as far along the edge of the shape as you can, and still have the two adjustment legs able to form the line segment to the shape's edge between the two points you've created.

Last edited by Atom; 02-18-2006 at 12:52 AM..
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-17-2006, 10:22 PM   #2 (permalink)
v7n Mentor
 
Sketch's Avatar
 
Join Date: 05-06-04
Location: London, UK
Posts: 664
iTrader: 0 / 0%
Latest Blog:
None

Sketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web proSketch is a highly respected web pro
Fantastic Atom

The Pen tool can do so much and you've just proved that!
Sketch is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-17-2006, 10:29 PM   #3 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by Sketch
Fantastic Atom

The Pen tool can do so much and you've just proved that!
Yeah, it's really the way to go I've found, if I'm just cutting objects or people out to use in pics. I think I should probably create a pictorial diagram to demonstrate though ... it's pretty hard to try and explain, but not that hard at all to see it done.
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-17-2006, 10:41 PM   #4 (permalink)
Senior Member
 
Ricoool's Avatar
 
Join Date: 10-13-03
Location: wonderfull Copenhagen, DK
Posts: 653
iTrader: 0 / 0%
Latest Blog:
None

Ricoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to beholdRicoool is a splendid one to behold
Send a message via Skype™ to Ricoool
Nice ATOM, just to add a few hints, before you start to make the first anchor point withe the pen tool, select the white arrow tool then the pen tool.

Now when you are working around the object with the pen tool, hold down the "Ctrl" key and the tool changes to the last arrow tool (black or white arrow, that is why you need to select the white arrow before you start) then relese the "Ctrl" key and you are back to the pen tool,
also try to hold down the "Alt" key and the tool changes to the "convert anchor point tool" when you relese you are back to the pen tool,
with the pen tool move over a line in an active figure and the tool changes to "add anchor point tool",
move over an anchor point and the pen tool changes to "delete anchor point tool".
Ricoool is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-17-2006, 10:59 PM   #5 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by Ricoool
Nice ATOM, just to add a few hints, before you start to make the first anchor point withe the pen tool, select the white arrow tool then the pen tool.

Now when you are working around the object with the pen tool, hold down the "Ctrl" key and the tool changes to the last arrow tool (black or white arrow, that is why you need to select the white arrow before you start) then relese the "Ctrl" key and you are back to the pen tool,
also try to hold down the "Alt" key and the tool changes to the "convert anchor point tool" when you relese you are back to the pen tool,
with the pen tool move over a line in an active figure and the tool changes to "add anchor point tool",
move over an anchor point and the pen tool changes to "delete anchor point tool".
That is very good, Ricoool, but that is different than my method. My method does not involve any keyboard commands, or the convert anchor point tool, among other things.

If my method is followed with nothing added, nothing taken away and nothing changed, it should allow a beginner or someone who's maybe been having trouble tracing with the pen tool to be initially successful, and then they can branch out from there to learn time saving tricks and more about the pen tool etc...

You should make your own seperate tutorial, Ricoool.

Last edited by Atom; 02-17-2006 at 11:09 PM..
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-17-2006, 11:16 PM   #6 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
I think that after I make up a pictorial diagram, it will make it more simple to understand. I'll do that maybe tonight or tomorrow ... getting a bit weary.

Or maybe I'll just drink some more coffee and have back at it. I dunno .. lol


Note: For anyone who is trying to follow this right now, you'll want to go back and read it again, because I discovered and fixed a rather critical mistake that I had made.

Last edited by Atom; 02-17-2006 at 11:34 PM..
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-17-2006, 11:35 PM   #7 (permalink)
DOS
Senior Member
 
DOS's Avatar
 
Join Date: 08-03-04
Posts: 526
iTrader: 0 / 0%
Latest Blog:
None

DOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to beholdDOS is a splendid one to behold
I've tried and failed at the pen tool once or twice. The tutorials just didn't do it for me, although I did get better after reading them. Maybe you can make one of those video type tutorials that follows your actions in PS.
DOS is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-17-2006, 11:48 PM   #8 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by DOS
I've tried and failed at the pen tool once or twice. The tutorials just didn't do it for me, although I did get better after reading them. Maybe you can make one of those video type tutorials that follows your actions in PS.
It should all be pretty plain after I create a few diagrams.

I've just finished adding the last bit of pertinent text to the tutorial. You may want to read it a few times.
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-18-2006, 01:52 PM   #9 (permalink)
Senior Member
 
JuggoPop's Avatar
 
Join Date: 10-09-03
Posts: 4,284
iTrader: 0 / 0%
Latest Blog:
None

JuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest orderJuggoPop is a web professional of the highest order
nice!
JuggoPop is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-18-2006, 02:02 PM   #10 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
I'll get those diagrams made up later today or tonight. This is a bit confusing I think, but once people see my pictorial, it should become fairly clear and simple to understand. Like ... I failed to mention little things like clicking on two seperate areas on the canvas creates a straight line ... but things like this will be apparent with the pictorial.





Last edited by Atom; 02-18-2006 at 02:06 PM..
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-19-2006, 11:31 AM   #11 (permalink)
Contributing Member
 
Verocity's Avatar
 
Join Date: 01-05-06
Posts: 171
iTrader: 0 / 0%
Latest Blog:
None

Verocity is just really niceVerocity is just really niceVerocity is just really niceVerocity is just really niceVerocity is just really niceVerocity is just really niceVerocity is just really niceVerocity is just really niceVerocity is just really niceVerocity is just really niceVerocity is just really nice
Nice tutorial
__________________
Canada411

Verocity is offline  
Add Post to del.icio.us
Reply With Quote
Old 02-19-2006, 01:41 PM   #12 (permalink)
v7n Mentor
 
Atom's Avatar
 
Join Date: 10-12-03
Location: Tennessee, USA
Posts: 32,621
iTrader: 0 / 0%
Latest Blog:
None

Atom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest orderAtom is a web professional of the highest order
Send a message via Yahoo to Atom
Quote:
Originally Posted by Verocity
Nice tutorial
Thanks, Verocity ... It will be better once I make those pictorials that I said I was going to make yesterday but didn't. lol
Atom is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Graphic Design Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
SEO Tool D3n!ss3_gÜrL SEO Forum 12 11-05-2007 08:58 AM
PHP Forms - Code by hand or use tool? Which tool? andheresjohnny Coding Forum 14 12-18-2006 01:39 PM
Cutout :: I still can't do it Jimmeij Graphic Design Forum 12 04-14-2006 07:58 AM
SEO Tool DOS SEO Forum 6 04-05-2005 01:36 AM
Tool you've all been waiting for - Florida update tool! Pimpen 2010 Google Forum 24 11-27-2003 08:01 AM


Sponsor Links
Get exposure! Contextual Links V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 09:48 PM.
© Copyright 2008 V7 Inc
Powered by vBulletin
Copyright © 2000-2009 Jelsoft Enterprises Limited.


Search Engine Optimization by vBSEO 3.3.0 ©2009, Crawlability, Inc.