Go Back   MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Reply
 
Thread Tools Search this Thread Display Modes
Old Mar 3, 2012, 04:30 PM   #1
definitive
macrumors 65816
 
Join Date: Aug 2008
Any good Illustrator pen tool (for curves) tutorials?

I've been using Illustrator for years, but for the life of me can't make good round curves when drawing illustrations. As of late I've been interested in doing handlettering (if anyone wants an example, just search for logotype or handlettering on dribbble.com), but once I scan the image and place it on the Illustrator's art board, the tracing I do with the pen tool doesn't look as round and curvy as I'd like. Is there some secret to getting the pen tool's curves looking perfectly round?

Last edited by definitive; Mar 3, 2012 at 04:40 PM.
definitive is offline   0 Reply With Quote
Old Mar 4, 2012, 02:02 PM   #2
righteye
macrumors 6502
 
Join Date: Aug 2011
Location: London
Lynda.com may have the answer you require, its a pay service (and you can access as many subjects you like) also you can stop and start as you need.
Lynda.com has been a brilliant resource for my Photoshop needs and quite a few other bits of software plus Mac OSX as well.

Iam purely a user of Lynda.com and have no association with them other than been a satisfied customer.
righteye is offline   0 Reply With Quote
Old Mar 4, 2012, 02:46 PM   #3
Gator24765
macrumors 6502a
 
Gator24765's Avatar
 
Join Date: Nov 2009
Location: Texas
you might find a free trial to lynda.com somewhere on the net.
__________________
TechATX YouTube | One Week Fantasy Football Leagues! | Bet on Sports at Bovada! 50% deposit bonus!

13" MBP 2012 2.5 i5; iPhone 5 16gb (Sprint)
Gator24765 is offline   0 Reply With Quote
Old Mar 4, 2012, 11:32 PM   #4
citizenzen
macrumors 65816
 
Join Date: Mar 2010
Quote:
Originally Posted by definitive View Post
Is there some secret to getting the pen tool's curves looking perfectly round?

One tip is to use as few control points as possible. Please see the example I attached. Adding points along the curve will only flatten it out or roughen it. Just use one point before the curve and one point after.

I'm assuming you know how to make curves and manipulate Bezier Points. Let me know if this doesn't make sense to you.
Attached Thumbnails
Click image for larger version

Name:	smoothCursves.gif
Views:	83
Size:	9.8 KB
ID:	327604  
citizenzen is offline   1 Reply With Quote
Old Mar 5, 2012, 09:30 AM   #5
Apple Key
macrumors 6502a
 
Apple Key's Avatar
 
Join Date: Jan 2012
http://books.google.com/books?id=469...0bible&f=false

Check out some of the pages in this book. They should help you with lettering (you may even want to purchase the book, it is a great book).
__________________
You know what they say... once you go Mac you ain't never gonna go back.
Apple Key is offline   1 Reply With Quote
Old Mar 5, 2012, 10:14 AM   #6
definitive
Thread Starter
macrumors 65816
 
Join Date: Aug 2008
Quote:
Originally Posted by citizenzen View Post
One tip is to use as few control points as possible. Please see the example I attached. Adding points along the curve will only flatten it out or roughen it. Just use one point before the curve and one point after.

I'm assuming you know how to make curves and manipulate Bezier Points. Let me know if this doesn't make sense to you.
Quote:
Originally Posted by Apple Key View Post
http://books.google.com/books?id=469...0bible&f=false

Check out some of the pages in this book. They should help you with lettering (you may even want to purchase the book, it is a great book).
Thank you. This should help me with what I'm trying to accomplish. I also found a few other useful tutorials and resources in case others stumble across this thread:

http://www.khulsey.com/adobe-illustr...-pen-tool.html

http://vector.tutsplus.com/tutorials...hensive-guide/

http://www.youtube.com/watch?v=RK2qC4vJXrQ

http://www.youtube.com/watch?v=EJL-Mp2JMbw
definitive is offline   0 Reply With Quote
Old Mar 8, 2012, 11:23 AM   #7
macstudent
macrumors 6502
 
Join Date: Feb 2002
Location: Milwaukee, WI
If you are still looking for a tutorial, I highly recommend Mordy Golding's "Drawing without the Pen Tool"

This will teach you how to draw complicated shapes with using the other tools in AI.

http://www.lynda.com/Illustrator-CS5...l/86000-2.html

If you need a pass to lynda.com, here is a free week trial.

http://www.lynda.com/trial/jfritz

Good luck!
__________________
Author | Instructor | Designer
macstudent is offline   0 Reply With Quote
Old Mar 8, 2012, 06:48 PM   #8
chrono1081
macrumors 604
 
chrono1081's Avatar
 
Join Date: Jan 2008
Location: Isla Nublar
The pen tool is a horribly unintuitive tool which there are very few good resources on. Most of them overcomplicate everything or fail to tell you that you need to know keyboard shortcuts to get the most out of the tool.

Its been ages since I used the pen tool since its too much work to get a simple result, but when you mentioned rounded corners, one thing I think would help you is this:

When you want to make a rounded corner with bezier curves, you have to put the dots as if they were perpendicular to each other on an imaginary grid.

Like this:

|__|__x__|__|
|__|__|__|__|
x__|__o__|__|
|__|__|__|__|
|__|__|__|__|

If the "o" was the center of your circle, your first point needs to be to the left*, and the second point needs to be straight above the center. This will allow you to pull the curve into a perfect circle. The next point then would just follow this pattern around until you met back up with the original starting point.

*You don't have to start left, you can start anywhere as long as you follow the "90 degree rule" so to speak.

I hope this helped more than it hindered
__________________
Mac Pro (2010): 3.33Ghz Intel Xeon (6 core) - 24 GB RAM - NVidia Quadro k5000
Macbook Air (2010): 2.13 Ghz Intel Core 2 Duo - 4GB RAM
chrono1081 is offline   0 Reply With Quote
Old Jun 25, 2012, 11:24 PM   #9
daveallen
macrumors newbie
 
Join Date: Jun 2012
Any good Illustrator pen tool (for curves) tutorials?

I have recently been using macprovideo.com to learn illustrator. I have a background in audio, but am going to university for design. There is a new series out by Iain Anderson. I watched 2 so far, and I am very pleased with my progress, and the tutorials. Making a logo was a very basic course, that went into a lot of the basic functions, including the pen tool. The other was understanding objects and layers. I didn't realize how important that understanding was until I watched the videos. Next on the list is symbols and backgrounds. Good luck, I'll post if I find anything better!
daveallen is offline   0 Reply With Quote
Old Jun 26, 2012, 06:58 AM   #10
jeremy h
macrumors 6502
 
Join Date: Jul 2008
Location: UK
Been using Illustrator since v3 still struggle sometimes with the pen tool. Try the following when it all starts going pear shaped (sometimes quite literally!)

Here's a trick when you just can't get a shape to work. Create single handle points to rough out the shape. These are quick and can have great control.

So click for a point > let go of the mouse button > then click back into the point and drag at the same time. (This should pull out a nice single handle.) Let go and then move onto your next point and do the same.

Once you've got them in position it shouldn't look too bad but perhaps not smooth enough. In that case use the add point (+) pen to add points either side of the original point. These will be smooth with double handles. Then use the delete point (-) pen tool to knock out the original point in the middle. Then adjust as needed.

Don't space the points too closely and use as few as possible.
jeremy h is offline   0 Reply With Quote
Old Jun 26, 2012, 08:52 AM   #11
R1PPER
macrumors 6502
 
Join Date: Oct 2008
Like all things...practice makes perfect. Just spend hour after hour drawing over the top of logo's. If you can find some nice examples of hand scamped type...draw over that. Im a pen pro but ive been using it for 12 years. Just draw and redraw and when you need a break don't and do some more. Its pretty easy when you understand how the curves connect, but it needs to become second nature...and that will only happen when you put in a certain amount of pen tool grinding : )
R1PPER is offline   0 Reply With Quote
Old Jul 12, 2012, 09:55 PM   #12
thekev
macrumors 603
 
thekev's Avatar
 
Join Date: Aug 2010
I'm going to expand slightly on citizenzen's comments. Illustrator paths are based on 3 degree bezier splines (as they're called in other applications) which is sort of a distant cousin to the b- spline. They're all just methods of interpolating tangent values between two points via a weighting system in order to conform to standards of positional, tangential, or curvature continuity. If you break the handle, you've got positional. They just meet there and nothing else. Spline handles of different lengths give you tangency where they meet. Equal spline length gives you a curvature continuous section.

If you keep those things in mind, you can plot out how to create a shape by what could be turned into a span with the required smoothness by examining peaks and changes in acceleration beyond an acceptable tolerance. Remember that the more a handle extends from its end point on the curve, the more influence you're you're granting to the tangent where it originates. In general avoid spline handles that intersect the path or cross other spline handles. Try it and you'll see what I mean. Both of these cause major problems. When you go to close a path and it makes a weird shape, this is what is happening.

In that case you can just delete and redraw those points where the path was closed. If it happens in the middle of a path somewhere, that can be resolved with more points. Maintaining clean topology over your paths so that you have points in the right places is quite important. Just remember that you can always optimize points by adding and deleting them when necessary. If the spline handles are not equal in length and you require 100% smooth curvature at that point, you can delete those points and add them back in. Another rule I tend to follow is not to apply more than a 90 degree change over any single span. It just leads to a loss of control, but if you start to recognize such guidelines, it becomes much easier. Since I mentioned 90%, if you want a perfectly circular corner, the spline handles should basically make a square. If you want a hard corner, you would just alt click to break tangency at that point.

I guess the important things to take away would be to visually recognize what can exist as a span, understand the basic differences in continuity as influenced by weighting, and avoid crossing the streams.
__________________
world's largest manufacturer of tin foil hats, none of that aluminum foil crap.
thekev is offline   0 Reply With Quote
Old Jul 13, 2012, 04:49 AM   #13
spacedcadet
macrumors regular
 
Join Date: Mar 2009
Uniformity

Try drawing with snap to grid turned on and the grid visible if you're drawing letterforms or want regular shapes.

This technique will also give you a better idea of how the bezier curves work.

The convert anchor point tool is useful, and get to know the "smooth" tool too.
spacedcadet is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Good iMovie & FCP tutorials? matteusclement Digital Video 9 Dec 16, 2013 06:25 PM
Try the S Pen; It's pretty good jimbo1mcm Alternatives to iOS and iOS Devices 22 Aug 9, 2013 10:59 PM
Good Logic Pro 9 Tutorials walkere01 MacBook Pro 3 Nov 5, 2012 10:18 PM

Forum Jump

All times are GMT -5. The time now is 04:43 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC