3d to 2d drawing illustrator

CREATING 3D OBJECTS:

At that place are many ways to create 3D objects in Illustrator:

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

First, we will convert a simple filled circumvolve to go far look more spherical like a ball.

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

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

1. Using the rectangle tool, click without dragging to create a rectangle that is iii times as tall every bit it is wide (i.e., 100W 10 300H).
2. Add a two-color linear gradient from left-to-right of the aforementioned color but 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 point at the middle point of the base of operations of the rectangle.
   NOTE: Is should have the same gradient applied to it automatically as the rectangle because Adobe Illustrator remembers the last gradient you applied.
4. Hold downwards the ALT click and drag the the oval to the top of the rectangle and and so immediately press the SHIFT key to constraint is motility vertically and middle it with the centre of the rectangle meridian line.

Now, permit'southward convert this transparent cylinder to a solid cylinder:

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

Next, allow's 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 will paste the selected oval in the same place (like to Paste In Place in Wink).
2. With the copied oval yet selected, hold down the SHIFT and then the ALT keys to scale the oval proportionally and from the center and then drag slightly to reduce the oval size.
   Notation: It is important to hold downward the SHIFT primal FIRST to constrain the object and then hold down the ALT key to "pin" the object to its center point. If you had held downward the ALT key first you would duplicate the object.
3. With the reduced oval yet selected, change the angle to -90 in the Gradient console then the slope will be rotated from superlative-to-bottom instead of left-to-right.
4. (Optional) Remove all of the stokes.
5. (Optional) Using the Gradient console, explore changing the angle or reversing the management of the creating on the summit oval.

Bonus: Create 3D Text

1. Using the text tool, create some big bold text on the canvas and convert it to an outline.
2. Using the Slope 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 applied and transport it to back of the text.
4. In the Gradient console, modify the bending of the rectangle to ninety degrees and and then select the text and set its bending to -90 degrees.
5. Apply the ALT fundamental 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 > Re-create and then Edit Paste In Dorsum.
3. With the text object in the back nonetheless selected, press the upwardly arrow cardinal twice and the left pointer key twice.
4. Click CTRL+D repeatily to create the 3D issue.  The number of times you lot do this footstep volition determine the "depth" of the text object.

Bonus: Create a 3D Round Button

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

Create a 3D Object Using Blending and Shapes

1. Create an object using whatsoever vector cartoon tool and give the object a fill up (we used red) and a stroke (usually black)
2. Duplicate the object you merely created and:
   1. delete its stroke
   2. modify its fill color
   3. scale it down
   4. place it below original object
3. Double-click on the blend tool and select Specified Stps as the Spacing option and the number of steps to about 100 or and then.
4. Ensure the object with the stroke is in front end of other object (i.east., Arrange > Bring to Front)
5. Select both objects (CTRL+A) and so select Object > Alloy > Make from the main card.
6. (Optional) Use the Direct Selection tool to advisedly select the back of the 3D object (messages, in our case) that then select the Selection to to move information technology somewhere else to change the 3D perspective.
   NOTE: It is important to recall the blend fashion is based on the stacking social club.  So if you are trying to create a 3D consequence from a type shape, make sure the main text object is on height.

Create a 3D Object Using Blending and Lines

1. Create an object using whatsoever

There are three effects (Rotate, Revolve and Extrude & Bevel) under the Effect > 3D card that allows you to create 3D objects. Yet, you create the initial 2d shape using various vector tools.
CAUTION: Once you create a 3D object and you lot want to edit it again subsequently closing the 3D dialog box, don't select Effect > 3D > .... again from the main menu. Instead, to get back to the 3D dialog box, you need to utilise the Appearance Console to make further changes.

REAL 3D EFFECTS USING THE THE EFFECT Menu

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

Create a 3D Object with Circumduct Effect

Any object that has a "circular" base, y'all can use the circumduct result.

Create 3D object with Blob tool

In this instance, we will create a bowl:

1. Using the blog tool, create a shape in the class of a capital "J" shape with a medium size brush stroke with a gray color fill merely no stroke.
2. Select Effect > 3D > Revolve... from the main card and click on the preview button to see the issue. Change properties (position, lighting, etc.) equally needed then click OK.
3. Use the Direct Optiontool to scale or reshape shape, if necessary, to make it look more like a basin.

Create 3D object with Ellipse Tool

In this case, we will create some apples and use a clipping mask to "identify" them in the bowl nosotros just created:

1. To create a 3D apple, draw an upright oval shape (like an egg standing on its stop) and so select Issue > 3D > Revolve... from the principal menu and click on the preview button to run across the outcome. Change properties as needed and then click OK.
2. Duplicate (ALT+click on the apple tree and drag) the apple several times and change the color of each apple to have a different tint of greens or reds and and then move them over the top of the basin. If necessary, select Adjust > Send to Bacyard or Forepart to position the apples appropriately.
3. Draw some other oval over the acme of the apples with no fill so that you can "run into" 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 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 meridian of it.
   TIP: It is all-time to select everything starting time and then SHIFT+click the basin's vector to select the Mask and all of the apples ealier.
5. If necessary, employ the Direct Selection tool to move anchor points on either side of the Mask to adjust it to fit the lip of the basin. (Add together PICTURE)

Create 3D Object with Pen Tool

In this instance, nosotros volition create a vino glass:

1. With the pen tool draw half of a wine glass profile with a stroke merely (Come across below).
2. Select Effect > 3D > Revolve... from the main menu and set properties as needed and click OK.
   TIP: Follow the guidlines beneath for thickness and fill. NOTE: The objects below take a 180° view so you tin can "run into" the furnishings better.
   1. The size of the stroke dictate the "thickness" of the object "skin."
   2. How you lot draw the object volition dictate how information technology appears. For example, if you draw a single path you lot will get a solid object's skin and if you draw a double path, you will get a "hollow" object's pare.
   three. The make full color will dictate how the object get "fill up." However, y'all have to be careful how the object's path is drawn or you may get an undesired event.

   

   Note: The way the fill color works with a 3D object is that it will try to "fill" an enclosed shape. If information technology does non find an enclosed shape, it will fill 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, you can select the object then select Object > Path > Offset Path... from the menu and specify a starting time value (i.e., 5 pixel) and click the preview checkbox to see event. It is important to annotation that when you utilize this command you lot 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 non skillful with pen tool)

In this example, we volition create a vino glass:

1. For those who may non be skillful in using the pen tool, create a serial of boxes that represent one-half of a wine bottle. (Add together Paradigm)
   
2. Employ the PathFinder tool and combine the shapes into one shape.
3. Delete left side of object  by using the scissors tool.
4. Use the Catechumen Anchor Signal Tool to convert corner points to curve points to "pull out" bend from the "edges" of the boxes (See below).
5. If necessary, use the Direct Pick Tools to movement points to correct shape of path.
6. Select Effect > 3D > Revolve... from the main carte du jour and set backdrop as needed and click OK.
7. (Optional) To change the color of the canteen, merely alter the stroke colour.

Create a 3D Object with Extrude and Bevel Consequence

Whatever object that yous would similar to give "depth" to, you can utilise the extrude and bevel effect.

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

In this instance, we will create slices of bread.

1. Using the pen tool to draw a complete profile of a piece of bread with a brown stroke and a calorie-free yellowish fill.
2. Select Effect > 3D > Extrude and Bevel and click on the preview checkbox. Then adjust the Extrude option to brand the object look similar a 3D slice of breadstuff. And then rotate object then that it will almost laid flat.
3. ALT+click and drag on 3D breadstuff slice and brand several more slices that appear to stack on top on i another.

Create 3D Object with Text Tool

In this example, nosotros 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 you lot desire to map artwork onto the object (Run into below). Also, don't catechumen text to outline so that information technology tin can be editable at all times. To brand it easier to edit the text on the canvas, temporarily switch to the Preview mode (CTRL+Y).
2. Select Consequence > 3D > Extrude and Bevel... from the main menu and set properties as needed and click OK.

Create a 3D Object with Rotate Effect

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

Create 3D object with Rotate Outcome

In this example, we volition create the napkins.

1. Using the rectangle tool, draw a rectangular shape with a very light gray make full and a very modest light gray stroke (.25px) that is one 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 and then that information technology laid almost flat.
3. Duplicate and move serveral copies of the napkins so the laid on top of one some other simply commencement them to run into the underlying napkins.
   TIP: Afterwards duplicating one napkin and moving information technology SLIGHTLY on top of the other, press CTRL+D to step-and-repeat additional napkins with the same angle simply different location.

Bonus: How  to Map Symbols to 3D Objects

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

1. Apply an existing symbol or create another symbol by creating a shape so pressing the F8 fundamental to convert shape to a movieclip symbol and give it a proper name and click OK.

Bonus: How to create a Transparent Sphere and Box

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

1. Create a narrow strip using the rectangle tool with a fill color only no stroke.
2. ALT+click and draw vi additional copies out with hold downward the Shift Cardinal.
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 pinnacle of selection to shear it.
5. Select all slices and catechumen them to a symbol (F8) and requite it a proper name of strips.
   ALTERNATIVELY: Y'all could select all of the strips and drag them into the Symbol console and give it a name when prompted and click OK.

Next, we will create a sphere. Annotation, if you effort to create a circle and then utilise the Extrude and Bevel Upshot option, you volition not create a sphere but a cylinder.

1. Create a light color sphere  with no stroke by creating a circle and so using the pair of scissors tool and click on the elevation and lesser ballast points. And so using the Selection tool, cut and delete half of information technology to create a semi-circle..
2. With the semi-circle all the same selected, select Effect > 3D > Revolve... from the master menu and click on the preview push button.
3. Click on the Map Art... button and select the strip from the list to apply information technology to the ball and click on the Scale to Fit push to fit the strip over the entire brawl and so click OK.
   NOTE: Considering we are using a sphere with no stroke, we but take one surface. Note besides that the dark gray expanse represent the dorsum side of the object and the white represent the front end of the object that we tin see.
4. Rotate the sphere then you lot can see the tiptop 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 again and stretch the symbol while at the same time await at the ball on the sheet to run into if information technology is correct. Adjust accordingly.
6. To make the sphere transparent, open up the Advent panel and change the Opacity of both the object Make full (brawl) and the 3D Revolve (Mapped) to about 75%. You may need to click on the arrow next to the Make full to expand it then you can see the Opacity setting.

Next, we will create a set of die.

1. Create 6 symbols for each side of the dice.
   Notation: If you were using text, yous volition need to convert the text to outline
2. Create a perfect foursquare with a niggling white color merely not stroke. Take note of the width or height of the foursquare because information technology will be used later.
   TIP: You tin can create a perfect foursquare by selecting the rectangle tool and clicking without dragging and then entering the aforementioned value for the width and height into the dialog box and click OK.
3. Select Effect > 3D > Extrude & Bevel..  from the main bill of fare and click the preview push button and make the extrude length the same equally the width or tiptop to make a perfect box.
4. Click the Map Art... button and map each side of the box by clicking on the advance button and map the corresponding sides (Don't worry if yous don't know what sides the symbol goes on)
   NOTE: You can tell what surface you are on because information technology volition be highlighted in red.
5. To make the box transparent so that you can "see' the hidden faces, we need to turn on the subconscious surfaces. To do this, In the 3D Extrude and Bevel dialog box, select the More Option button and then select the Show Hidden Faces checkbox.
6. Open up the Appearance panel and alter the Opacity of both Opacity setting to about 75%.

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

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

Boosted Examples

1. 3D_Columns
2. 3D Objects
3. CountTheWays
4. World
5. HybridView
6. TableWith3DObjects
7. ExplodedView 1
8. ExplodedView 2
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 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 Center
• 3D Modeling in Adobe Illustrator - Designmodo
• 50 First-class Illustrator 3D Tutorials — Bang-up 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 Avant-garde Preparation [8/53]
• Shape Architect Tool in Adobe Illustrator CC
• How to draw using the Shape Builder tool - Adobe Illustrator CC 2022 [5-half-dozen/39]
• Illustrator Tutorial: Shape Builder Tool (Logo Pattern Basics)
• Easy Beginner Adobe Illustrator Tutorial: Building with Shapes
• Illustrator Tutorial: Shape Builder Tool (Logo Pattern)
• The Shape Builder Tool | Adobe Illustrator Quick Tips & Tricks #three
• Acquire How To Use the Shape Builder Tool in Adobe Illustrator | Dansky
• Shape Builder Tool Logo Pattern In Illustrator
• How to Employ The Shape Builder Tool Within Adobe Illustrator CS6
• Avant-garde Shape Architect 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: Avant-garde 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

Depict Inside  and Draw Behind As Masks

How to Depict 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 #1

How to utilise DRAW Within Mode | Illustrator Tutorial (how to Draw a Rose)

Illustrator, Drawing Within, Describe Behind, Draw Normal

Illustrator CS5 using Draw Behind and Draw Inside Modes

Draw Behind | Illustrator CC Tutorial #184/365

sanderswonsize1972.blogspot.com

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

Share this post