drawing in 3d space illustrator

CREATING 3D OBJECTS:

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

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

Commencement, we will convert a uncomplicated filled circle to get in look more than spherical like a ball.

1. Using the Ellipse tool, hold down the SHIFT fundamental and create a perfect circle with a make full but no stroke.
2. Add a two-color radial gradient of any color to a black color. Position the slope with the slope annotation tool.

Next, let's create a elementary transparent solid cylinder using elementary 2nd shapes

1. Using the rectangle tool, click without dragging to create a rectangle that is three times as alpine every bit information technology is broad (i.e., 100W x 300H).
2. Add a two-color linear gradient from left-to-correct of the aforementioned color only different tint.
3. Using the Ellipse tool, click without dragging to create a 300 px oval and position it at the bottom of the rectangle with the center bespeak at the eye bespeak of the base of operations of the rectangle.
   Notation: Is should accept the same gradient applied to it automatically as the rectangle because Adobe Illustrator remembers the final gradient you applied.
4. Hold downwardly the ALT click and drag the the oval to the acme of the rectangle and then immediately press the SHIFT key to constraint is motion vertically and center information technology with the center of the rectangle top 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 push to catechumen the shapes into i shape with a stroke on the tool half of the oval.

Next, let's catechumen the solid cylinder to a hollow cylinder:

1. Select the elevation oval and copy it and then select Edit > Paste In Forepart which will paste the selected oval in the aforementioned place (like to Paste In Place in Flash).
2. With the copied oval even so selected, hold down the SHIFT and then the ALT keys to calibration the oval proportionally and from the eye and then drag slightly to reduce the oval size.
   Note: It is important to hold down the SHIFT key FIRST to constrain the object and and so hold down the ALT cardinal to "pin" the object to its eye bespeak. If you had held down the ALT key first you would indistinguishable the object.
3. With the reduced oval nevertheless selected, modify the angle to -90 in the Gradient console so the gradient volition be rotated from top-to-bottom instead of left-to-right.
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 height 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 Gradient tool, apply a gradient (black and white for starter is fine)
3. Using the Rectangle tool, create a rectangle over the text with the same slope practical and send it to dorsum of the text.
4. In the Gradient panel, change the angle of the rectangle to 90 degrees and 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 kickoff it slightly and change its angle to 90 degrees.

Bonus: Create 3D Text with Pace and repeat

1. Click ALT and drag a re-create of the gradient text.
2. Select Edit > Re-create and then Edit Paste In Back.
3. With the text object in the back withal selected, printing 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 practise this step will determine the "depth" of the text object.

Bonus: Create a 3D Circular Push button

1. Perform like steps as creating a 3D text but merely with two round rectangles.

Create a 3D Object Using Blending and Shapes

1. Create an object using any vector drawing tool and requite the object a fill (nosotros used crimson) and a stroke (usually black)
2. Duplicate the object you just created and:
   1. delete its stroke
   2. change its fill colour
   3. scale information technology down
   4. place information technology below original object
3. Double-click on the alloy tool and select Specified Stps as the Spacing option and the number of steps to about 100 or so.
4. Ensure the object with the stroke is in front of other object (i.e., Arrange > Bring to Front)
5. Select both objects (CTRL+A) and and then select Object > Blend > Make from the primary carte.
6. (Optional) Use the Direct Choice tool to carefully select the dorsum of the 3D object (letters, in our example) that and then select the Selection to to move information technology somewhere else to change the 3D perspective.
   NOTE: It is of import to call back the blend mode is based on the stacking lodge.  Then if you are trying to create a 3D event from a type shape, make sure the chief text object is on elevation.

Create a 3D Object Using Blending and Lines

1. Create an object using any

At that place are three effects (Rotate, Revolve and Extrude & Bevel) under the Effect > 3D menu that allows y'all to create 3D objects. However, you create the initial 2d shape using diverse vector tools.
CAUTION: In one case you create a 3D object and you desire to edit it over again later on closing the 3D dialog box, don't select Consequence > 3D > .... again from the main menu. Instead, to get dorsum to the 3D dialog box, you need to use the Appearance Panel to brand further changes.

Real 3D EFFECTS USING THE THE EFFECT MENU

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

Create a 3D Object with Revolve Issue

Whatsoever object that has a "circular" base, yous can use the revolve consequence.

Create 3D object with Blob tool

In this case, we will create a basin:

1. Using the weblog tool, create a shape in the course of a capital "J" shape with a medium size brush stroke with a greyness color fill but no stroke.
2. Select Event > 3D > Revolve... from the principal bill of fare and click on the preview button to see the result. Change backdrop (position, lighting, etc.) as needed and and so click OK.
3. Apply the Direct Picktool to scale or reshape shape, if necessary, to make information technology wait more than like a bowl.

Create 3D object with Ellipse Tool

In this example, we will create some apples and utilise a clipping mask to "identify" them in the bowl we merely created:

1. To create a 3D apple, draw an upright oval shape (similar an egg continuing on its end) and then select Effect > 3D > Revolve... from the chief menu and click on the preview button to see the result. Change properties as needed and then click OK.
2. Duplicate (ALT+click on the apple and drag) the apple several times and alter the colour of each apple to have a different tint of greens or reds and and then move them over the top of the bowl. If necessary, select Arrange > Transport to Back or Front to position the apples appropriately.
3. Draw another oval over the pinnacle of the apples with no make full 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 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 non on top of it.
   TIP: Information technology is best to select everything offset and then SHIFT+click the bowl's vector to select the Mask and all of the apples ealier.
5. If necessary, use the Direct Choice tool to motion anchor points on either side of the Mask to accommodate information technology to fit the lip of the basin. (Add together PICTURE)

Create 3D Object with Pen Tool

In this example, we will create a wine glass:

1. With the pen tool draw half of a vino glass profile with a stroke merely (See below).
2. Select Consequence > 3D > Circumduct... from the master menu and set properties every bit needed and click OK.
   TIP: Follow the guidlines below for thickness and fill. NOTE: The objects below have a 180° view so yous tin "see" the effects ameliorate.
   one. The size of the stroke dictate the "thickness" of the object "peel."
   2. How you draw the object will dictate how it appears. For example, if you describe a unmarried path yous will go a solid object's pare and if you draw a double path, y'all will go a "hollow" object'due south skin.
   3. The make full color will dictate how the object get "make full." Nonetheless, you have to exist careful how the object's path is fatigued or yous may get an undesired consequence.

   

   NOTE: The fashion the fill color works with a 3D object is that it will attempt to "fill" an enclosed shape. If it does non discover an enclosed shape, it will fill 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, yous can select the object so select Object > Path > Offset Path... from the bill of fare and specify a outset value (i.due east., 5 pixel) and click the preview checkbox to run into issue. It is of import to note that when you apply this command you create a seperate object that you may want to delete.
   

NOTE: 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 adept with pen tool)

In this example, we will create a vino drinking glass:

1. For those who may not be proficient in using the pen tool, create a series of boxes that correspond 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  by using the scissors tool.
4. Use the Convert Anchor Bespeak 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 movement points to correct shape of path.
6. Select Effect > 3D > Revolve... from the main bill of fare and set backdrop as needed and click OK.
7. (Optional) To change the color of the canteen, just change the stroke color.

Create a 3D Object with Extrude and Bevel Effect

Whatever object that you would like to give "depth" to, you tin use the extrude and bevel effect.

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

In this example, we volition create slices of bread.

1. Using the pen tool to draw a complete profile of a piece of bread with a brownish stroke and a low-cal yellow make full.
2. Select Effect > 3D > Extrude and Bevel and click on the preview checkbox. So adjust the Extrude selection to make the object expect similar a 3D slice of bread. Then rotate object so that it will almost laid flat.
3. ALT+click and elevate on 3D bread slice and brand several more slices that appear to stack on meridian on ane some other.

Create 3D Object with Text Tool

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

1. With the text tool, write some large text on the canvas without a stroke.
   TIP: If you don't add a stroke to the text, it will render will fewer surface pane. This comes into play when y'all want to map artwork onto the object (Run into beneath). Likewise, don't convert text to outline then that it can exist editable at all times. To make it easier to edit the text on the sail, temporarily switch to the Preview style (CTRL+Y).
2. Select Effect > 3D > Extrude and Bevel... from the chief menu and set up properties every bit needed and click OK.

Create a 3D Object with Rotate Effect

Any object that yous would like to rotate in 3D space (without depth) you tin utilise the Rotate Effect.

Create 3D object with Rotate Effect

In this example, we volition create the napkins.

1. Using the rectangle tool, draw a rectangular shape with a very light gray fill and a very pocket-sized light grey stroke (.25px) that is one shade darker than the fill color that volition represent a napkin.
2. Select Effect > 3D > Rotate and click on the preview checkbox. Adjust the angle of the napkin so that information technology laid well-nigh flat.
3. Duplicate and movement serveral copies of the napkins and then the laid on top of one some other but offset them to meet the underlying napkins.
   TIP: Later duplicating 1 napkin and moving information technology SLIGHTLY on elevation of the other, printing CTRL+D to stride-and-repeat boosted napkins with the same angle but different location.

Bonus: How  to Map Symbols to 3D Objects

Y'all 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 past creating a shape then pressing the F8 key to convert shape to a movieclip symbol and give it a name and click OK.

Bonus: How to create a Transparent Sphere and Box

First we volition create some strips nosotros later on map to the sphere.

1. Create a narrow strip using the rectangle tool with a fill color only no stroke.
2. ALT+click and describe vi boosted copies out with agree down the Shift Key.
3. Space these strips evenly and change the colour of each.
4. Select all slices and click on the Shear tool and click and drag at pinnacle of option to shear it.
5. Select all slices and catechumen them to a symbol (F8) and give it a proper name of strips.
   ALTERNATIVELY: You could select all of the strips and drag them into the Symbol console and give information technology a proper name when prompted and click OK.

Side by side, we will create a sphere. Note, if you attempt to create a circle and then use the Extrude and Bevel Effect selection, yous will not create a sphere but a cylinder.

1. Create a calorie-free color sphere  with no stroke by creating a circle and and so 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-circumvolve..
2. With the semi-circle nevertheless selected, select Upshot > 3D > Revolve... from the main menu and click on the preview push button.
3. Click on the Map Art... button and select the strip from the listing to utilise information technology to the ball and click on the Scale to Fit push button to fit the strip over the entire ball so click OK.
   NOTE: Because we are using a sphere with no stroke, nosotros simply take one surface. Note besides that the dark gray area stand for the back side of the object and the white stand for the front of the object that nosotros tin can see.
4. Rotate the sphere and then you lot tin can run across the elevation axis for a better perspective of the strips.
5. If the strips are not filled in or they are touching i another, click on the Map Fine art... button once more and stretch the symbol while at the same time look at the ball on the canvass to see if it is right. Adjust accordingly.
6. To make the sphere transparent, open the Appearance console and change the Opacity of both the object Fill (ball) and the 3D Circumduct (Mapped) to about 75%. You may need to click on the arrow next to the Fill to expand it so you tin can encounter the Opacity setting.

Next, we will create a set of dice.

1. Create six symbols for each side of the dice.
   Annotation: If you were using text, y'all will need to catechumen the text to outline
2. Create a perfect foursquare with a little white color but not stroke. Have notation of the width or height of the foursquare because it will be used later.
   TIP: Yous can create a perfect square past selecting the rectangle tool and clicking without dragging and then entering the aforementioned value for the width and tiptop into the dialog box and click OK.
3. Select Effect > 3D > Extrude & Bevel..  from the main menu and click the preview push button and make the extrude length the aforementioned as the width or height to make a perfect box.
4. Click the Map Art... button and map each side of the box by clicking on the accelerate button and map the corresponding sides (Don't worry if you don't know what sides the symbol goes on)
   Annotation: Yous tin tell what surface you lot are on because it will be highlighted in ruby.
5. To make the box transparent so that you lot can "encounter' the hidden faces, nosotros demand to turn on the hidden surfaces. To do this, In the 3D Extrude and Bevel dialog box, select the More Option push and then select the Show Hidden Faces checkbox.
6. Open the Appearance panel and change the Opacity of both Opacity setting to about 75%.

Ungroup and Group Paths Behave Differently When 3D Furnishings Are Apllied to Them

It is important to note that you will become different result depending if a group of paths are grouped or not.

Boosted Examples

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

Additional Resource:

PathFinder Resources

• Adobe Illustrator 3D | Courses For All Skill Levels | udemy.com
• How to Make 3D Designs in Adobe Illustrator - YouTube
• How to create 3D objects in Illustrator - Adobe Assist Center
• 3D Modeling in Adobe Illustrator - Designmodo
• 50 First-class Illustrator 3D Tutorials — Smashing Magazine
• 40 Useful Adobe Illustrator 3D Tutorials and Techniques - WebFX
• How to Create a 3D Text Art Effect in Adobe Illustrator - Design Tutsplus

Shape Builder Resources

• Pathfinder vs Shapebuilder
• Pathfinder or Shape Builder Tool? | Illustrator CC Tutorial (MUST KNOW!)
• The Shape Builder and Pathfinder in Illustrator CS6
• The shape builder tool in Adobe Illustrator CC - Illustrator Advanced Preparation [8/53]
• Shape Builder Tool in Adobe Illustrator CC
• How to draw using the Shape Architect tool - Adobe Illustrator CC 2022 [v-half-dozen/39]
• Illustrator Tutorial: Shape Builder Tool (Logo Design Basics)
• Easy Beginner Adobe Illustrator Tutorial: Building with Shapes
• Illustrator Tutorial: Shape Architect Tool (Logo Blueprint)
• The Shape Builder Tool | Adobe Illustrator Quick Tips & Tricks #3
• Larn How To Utilise the Shape Builder Tool in Adobe Illustrator | Dansky
• Shape Architect Tool Logo Design In Illustrator
• How to Utilise The Shape Architect Tool Within Adobe Illustrator CS6
• Advanced Shape Builder Workflow in Adobe Illustrator CC

Opacity and Clipping Mask In Illustrator Resource

• 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 Depict Behind As Masks

How to Describe Inside an Object/Text in Adobe Illustrator

Illustrator: Depict Within of Objects - Tutorial

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

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

Illustrator, Drawing Inside, Draw Backside, Describe Normal

Illustrator CS5 using Draw Behind and Draw Inside Modes

Depict Behind | Illustrator CC Tutorial #184/365

fullerbohnsting.blogspot.com

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

Share this post