Old 08-17-2006   #1 (permalink)
Be Unique. Be Heard.
 
Jacorre's Avatar
 
Join Date: Jul 2006
Location: USA
Posts: 468

Thumbs up [ILLUSTRATOR] 3D Pill

All those long hours and sleepless nights designing can really get to you. With this tutorial you'll learn how to create a 3D pill to cure your design headaches!

STEP ONE

Using the Ellipse Tool, draw out a circle. Hold down Shift to make the circle proportional. Choose any color for the fill. You don't need a stroke color.



STEP TWO

Using the Rectangle Tool, draw out a rectangle making sure it overlaps the circle. To help you with lining the shapes up while drawing, make sure the Smart Guides are on. Go to View > Smart Guides and make sure it's selected.



STEP THREE

Now let's merge the shapes together. Using the Selection Tool (the black arrow), select both shapes. Hold down Shift to select multiple shapes. Go to Window > Pathfinder to open up your Pathfinder palette. While holding Alt click on the "Add to shape area" option.



STEP FOUR

We have the bottom half of the pill done. Let's create the top half now. Select your bottom half with the Selection Tool (the black arrow) and then go to Object > Transform > Reflect. Choose "Horizontal" and then click "Copy". A second shape was just created. You want to move this shape up so that it meets up nicely with the bottom half of the pill. You should have the following:



I filled the top half of the pill with white and no stroke color.

STEP FIVE

Because we're going to make these shapes 3D using the Revolve feature, we only need half of each of them. So using the Rectangle Tool draw out a rectangle over the two shapes. We'll use this to cut the shapes in half.



STEP SIX

Before we cut away from the shapes we need to keep a copy of the rectangle shape in memory. You'll see why in a second. So make sure the rectangle shape is selected and go to Edit > Copy or hit Control + C.

Now using the Selection Tool (the black arrow) select the rectangle and bottom shape. Hold down Shift to select multiple shapes. Go to Window > Pathfinder to open up your Pathfinder palette (if it isn't already opened from before). While holding Alt click on the "Subtract from shape area" option. You should be left with the following:



STEP SEVEN

Notice that the rectangle shape is now gone. We still need it though to do the same thing to the top shape. That's why we made a copy of it. So go to Edit > Paste in Front and the rectangle is available again.

Using the Selection Tool (the black arrow) select the rectangle and top shape. Hold down Shift to select multiple shapes. While holding Alt click on the "Subtract from shape area" option on your Pathfinder palette. You should be left with the following:



I selected both shapes and grouped them together. You can do this by going to Object > Group or hitting Control + G.

STEP EIGHT

Let's get to the 3D now! With the grouped shapes selected go to Effect > 3D > Revolve. The following box appears:



Make sure the "Preview" option is selected. Also, make sure the Offset is set to Right Edge. Since we were using shapes on the left we need the revolve to go right! Play around with the Position and Surface to your liking.

STEP NINE

One other thing to note is the "Map Art" option. If you've already clicked ok when you were in the previous step you can always get back to an effect by going to Windows > Appearance. This will open your Appearance palette. Double click on an effect to edit it.

The "Map Art" option will allow you to place a symbol on your 3D shape. For example, I want to place my logo on there. First, you need to make sure it's a symbol. Go to Window > Symbol to open your Symbol palette and then drag your logo in:



Click on the "Map Art" option. The first thing to do is choose which surface area of the pill you want it to appear on. I chose surface area 5 and then selected my logo from the drop down box:



Then position your logo where you want it. You can also select to shade your logo by checking the "Shade Artwork" option:

http://www.jacorre.com/design/images/3dpill_step9c.gif

Here is my final result:

http://www.jacorre.com/design/images/3dpill_step9d.gif


And there you have it, the pill to cure all of your design headaches!
__________________

Jacorre Studios Blog
Jacorre is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 08-17-2006   #2 (permalink)
Be Unique. Be Heard.
 
Jacorre's Avatar
 
Join Date: Jul 2006
Location: USA
Posts: 468

Only allowed 10 images so I had to link the last two!
__________________

Jacorre Studios Blog
Jacorre is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 08-18-2006   #3 (permalink)
Just unleashed!
 
unleash's Avatar
 
Join Date: Jul 2005
Location: Inbetween
Posts: 2,140
Blog Entries: 9

how more i see from illustrator how more eagry i become having it

great tuturial i think, a shame i don't have the money for illustrator at the moment but maybe someday i will...........
__________________
"I haven't failed, I've just found out
10.000 ways that don't work."

~Thomas Edison~
unleash is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 08-18-2006   #4 (permalink)
Be Unique. Be Heard.
 
Jacorre's Avatar
 
Join Date: Jul 2006
Location: USA
Posts: 468

It's a great program for vector illustration. Corel Draw is a cheaper program that also does great vector illustration. It's very user friendly as well.
__________________

Jacorre Studios Blog
Jacorre is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 08-23-2006   #5 (permalink)
Sheep Worrier
 
Man1c M0g's Avatar
 
Join Date: Sep 2003
Location: Portsmouth, UK.
Posts: 4,061
Blog Entries: 14

Send a message via ICQ to Man1c M0g Send a message via MSN to Man1c M0g Send a message via Skype™ to Man1c M0g
Great tutorial! Its now up and online over @ BioRUST.com :: Tutorials >> 3D Pill
__________________
Man1c M0g is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Closed Thread

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 On
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[ILLUSTRATOR] Rotate Individual Characters Jacorre Tutorial Submission 1 07-16-2006 11:06 PM
Obtain a perfect pill shape pit Adobe Photoshop 10 03-11-2004 12:38 AM


All times are GMT +1. The time now is 11:45 PM.
Content Relevant URLs by vBSEO 3.2.0 RC7

Design & Content © BioRUST 2007 :: PRIVACY STATEMENT :: LEGAL INFORMATION :: ADVERTISING MEDIA KIT