drawing 3d objects in adobe illustrator

CREATING 3D OBJECTS:

There are many ways to create 3D objects in Illustrator:

Create a 3D Objects Using 2D Shapes with Gradient Fill

Starting time, we volition convert a uncomplicated filled circumvolve to make it look more spherical similar a ball.

1. Using the Ellipse tool, hold downwardly the SHIFT key and create a perfect circle with a fill merely no stroke.
2. Add a two-colour radial gradient of any color to a black color. Position the gradient with the gradient notation tool.

Next, let's create a simple transparent solid cylinder using simple 2D shapes

1. Using the rectangle tool, click without dragging to create a rectangle that is three times equally tall every bit it is wide (i.due east., 100W x 300H).
2. Add a 2-color linear gradient from left-to-right of the aforementioned colour but different tint.
3. Using the Ellipse tool, click without dragging to create a 300 px oval and position information technology at the bottom of the rectangle with the center point at the eye point of the base of the rectangle.
   Note: Is should have the same slope applied to it automatically equally the rectangle because Adobe Illustrator remembers the last slope y'all applied.
4. Hold downward the ALT click and drag the the oval to the superlative of the rectangle and and then immediately press the SHIFT central to constraint is move vertically and centre information technology with the centre of the rectangle top line.

Now, allow's convert this transparent cylinder to a solid cylinder:

1. Select the bottom oval and the rectangle and select the Unite choice in the PathFinder panel and press the Expand button to convert the shapes into i shape with a stroke on the tool one-half of the oval.

Adjacent, allow's catechumen the solid cylinder to a hollow cylinder:

1. Select the elevation oval and re-create it and and then select Edit > Paste In Front end which volition paste the selected oval in the same place (similar to Paste In Place in Wink).
2. With the copied oval still selected, concur down the SHIFT and so the ALT keys to scale the oval proportionally and from the middle and then drag slightly to reduce the oval size.
   NOTE: It is important to concur downwards the SHIFT key FIRST to constrain the object and then hold down the ALT key to "pin" the object to its middle point. If you had held down the ALT key first you would indistinguishable the object.
3. With the reduced oval still selected, change the bending to -90 in the Gradient console so the gradient volition exist rotated from peak-to-bottom instead of left-to-correct.
4. (Optional) Remove all of the stokes.
5. (Optional) Using the Gradient panel, explore changing the angle or reversing the direction of the creating on the top oval.

Bonus: Create 3D Text

1. Using the text tool, create some large bold text on the canvas and convert it to an outline.
2. Using the Gradient tool, employ a gradient (blackness and white for starter is fine)
3. Using the Rectangle tool, create a rectangle over the text with the same gradient applied and ship it to dorsum of the text.
4. In the Gradient console, change the angle of the rectangle to 90 degrees and so select the text and set its bending to -ninety degrees.
5. Utilize the ALT key and click and elevate a re-create of the text and offset it slightly and change its angle to 90 degrees.

Bonus: Create 3D Text with Step and repeat

1. Click ALT and drag a re-create of the slope text.
2. Select Edit > Copy and so Edit Paste In Back.
3. With the text object in the dorsum withal selected, press the up arrow fundamental twice and the left pointer key twice.
4. Click CTRL+D repeatily to create the 3D outcome.  The number of times you lot practice this footstep will determine the "depth" of the text object.

Bonus: Create a 3D Circular Push button

1. Perform like steps equally creating a 3D text but merely with two circular rectangles.

Create a 3D Object Using Blending and Shapes

1. Create an object using any vector drawing tool and give the object a make full (nosotros used red) and a stroke (usually black)
2. Duplicate the object you but created and:
   1. delete its stroke
   2. modify its fill colour
   3. scale it down
   4. place information technology below original object
3. Double-click on the blend tool and select Specified Stps as the Spacing option and the number of steps to near 100 or so.
4. Ensure the object with the stroke is in front of other object (i.e., Arrange > Bring to Front end)
5. Select both objects (CTRL+A) and and then select Object > Blend > Brand from the main carte du jour.
6. (Optional) Use the Direct Selection tool to advisedly select the back of the 3D object (letters, in our instance) that and then select the Selection to to movement it somewhere else to change the 3D perspective.
   Notation: It is of import to recall the alloy mode is based on the stacking order.  So if you are trying to create a 3D effect from a type shape, make sure the main text object is on tiptop.

Create a 3D Object Using Blending and Lines

1. Create an object using any

There are three effects (Rotate, Revolve and Extrude & Bevel) under the Event > 3D menu that allows yous to create 3D objects. All the same, you create the initial 2D shape using various vector tools.
CAUTION: One time you create a 3D object and you want to edit it again afterward closing the 3D dialog box, don't select Upshot > 3D > .... again from the main card. Instead, to get dorsum to the 3D dialog box, you need to use the Appearance Panel to make farther changes.

REAL 3D EFFECTS USING THE THE EFFECT Menu

Yous tin can create 3D objects from 2d objects using a multifariousness of techniques (Extrude & Bevel, Rovolve and Rotate).  And then yous can practical boosted options including rotation, texture, lighting, and map artwork  (symbols) on the faces of the object.

Create a 3D Object with Revolve Effect

Whatever object that has a "circular" base, you lot tin use the revolve effect.

Create 3D object with Blob tool

In this example, we will create a basin:

1. Using the blog tool, create a shape in the course of a capital "J" shape with a medium size brush stroke with a gray color fill but no stroke.
2. Select Effect > 3D > Circumduct... from the master menu and click on the preview push button to see the result. Change properties (position, lighting, etc.) as needed and and then click OK.
3. Use the Direct Optiontool to scale or reshape shape, if necessary, to brand it await more than similar a bowl.

Create 3D object with Ellipse Tool

In this example, we volition create some apples and use a clipping mask to "place" them in the bowl we only created:

1. To create a 3D apple, depict an upright oval shape (like an egg standing on its end) and and so select Event > 3D > Revolve... from the principal bill of fare and click on the preview button to see the outcome. Change properties every bit needed and so click OK.
2. Duplicate (ALT+click on the apple and drag) the apple several times and modify the color of each apple to have a different tint of greens or reds and then motion them over the top of the bowl. If necessary, select Arrange > Transport to Back or Front to position the apples accordingly.
3. Draw another oval over the summit of the apples with no fill up so that you can "run across" the apples inside the oval.  Position this oval over the opening of the bowl.
4. Select the oval y'all just created and all of the apples and then select Object > Clipping Mask > Make  to hide the bottom "edges" of the apples and then they appear to be in the bowl and not on summit of information technology.
   TIP: Information technology is all-time to select everything kickoff and and so SHIFT+click the bowl'due south vector to select the Mask and all of the apples ealier.
5. If necessary, utilise the Direct Selection tool to motility anchor points on either side of the Mask to suit information technology to fit the lip of the bowl. (Add together Pic)

Create 3D Object with Pen Tool

In this instance, we volition create a wine glass:

1. With the pen tool draw half of a wine glass profile with a stroke only (See below).
2. Select Effect > 3D > Revolve... from the main menu and set backdrop as needed and click OK.
   TIP: Follow the guidlines beneath for thickness and fill. Note: The objects below have a 180° view so you can "see" the effects ameliorate.
   1. The size of the stroke dictate the "thickness" of the object "peel."
   two. How you draw the object will dictate how it appears. For case, if you lot draw a unmarried path you will get a solid object's skin and if yous describe a double path, you will become a "hollow" object'south skin.
   iii. The fill colour will dictate how the object go "fill." Notwithstanding, yous take to be careful how the object'southward path is drawn or you may get an undesired upshot.

   

   Notation: The way the fill colour works with a 3D object is that it will attempt to "fill" an enclosed shape. If information technology does non find an enclosed shape, it will make full from the "opening" of that shape to the the other side whether it is opened or airtight.
   TIP: To create a double-stroke on an object, yous can select the object and then select Object > Path > Offset Path... from the menu and specify a offset value (i.due east., v pixel) and click the preview checkbox to see effect. Information technology is important to annotation that when you use this command y'all create a seperate object that you lot may desire to delete.
   

Annotation: To add a "liquid fill" to an object, you could follow the procedures below:

Create 3D Object with PathFinder Tool (Alternative to those who are not proficient with pen tool)

In this case, we will create a wine glass:

1. For those who may non exist proficient in using the pen tool, create a serial of boxes that represent half of a wine bottle. (ADD IMAGE)
   
2. Use the PathFinder tool and combine the shapes into one shape.
3. Delete left side of object  past using the scissors tool.
4. Use the Convert Ballast Signal Tool to convert corner points to curve points to "pull out" curve from the "edges" of the boxes (See below).
5. If necessary, use the Direct Selection Tools to move points to correct shape of path.
6. Select Consequence > 3D > Revolve... from the main menu and set properties as needed and click OK.
7. (Optional) To alter the color of the bottle, just modify the stroke color.

Create a 3D Object with Extrude and Bevel Outcome

Any object that yous would like to give "depth" to, yous can use the extrude and bevel effect.

Create 3D object with Pen tool and Extrude and Bevel Effect

In this instance, nosotros will create slices of bread.

1. Using the pen tool to draw a complete contour of a piece of bread with a brown stroke and a light yellowish fill.
2. Select Effect > 3D > Extrude and Bevel and click on the preview checkbox. Then adjust the Extrude pick to make the object look similar a 3D piece of bread. So rotate object so that it will nigh laid flat.
3. ALT+click and drag on 3D bread slice and make several more slices that announced to stack on top on ane another.

Create 3D Object with Text Tool

In this example, we volition create a 3D text.

1. With the text tool, write some big text on the canvas without a stroke.
   TIP: If yous don't add a stroke to the text, it will render volition fewer surface pane. This comes into play when you want to map artwork onto the object (See below). Also, don't convert text to outline so that information technology can be editable at all times. To make information technology easier to edit the text on the canvass, temporarily switch to the Preview fashion (CTRL+Y).
2. Select Consequence > 3D > Extrude and Bevel... from the main card and set properties as needed and click OK.

Create a 3D Object with Rotate Issue

Any object that you would like to rotate in 3D space (without depth) you lot can use the Rotate Effect.

Create 3D object with Rotate Consequence

In this example, we will create the napkins.

1. Using the rectangle tool, draw a rectangular shape with a very light grey fill and a very pocket-size light gray stroke (.25px) that is i shade darker than the make full color that will represent a napkin.
2. Select Outcome > 3D > Rotate and click on the preview checkbox. Adjust the angle of the napkin so that it laid almost apartment.
3. Duplicate and motion serveral copies of the napkins so the laid on pinnacle of ane some other but offset them to see the underlying napkins.
   TIP: After duplicating one napkin and moving it SLIGHTLY on top of the other, press CTRL+D to step-and-echo additional napkins with the same bending just unlike location.

Bonus: How  to Map Symbols to 3D Objects

You can map whatever symbols to the surfaces of a 3D object in the 3D dialog box.

1. Use an existing symbol or create some other symbol past creating a shape and then pressing the F8 key to convert shape to a movieclip symbol and requite information technology a name and click OK.

Bonus: How to create a Transparent Sphere and Box

Start nosotros volition create some strips we afterward map to the sphere.

1. Create a narrow strip using the rectangle tool with a fill colour but no stroke.
2. ALT+click and depict six additional copies out with concord down the Shift Key.
3. Space these strips evenly and change the color of each.
4. Select all slices and click on the Shear tool and click and drag at tiptop of selection to shear it.
5. Select all slices and catechumen them to a symbol (F8) and give information technology a proper name of strips.
   ALTERNATIVELY: Y'all could select all of the strips and elevate them into the Symbol panel and give information technology a name when prompted and click OK.

Next, nosotros will create a sphere. Notation, if you effort to create a circumvolve and and then utilise the Extrude and Bevel Effect option, yous will non create a sphere only a cylinder.

1. Create a light color sphere  with no stroke by creating a circumvolve so using the scissors tool and click on the elevation and bottom anchor points. Then using the Selection tool, cut and delete half of it to create a semi-circle..
2. With the semi-circle still selected, select Effect > 3D > Revolve... from the main menu and click on the preview push.
3. Click on the Map Art... button and select the strip from the listing to apply it to the brawl and click on the Calibration to Fit push button to fit the strip over the entire ball and so click OK.
   NOTE: Considering nosotros are using a sphere with no stroke, nosotros only have 1 surface. Note also that the night gray area represent the back side of the object and the white represent the front of the object that nosotros tin run into.
4. Rotate the sphere then you can run into the top axis for a better perspective of the strips.
5. If the strips are not filled in or they are touching one another, click on the Map Art... push over again and stretch the symbol while at the aforementioned time expect at the ball on the canvas to run across if it is correct. Adjust accordingly.
6. To brand the sphere transparent, open the Advent panel and change the Opacity of both the object Fill (brawl) and the 3D Revolve (Mapped) to most 75%. You may need to click on the arrow next to the Make full to aggrandize it and then you can see the Opacity setting.

Next, we will create a set of die.

1. Create six symbols for each side of the dice.
   Annotation: If y'all were using text, you will need to convert the text to outline
2. Create a perfect square with a lilliputian white color but not stroke. Take note of the width or height of the square because it will exist used later.
   TIP: You tin create a perfect square past selecting the rectangle tool and clicking without dragging and so entering the same value for the width and height into the dialog box and click OK.
3. Select Outcome > 3D > Extrude & Bevel..  from the master menu and click the preview button and make the extrude length the same equally the width or height to brand a perfect box.
4. Click the Map Art... button and map each side of the box past clicking on the accelerate button and map the corresponding sides (Don't worry if you don't know what sides the symbol goes on)
   Notation: You tin can tell what surface y'all are on considering it will be highlighted in scarlet.
5. To make the box transparent so that you tin can "see' the hidden faces, we demand to turn on the hidden surfaces. To do this, In the 3D Extrude and Bevel dialog box, select the More Choice button and so select the Show Hidden Faces checkbox.
6. Open the Appearance panel and modify the Opacity of both Opacity setting to about 75%.

Ungroup and Group Paths Conduct Differently When 3D Effects Are Apllied to Them

Information technology is important to note that you volition get dissimilar effect depending if a group of paths are grouped or not.

Boosted Examples

1. 3D_Columns
2. 3D Objects
3. CountTheWays
4. Earth
5. HybridView
6. TableWith3DObjects
7. ExplodedView i
8. ExplodedView 2
9. blockbuster
10. chess_pieces
11. columns
12. dices
13. Isometric Building
14. Isometric City
15. piston
16. institute
17. Roman Columns
18. Spring

Additional Resources:

PathFinder Resources

• Adobe Illustrator 3D | Courses For All Skill Levels | udemy.com
• How to Brand 3D Designs in Adobe Illustrator - YouTube
• How to create 3D objects in Illustrator - Adobe Aid Eye
• 3D Modeling in Adobe Illustrator - Designmodo
• 50 Excellent Illustrator 3D Tutorials — Cracking Magazine
• 40 Useful Adobe Illustrator 3D Tutorials and Techniques - WebFX
• How to Create a 3D Text Art Upshot in Adobe Illustrator - Blueprint Tutsplus

Shape Architect Resources

• Pathfinder vs Shapebuilder
• Pathfinder or Shape Builder Tool? | Illustrator CC Tutorial (MUST KNOW!)
• The Shape Architect and Pathfinder in Illustrator CS6
• The shape builder tool in Adobe Illustrator CC - Illustrator Avant-garde Grooming [eight/53]
• Shape Builder Tool in Adobe Illustrator CC
• How to draw using the Shape Architect tool - Adobe Illustrator CC 2022 [5-6/39]
• Illustrator Tutorial: Shape Builder Tool (Logo Design Basics)
• Piece of cake Beginner Adobe Illustrator Tutorial: Building with Shapes
• Illustrator Tutorial: Shape Architect Tool (Logo Design)
• The Shape Builder Tool | Adobe Illustrator Quick Tips & Tricks #iii
• Learn How To Use the Shape Builder Tool in Adobe Illustrator | Dansky
• Shape Builder Tool Logo Design In Illustrator
• How to Use The Shape Architect Tool Within Adobe Illustrator CS6
• Advanced Shape Architect Workflow in Adobe Illustrator CC

Opacity and Clipping Mask In Illustrator Resources

• Adobe Illustrator CS6 Tutorial | Opacity Masks | InfiniteSkills
• Masking in Adobe Illustrator CC
• Adobe Illustrator: Advanced Opacity Masks
• ULTIMATE GUIDE to MASKING in ILLUSTRATOR CC
• OPACITY MASK - ILLUSTRATOR TIPS 13
• How To Use Transparency/Opacity Masks in Illustrator
• opacity mask illustrator
• Crawly Opacity Masks in Adobe Illustrator
• Clipping Mask and Opacity Mask in Illustrator CS6
• Illustrator Tutorial, Doing Opacity Masks (Layer Masks) In Illustrator

Draw Inside  and Draw Behind Equally Masks

How to Describe Inside an Object/Text in Adobe Illustrator

Illustrator: Draw Inside of Objects - Tutorial

How to draw inside a clipping mask | Adobe Illustrator Quick Tips & Tricks #i

How to use Depict INSIDE Mode | Illustrator Tutorial (how to Draw a Rose)

Illustrator, Drawing Inside, Draw Behind, Depict Normal

Illustrator CS5 using Draw Behind and Draw Inside Modes

Depict Backside | Illustrator CC Tutorial #184/365

stjohnwareatur1992.blogspot.com

Source: http://www.richmediacs.com/user_manuals/Illustrator/Creating3DObjects.html

Share this post