Skip to content Skip to sidebar Skip to footer
Home / how to draw 3d in illustrator

how to draw 3d in illustrator

Post a Comment

CREATING 3D OBJECTS:

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

Create a 3D Objects Using second Shapes with Gradient Make full

First, we volition convert a simple filled circumvolve to make it look more spherical similar a ball.

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

Side by side, let'southward create a simple transparent solid cylinder using simple 2nd shapes

  1. Using the rectangle tool, click without dragging to create a rectangle that is three times as alpine as information technology is wide (i.e., 100W x 300H).
  2. Add a two-color linear gradient from left-to-right of the same color merely 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 betoken at the center indicate of the base of the rectangle.
    Notation: Is should have the same slope applied to it automatically as the rectangle considering Adobe Illustrator remembers the last gradient you applied.
  4. Hold down the ALT click and drag the the oval to the top of the rectangle and so immediately press the SHIFT key to constraint is movement vertically and center information technology with the center of the rectangle top line.

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

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

Adjacent, let's convert the solid cylinder to a hollow cylinder:

  1. Select the top oval and copy information technology so select Edit > Paste In Front which will paste the selected oval in the same identify (like to Paste In Place in Flash).
  2. With the copied oval nevertheless selected, concord downwards 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: Information technology is important to hold down the SHIFT fundamental Commencement to constrain the object and and so agree down the ALT key to "pin" the object to its middle point. If you had held down the ALT key first you would duplicate the object.
  3. With the reduced oval still selected, modify the angle to -ninety in the Gradient console and then the slope will be rotated from peak-to-bottom instead of left-to-correct.
  4. (Optional) Remove all of the stokes.
  5. (Optional) Using the Gradient console, explore changing the bending 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 it to an outline.
  2. Using the Slope tool, use a gradient (blackness and white for starter is fine)
  3. Using the Rectangle tool, create a rectangle over the text with the same slope applied and send it to back of the text.
  4. In the Gradient console, change the angle of the rectangle to 90 degrees and and so select the text and set its bending to -90 degrees.
  5. Utilise the ALT cardinal and click and elevate a copy of the text and showtime it slightly and change its angle to ninety degrees.

Bonus: Create 3D Text with Step and repeat

  1. Click ALT and elevate a re-create of the gradient text.
  2. Select Edit > Copy and and then Edit Paste In Back.
  3. With the text object in the back still selected, press the upwards pointer fundamental twice and the left arrow cardinal twice.
  4. Click CTRL+D repeatily to create the 3D effect.  The number of times you practice this step will determine the "depth" of the text object.

Bonus: Create a 3D Round Button

  1. Perform like steps as creating a 3D text but but with two 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 (we used red) and a stroke (usually black)
  2. Duplicate the object you simply created and:
    1. delete its stroke
    2. change its fill up color
    3. scale it downward
    4. place it below original object
  3. Double-click on the alloy tool and select Specified Stps as the Spacing choice and the number of steps to about 100 or so.
  4. Ensure the object with the stroke is in forepart of other object (i.e., Arrange > Bring to Front)
  5. Select both objects (CTRL+A) and and then select Object > Blend > Make from the main carte.
  6. (Optional) Use the Direct Selection tool to carefully select the back of the 3D object (messages, in our instance) that and then select the Option to to move it somewhere else to change the 3D perspective.
    Notation: It is important to retrieve the blend 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 top.

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 Effect > 3D card that allows you to create 3D objects. However, you create the initial 2d shape using diverse vector tools.
CAUTION: Once yous create a 3D object and you want to edit it once again after closing the 3D dialog box, don't select Effect > 3D > .... again from the principal menu. Instead, to get back to the 3D dialog box, yous need to use the Appearance Panel to make further changes.

Real 3D Furnishings USING THE THE Issue Menu

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

Create a 3D Object with Revolve Effect

Any object that has a "circular" base, you tin can use the revolve effect.

Create 3D object with Hulk tool

In this instance, we volition create a bowl:

  1. Using the blog tool, create a shape in the form of a capital "J" shape with a medium size brush stroke with a gray color fill but no stroke.
  2. Select Effect > 3D > Revolve... from the main card and click on the preview button to run into the issue. Change properties (position, lighting, etc.) every bit needed and then click OK.
  3. Use the Directly Selectiontool to scale or reshape shape, if necessary, to make it look more like a bowl.

Create 3D object with Ellipse Tool

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

  1. To create a 3D apple tree, depict an upright oval shape (like an egg continuing on its cease) and and so select Upshot > 3D > Revolve... from the main menu and click on the preview push button to encounter the result. Change backdrop as needed so click OK.
  2. Indistinguishable (ALT+click on the apple and drag) the apple tree several times and change the color of each apple tree to have a different tint of greens or reds and and then motility them over the top of the basin. If necessary, select Accommodate > Send to Bacone thousand or Front to position the apples appropriately.
  3. Describe another oval over the top of the apples with no fill so that you can "see" the apples inside the oval.  Position this oval over the opening of the basin.
  4. Select the oval you just created and all of the apples and so select Object > Clipping Mask > Brand  to hide the bottom "edges" of the apples and then they appear to exist in the bowl and non on top of it.
    TIP: Information technology is best to select everything first and then 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 motion ballast points on either side of the Mask to adjust it to fit the lip of the bowl. (ADD Moving picture)

Create 3D Object with Pen Tool

In this example, nosotros will create a wine glass:

  1. With the pen tool depict one-half of a wine glass profile with a stroke just (Run across below).
  2. Select Effect > 3D > Circumduct... from the main menu and set properties as needed and click OK.
    TIP: Follow the guidlines beneath for thickness and fill up. Note: The objects below take a 180° view so y'all tin "see" the effects meliorate.
    1. The size of the stroke dictate the "thickness" of the object "skin."
    ii. How you depict the object volition dictate how information technology appears. For example, if you draw a unmarried path you lot will get a solid object's pare and if you draw a double path, yous will get a "hollow" object's skin.
    3. The make full color will dictate how the object go "fill." Notwithstanding, you have to be careful how the object'south path is drawn or yous may get an undesired upshot.

    NOTE: The way the make full color works with a 3D object is that it will effort to "fill up" an enclosed shape. If it does not observe an enclosed shape, information technology 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, you tin can select the object and and then select Object > Path > Start Path... from the menu and specify a start value (i.e., v pixel) and click the preview checkbox to see result. It is of import to note that when you lot use this command you create a seperate object that you may want to delete.

Notation: 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 example, we will create a wine glass:

  1. For those who may not exist proficient in using the pen tool, create a series of boxes that represent half of a wine bottle. (ADD Prototype)
  2. Employ the PathFinder tool and combine the shapes into 1 shape.
  3. Delete left side of object  by using the scissors tool.
  4. Use the Convert Anchor Point Tool to catechumen corner points to bend points to "pull out" curve from the "edges" of the boxes (See below).
  5. If necessary, use the Direct Pick Tools to move points to right shape of path.
  6. Select Effect > 3D > Revolve... from the main menu and prepare properties every bit needed and click OK.
  7. (Optional) To change the color of the bottle, simply change the stroke colour.

Create a 3D Object with Extrude and Bevel Effect

Any object that you would like to requite "depth" to, y'all can use the extrude and bevel result.

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

In this example, we will create slices of breadstuff.

  1. Using the pen tool to draw a complete contour of a slice of bread with a brown stroke and a light yellow fill.
  2. Select Result > 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 then that it volition nearly laid flat.
  3. ALT+click and drag on 3D staff of life slice and make several more than slices that announced to stack on elevation on one another.

Create 3D Object with Text Tool

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

  1. With the text tool, write some large text on the canvas without a stroke.
    TIP: If yous don't add a stroke to the text, it will render will fewer surface pane. This comes into play when you want to map artwork onto the object (Encounter beneath). Also, don't convert text to outline so that information technology can be editable at all times. To make it easier to edit the text on the canvas, temporarily switch to the Preview manner (CTRL+Y).
  2. Select Effect > 3D > Extrude and Bevel... from the primary bill of fare and set properties every bit needed and click OK.

Create a 3D Object with Rotate Upshot

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

Create 3D object with Rotate Effect

In this example, we will create the napkins.

  1. Using the rectangle tool, draw a rectangular shape with a very calorie-free gray fill and a very minor light gray stroke (.25px) that is one shade darker than the fill color that will correspond a napkin.
  2. Select Effect > 3D > Rotate and click on the preview checkbox. Adjust the angle of the napkin so that it laid near flat.
  3. Duplicate and move serveral copies of the napkins and then the laid on pinnacle of one another 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 pace-and-repeat additional napkins with the aforementioned angle but different location.

Bonus: How  to Map Symbols to 3D Objects

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

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

Bonus: How to create a Transparent Sphere and Box

Showtime we will create some strips we later on map to the sphere.

  1. Create a narrow strip using the rectangle tool with a make full colour but no stroke.
  2. ALT+click and draw six additional copies out with hold downwardly the Shift Key.
  3. Space these strips evenly and modify the color of each.
  4. Select all slices and click on the Shear tool and click and drag at elevation of selection to shear it.
  5. Select all slices and catechumen them to a symbol (F8) and give it a proper noun of strips.
    ALTERNATIVELY: You could select all of the strips and drag them into the Symbol panel and give it a proper name when prompted and click OK.

Next, we will create a sphere. Note, if you endeavour to create a circle and so use the Extrude and Bevel Effect pick, you will not create a sphere but a cylinder.

  1. Create a light color sphere  with no stroke by creating a circumvolve and and then using the scissors tool and click on the acme and bottom anchor points. Then using the Selection tool, cutting and delete half of it to create a semi-circumvolve..
  2. With the semi-circumvolve notwithstanding selected, select Outcome > 3D > Revolve... from the master carte and click on the preview button.
  3. Click on the Map Fine art... button and select the strip from the list to utilise it to the ball and click on the Scale to Fit button to fit the strip over the unabridged brawl and then click OK.
    NOTE: Because nosotros are using a sphere with no stroke, nosotros only have one surface. Note also that the nighttime gray area represent the back side of the object and the white represent the front end of the object that we tin see.
  4. Rotate the sphere so you can run across the top centrality for a amend perspective of the strips.
  5. If the strips are not filled in or they are touching i another, click on the Map Art... button again and stretch the symbol while at the same fourth dimension look at the ball on the sheet to see if it is right. Adjust appropriately.
  6. To make the sphere transparent, open up the Appearance console and modify the Opacity of both the object Fill (ball) and the 3D Revolve (Mapped) to nigh 75%. You may demand to click on the arrow next to the Fill to aggrandize it so you tin can come across the Opacity setting.

Adjacent, we will create a prepare of dice.

  1. Create six symbols for each side of the dice.
    Notation: If you were using text, you will demand to convert the text to outline
  2. Create a perfect square with a piffling white color but not stroke. Accept note of the width or superlative of the square considering it will be used afterwards.
    TIP: You can create a perfect square by selecting the rectangle tool and clicking without dragging and then entering the same value for the width and elevation into the dialog box and click OK.
  3. Select Upshot > 3D > Extrude & Bevel..  from the main bill of fare and click the preview button and brand the extrude length the same every bit the width or top to make a perfect box.
  4. Click the Map Art... button and map each side of the box by clicking on the advance push button and map the corresponding sides (Don't worry if you don't know what sides the symbol goes on)
    NOTE: You lot can tell what surface yous are on because it will exist highlighted in red.
  5. To brand the box transparent and so that you tin "see' the subconscious faces, we demand to plough on the hidden surfaces. To do this, In the 3D Extrude and Bevel dialog box, select the More Pick push and then select the Show Hidden Faces checkbox.
  6. Open up the Advent panel and change the Opacity of both Opacity setting to about 75%.

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

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

Additional 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 Edifice
  14. Isometric City
  15. piston
  16. plant
  17. Roman Columns
  18. Spring

Boosted Resources:

PathFinder Resource

  • 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 Help Center
  • 3D Modeling in Adobe Illustrator - Designmodo
  • 50 Splendid Illustrator 3D Tutorials — Nifty Magazine
  • 40 Useful Adobe Illustrator 3D Tutorials and Techniques - WebFX
  • How to Create a 3D Text Art Upshot in Adobe Illustrator - Blueprint 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 Grooming [8/53]
  • Shape Builder Tool in Adobe Illustrator CC
  • How to draw using the Shape Builder tool - Adobe Illustrator CC 2022 [five-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 Architect Tool | Adobe Illustrator Quick Tips & Tricks #three
  • Learn How To Apply the Shape Builder Tool in Adobe Illustrator | Dansky
  • Shape Builder Tool Logo Blueprint In Illustrator
  • How to Employ The Shape Builder Tool Inside 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 Within  and Describe Behind As Masks

How to Describe Inside an Object/Text in Adobe Illustrator

Illustrator: Draw Inside of Objects - Tutorial

How to depict inside a clipping mask | Adobe Illustrator Quick Tips & Tricks #1

How to use DRAW Inside Way | Illustrator Tutorial (how to Draw a Rose)

Illustrator, Cartoon Inside, Draw Backside, Draw Normal

Illustrator CS5 using Describe Behind and Draw Inside Modes

Draw Behind | Illustrator CC Tutorial #184/365

mcgregorrawas1947.blogspot.com

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

Post a Comment for "how to draw 3d in illustrator"