adobe illustrator draw 3d shape

CREATING 3D OBJECTS:

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

Create a 3D Objects Using second Shapes with Slope Fill

First, we will convert a elementary filled circle to brand information technology look more spherical similar a ball.

1. Using the Ellipse tool, agree down the SHIFT primal and create a perfect circle with a fill only no stroke.
2. Add a ii-color radial slope of any color to a black color. Position the slope with the gradient annotation tool.

Adjacent, allow's create a simple transparent solid cylinder using uncomplicated second shapes

1. Using the rectangle tool, click without dragging to create a rectangle that is three times as tall as information technology is wide (i.e., 100W x 300H).
2. Add a ii-color linear gradient from left-to-correct of the aforementioned color 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 heart point of the base of operations of the rectangle.
   NOTE: Is should take the same gradient applied to information technology automatically as the rectangle because Adobe Illustrator remembers the last gradient y'all practical.
4. Agree down the ALT click and elevate the the oval to the top of the rectangle and and then immediately press the SHIFT cardinal to constraint is motility vertically and center it with the heart of the rectangle tiptop line.

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

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

Next, allow'due south convert the solid cylinder to a hollow cylinder:

1. Select the top oval and copy it and and so select Edit > Paste In Front which volition paste the selected oval in the same identify (similar to Paste In Place in Flash).
2. With the copied oval however selected, hold down the SHIFT and and then the ALT keys to scale the oval proportionally and from the heart and then drag slightly to reduce the oval size.
   Notation: It is of import to hold down the SHIFT key Beginning to constrain the object and and then agree down the ALT fundamental to "pin" the object to its middle point. If you lot had held down the ALT key commencement you would duplicate the object.
3. With the reduced oval still selected, modify the bending to -90 in the Gradient panel and then the gradient will be rotated from meridian-to-lesser instead of left-to-right.
4. (Optional) Remove all of the stokes.
5. (Optional) Using the Gradient panel, explore changing the bending or reversing the direction of the creating on the top oval.

Bonus: Create 3D Text

1. Using the text tool, create some big bold text on the canvas and convert information technology to an outline.
2. Using the Slope tool, utilise 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 send it to dorsum of the text.
4. In the Gradient console, modify the angle of the rectangle to ninety degrees and then select the text and set its angle to -90 degrees.
5. Use the ALT key and click and drag a copy of the text and offset it slightly and change its angle to xc degrees.

Bonus: Create 3D Text with Stride and echo

1. Click ALT and drag a copy of the gradient text.
2. Select Edit > Copy and so Edit Paste In Back.
3. With the text object in the back nevertheless selected, press the up arrow key twice and the left pointer key twice.
4. Click CTRL+D repeatily to create the 3D effect.  The number of times you lot practice this step volition determine the "depth" of the text object.

Bonus: Create a 3D Round Push button

1. Perform similar steps as creating a 3D text merely only with ii round rectangles.

Create a 3D Object Using Blending and Shapes

1. Create an object using any vector drawing tool and give the object a fill up (we used red) and a stroke (commonly blackness)
2. Duplicate the object you merely created and:
   1. delete its stroke
   2. change its fill color
   3. scale it down
   4. place information technology below original object
3. Double-click on the blend tool and select Specified Stps equally the Spacing option and the number of steps to nearly 100 or so.
4. Ensure the object with the stroke is in front of other object (i.e., Adjust > Bring to Front)
5. Select both objects (CTRL+A) then select Object > Blend > Make from the main card.
6. (Optional) Employ the Directly Selection tool to carefully select the back of the 3D object (letters, in our case) that and then select the Option to to movement information technology somewhere else to change the 3D perspective.
   NOTE: Information technology is of import to remember the blend mode is based on the stacking order.  So if y'all are trying to create a 3D effect from a type shape, make sure the main text object is on peak.

Create a 3D Object Using Blending and Lines

1. Create an object using whatsoever

There are three effects (Rotate, Circumduct and Extrude & Bevel) under the Outcome > 3D carte that allows yous to create 3D objects. Nevertheless, you create the initial 2D shape using various vector tools.
CAUTION: Once you lot create a 3D object and you want to edit it once more after closing the 3D dialog box, don't select Issue > 3D > .... again from the main carte. Instead, to get dorsum to the 3D dialog box, yous demand to utilise the Appearance Panel to make further changes.

REAL 3D Furnishings USING THE THE Event Menu

Yous can create 3D objects from 2D objects using a multifariousness of techniques (Extrude & Bevel, Rovolve and Rotate).  Then you can applied additional options including rotation, texture, lighting, and map artwork  (symbols) on the faces of the object.

Create a 3D Object with Revolve Effect

Whatsoever object that has a "round" base of operations, you can utilise the revolve event.

Create 3D object with Blob tool

In this example, we volition create a bowl:

1. Using the weblog tool, create a shape in the form of a majuscule "J" shape with a medium size brush stroke with a gray color fill simply no stroke.
2. Select Issue > 3D > Circumduct... from the principal menu and click on the preview push to see the result. Change backdrop (position, lighting, etc.) as needed and then click OK.
3. Use the Direct Selectiontool to scale or reshape shape, if necessary, to make information technology look more like a bowl.

Create 3D object with Ellipse Tool

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

1. To create a 3D apple tree, draw an upright oval shape (like an egg continuing on its end) and then select Upshot > 3D > Revolve... from the main carte and click on the preview button to come across the result. Modify backdrop as needed and and then click OK.
2. Indistinguishable (ALT+click on the apple tree and drag) the apple several times and alter the color of each apple tree to accept a different tint of greens or reds and and then move them over the peak of the bowl. If necessary, select Accommodate > Send to Back or Front end to position the apples accordingly.
3. Depict another oval over the meridian of the apples with no fill and so that you can "see" the apples inside the oval.  Position this oval over the opening of the bowl.
4. Select the oval you only created and all of the apples and and then select Object > Clipping Mask > Make  to hide the bottom "edges" of the apples and so they appear to be in the bowl and not on top of it.
   TIP: Information technology is best to select everything first and so SHIFT+click the bowl's vector to select the Mask and all of the apples ealier.
5. If necessary, use the Direct Selection tool to move anchor points on either side of the Mask to conform information technology to fit the lip of the bowl. (ADD Moving picture)

Create 3D Object with Pen Tool

In this case, nosotros will create a vino glass:

1. With the pen tool describe half of a wine drinking glass profile with a stroke but (See below).
2. Select Result > 3D > Circumduct... from the chief menu and set backdrop as needed and click OK.
   TIP: Follow the guidlines below for thickness and fill. NOTE: The objects below have a 180° view and so you tin can "run into" the effects meliorate.
   ane. The size of the stroke dictate the "thickness" of the object "peel."
   2. How you draw the object volition dictate how it appears. For example, if you lot depict a single path you will get a solid object's skin and if you draw a double path, y'all volition go a "hollow" object's skin.
   3. The make full color will dictate how the object get "fill up." All the same, you lot take to be careful how the object's path is drawn or you lot may get an undesired effect.

   

   NOTE: The way the fill colour works with a 3D object is that it will effort to "make full" an enclosed shape. If it does not detect an enclosed shape, it volition fill up from the "opening" of that shape to the the other side whether it is opened or closed.
   TIP: To create a double-stroke on an object, you tin select the object and then select Object > Path > Get-go Path... from the menu and specify a get-go value (i.e., 5 pixel) and click the preview checkbox to encounter result. It is important to note that when you use this command you lot create a seperate object that you may want to delete.
   

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

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

In this example, nosotros will create a wine glass:

1. For those who may not be good in using the pen tool, create a series of boxes that represent half of a vino bottle. (Add IMAGE)
   
2. Apply the PathFinder tool and combine the shapes into one shape.
3. Delete left side of object  by using the scissors tool.
4. Use the Convert Anchor Bespeak Tool to convert corner points to curve points to "pull out" bend from the "edges" of the boxes (Come across below).
5. If necessary, use the Direct Selection Tools to motion points to right shape of path.
6. Select Outcome > 3D > Circumduct... from the main menu and set properties as needed and click OK.
7. (Optional) To change the color of the bottle, merely change the stroke color.

Create a 3D Object with Extrude and Bevel Effect

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

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

In this case, we will create slices of bread.

1. Using the pen tool to draw a consummate profile of a slice of bread with a brown stroke and a light yellowish fill up.
2. Select Effect > 3D > Extrude and Bevel and click on the preview checkbox. Then adjust the Extrude option to make the object look like a 3D slice of bread. Then rotate object and so that it will nearly laid apartment.
3. ALT+click and drag on 3D bread slice and make several more slices that announced to stack on superlative on one some other.

Create 3D Object with Text Tool

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

1. With the text tool, write some big text on the canvas without a stroke.
   TIP: If you 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). Likewise, don't convert text to outline so that it can exist editable at all times. To make it easier to edit the text on the sheet, temporarily switch to the Preview mode (CTRL+Y).
2. Select Effect > 3D > Extrude and Bevel... from the principal carte and set up backdrop every bit needed and click OK.

Create a 3D Object with Rotate Effect

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

Create 3D object with Rotate Upshot

In this example, we will create the napkins.

1. Using the rectangle tool, depict a rectangular shape with a very light gray fill and a very minor calorie-free gray stroke (.25px) that is one shade darker than the make full color that will represent a napkin.
2. Select Effect > 3D > Rotate and click on the preview checkbox. Conform the angle of the napkin so that it laid almost flat.
3. Duplicate and motion serveral copies of the napkins so the laid on top of one another but offset them to come across the underlying napkins.
   TIP: After duplicating i napkin and moving it SLIGHTLY on top of the other, press CTRL+D to stride-and-repeat additional napkins with the same angle but different location.

Bonus: How  to Map Symbols to 3D Objects

Yous can map any symbols to the surfaces of a 3D object in the 3D dialog box.

1. Use an existing symbol or create some other symbol by 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

Beginning we will create some strips we later map to the sphere.

1. Create a narrow strip using the rectangle tool with a fill color but no stroke.
2. ALT+click and depict half dozen boosted copies out with hold down the Shift Key.
3. Space these strips evenly and modify the colour of each.
4. Select all slices and click on the Shear tool and click and drag at top of selection to shear information technology.
5. Select all slices and convert them to a symbol (F8) and give it a name of strips.
   ALTERNATIVELY: You could select all of the strips and elevate them into the Symbol console and give it a proper name when prompted and click OK.

Next, we will create a sphere. Note, if yous effort to create a circle and so use the Extrude and Bevel Effect option, you lot will not create a sphere simply a cylinder.

1. Create a lite color sphere  with no stroke by creating a circle and then using the pair of scissors tool and click on the top 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 notwithstanding selected, select Effect > 3D > Revolve... from the chief menu and click on the preview push button.
3. Click on the Map Fine art... button and select the strip from the listing to apply information technology to the ball and click on the Scale to Fit button to fit the strip over the entire ball and then click OK.
   NOTE: Because we are using a sphere with no stroke, nosotros only take i surface. Note likewise that the dark greyness area stand for the dorsum side of the object and the white correspond the front of the object that nosotros can see.
4. Rotate the sphere and so yous can see the top axis for a better perspective of the strips.
5. If the strips are non filled in or they are touching one some other, click on the Map Art... button again and stretch the symbol while at the same time expect at the ball on the sheet to run across if it is right. Suit appropriately.
6. To make the sphere transparent, open the Appearance panel and modify the Opacity of both the object Fill (ball) and the 3D Circumduct (Mapped) to near 75%. Yous may need to click on the arrow next to the Make full to aggrandize it and then yous can see the Opacity setting.

Adjacent, we volition create a set of die.

1. Create six symbols for each side of the dice.
   Annotation: If you were using text, you will need to convert the text to outline
2. Create a perfect square with a little white colour just not stroke. Take note of the width or elevation of the square because information technology volition be used later.
   TIP: Y'all tin can create a perfect square by selecting the rectangle tool and clicking without dragging and so inbound the aforementioned value for the width and elevation into the dialog box and click OK.
3. Select Result > 3D > Extrude & Bevel..  from the main menu and click the preview button and make the extrude length the same as the width or elevation to make a perfect box.
4. Click the Map Art... button and map each side of the box past clicking on the advance button and map the corresponding sides (Don't worry if you don't know what sides the symbol goes on)
   NOTE: You can tell what surface yous are on because information technology volition be highlighted in crimson.
5. To brand the box transparent so that you can "come across' the subconscious faces, we demand to plow on the hidden surfaces. To do this, In the 3D Extrude and Bevel dialog box, select the More Pick button and and then select the Show Hidden Faces checkbox.
6. Open the Advent console and change the Opacity of both Opacity setting to about 75%.

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

It is important to notation that you lot will get dissimilar result depending if a grouping of paths are grouped or not.

Additional Examples

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

Boosted 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 Assist Center
• 3D Modeling in Adobe Illustrator - Designmodo
• 50 Splendid Illustrator 3D Tutorials — Smashing Mag
• twoscore Useful Adobe Illustrator 3D Tutorials and Techniques - WebFX
• How to Create a 3D Text Art Upshot in Adobe Illustrator - Design 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 Advanced Training [8/53]
• Shape Builder Tool in Adobe Illustrator CC
• How to draw using the Shape Builder tool - Adobe Illustrator CC 2022 [5-6/39]
• Illustrator Tutorial: Shape Builder Tool (Logo Design Nuts)
• Like shooting fish in a barrel Beginner Adobe Illustrator Tutorial: Edifice with Shapes
• Illustrator Tutorial: Shape Builder Tool (Logo Design)
• The Shape Architect Tool | Adobe Illustrator Quick Tips & Tricks #3
• Learn How To Use the Shape Builder Tool in Adobe Illustrator | Dansky
• Shape Builder Tool Logo Design In Illustrator
• How to Utilize The Shape Builder Tool Within Adobe Illustrator CS6
• Advanced Shape Builder 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 Employ Transparency/Opacity Masks in Illustrator
• opacity mask illustrator
• Awesome 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 Depict Behind Every bit Masks

How to Draw Within an Object/Text in Adobe Illustrator

Illustrator: Draw Inside of Objects - Tutorial

How to describe inside a clipping mask | Adobe Illustrator Quick Tips & Tricks #ane

How to use DRAW Inside Manner | Illustrator Tutorial (how to Depict a Rose)

Illustrator, Cartoon Within, Draw Behind, Draw Normal

Illustrator CS5 using Draw Behind and Draw Inside Modes

Draw Backside | Illustrator CC Tutorial #184/365

cobbclawaste.blogspot.com

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

Share this post