how to draw 3d box traspernt

CREATING 3D OBJECTS:

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

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

Beginning, we volition convert a elementary filled circle to make it await more than spherical similar a ball.

Using the Ellipse tool, hold down the SHIFT fundamental and create a perfect circle with a make full but no stroke.
Add a two-color radial gradient of whatsoever colour to a black colour. Position the gradient with the gradient note tool.

Adjacent, let's create a simple transparent solid cylinder using uncomplicated 2d shapes

Using the rectangle tool, click without dragging to create a rectangle that is three times equally tall as it is wide (i.due east., 100W x 300H).
Add together a two-colour linear gradient from left-to-right of the same color but different tint.
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 eye point of the base 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 lot applied.
Hold down the ALT click and elevate the the oval to the elevation of the rectangle then immediately press the SHIFT key to constraint is move vertically and eye information technology with the center of the rectangle top line.

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

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

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

Select the height oval and copy it then select Edit > Paste In Front which will paste the selected oval in the same place (like to Paste In Identify in Wink).
With the copied oval still selected, agree down the SHIFT and then the ALT keys to calibration the oval proportionally and from the center and then drag slightly to reduce the oval size.
NOTE: Information technology is of import to hold downward the SHIFT key FIRST to constrain the object and then agree down the ALT central to "pivot" the object to its center point. If you had held down the ALT key offset you lot would indistinguishable the object.
With the reduced oval still selected, modify the angle to -90 in the Gradient panel and so the gradient volition be rotated from height-to-bottom instead of left-to-correct.
(Optional) Remove all of the stokes.
(Optional) Using the Gradient panel, explore irresolute the angle or reversing the management of the creating on the top oval.

Bonus: Create 3D Text

Using the text tool, create some large bold text on the canvas and convert it to an outline.
Using the Gradient tool, use a slope (black and white for starter is fine)
Using the Rectangle tool, create a rectangle over the text with the aforementioned gradient applied and transport it to back of the text.
In the Gradient console, change the bending of the rectangle to 90 degrees and then select the text and set its angle to -90 degrees.
Utilise the ALT key and click and elevate a copy of the text and showtime information technology slightly and change its angle to 90 degrees.

Bonus: Create 3D Text with Step and repeat

Click ALT and drag a re-create of the slope text.
Select Edit > Copy and and then Edit Paste In Dorsum.
With the text object in the back still selected, press the up pointer key twice and the left pointer primal twice.
Click CTRL+D repeatily to create the 3D effect. The number of times you practice this step volition make up one's mind the "depth" of the text object.

Bonus: Create a 3D Round Push

Perform similar steps equally creating a 3D text merely merely with two round rectangles.

Create a 3D Object Using Blending and Shapes

Create an object using whatever vector drawing tool and give the object a fill up (nosotros used red) and a stroke (usually black)
Duplicate the object you just created and:
1. delete its stroke
2. change its fill colour
3. scale it downwardly
4. place information technology below original object
Double-click on the blend tool and select Specified Stps every bit the Spacing selection and the number of steps to well-nigh 100 or so.
Ensure the object with the stroke is in front end of other object (i.eastward., Arrange > Bring to Front)
Select both objects (CTRL+A) and then select Object > Alloy > Brand from the main menu.
(Optional) Use the Direct Choice tool to carefully select the back of the 3D object (messages, in our case) that and then select the Pick to to move it somewhere else to change the 3D perspective.
Notation: It is important to call back the alloy mode is based on the stacking order. So if you are trying to create a 3D event from a type shape, make certain the main text object is on top.

Create a 3D Object Using Blending and Lines

Create an object using any

There are 3 effects (Rotate, Circumduct and Extrude & Bevel) under the Upshot > 3D menu that allows you to create 3D objects. However, yous create the initial 2D shape using various vector tools.
Circumspection: Once yous create a 3D object and you want to edit it again after endmost the 3D dialog box, don't select Consequence > 3D > .... again from the main menu. Instead, to become back to the 3D dialog box, you demand to use the Advent Console to brand further changes.

Real 3D Effects USING THE THE Issue Carte du jour

Y'all tin create 3D objects from 2nd objects using a variety of techniques (Extrude & Bevel, Rovolve and Rotate). Then you lot 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

Any object that has a "circular" base, yous tin use the circumduct effect.

Create 3D object with Blob tool

In this example, nosotros will create a basin:

Using the blog tool, create a shape in the form of a capital "J" shape with a medium size brush stroke with a gray colour make full but no stroke.
Select Effect > 3D > Revolve... from the master card and click on the preview push button to see the result. Modify properties (position, lighting, etc.) as needed and then click OK.
Use the Direct Selectiontool to scale or reshape shape, if necessary, to arrive look more like 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 simply created:

To create a 3D apple, depict an upright oval shape (like an egg continuing on its end) and and so select Result > 3D > Circumduct... from the main menu and click on the preview push button to see the result. Change backdrop as needed and so click OK.
Indistinguishable (ALT+click on the apple and drag) the apple several times and alter the color of each apple to have a different tint of greens or reds so move them over the top of the bowl. If necessary, select Adjust > Transport to Back or Front to position the apples appropriately.
Draw another oval over the summit of the apples with no fill up and then that you can "encounter" the apples inside the oval. Position this oval over the opening of the bowl.
Select the oval yous just created and all of the apples and then select Object > Clipping Mask > Brand to hibernate the lesser "edges" of the apples so they announced to be in the bowl and non on summit of information technology.
TIP: It is best to select everything outset and then SHIFT+click the basin'due south vector to select the Mask and all of the apples ealier.
If necessary, use the Direct Selection tool to move ballast points on either side of the Mask to adjust it to fit the lip of the bowl. (Add together PICTURE)

Create 3D Object with Pen Tool

In this instance, nosotros will create a wine glass:

With the pen tool draw half of a wine glass contour with a stroke but (See below).
Select Effect > 3D > Revolve... from the master menu and set properties as needed and click OK.
TIP: Follow the guidlines below for thickness and fill. Notation: The objects below have a 180° view and so yous can "see" the furnishings better.
1. The size of the stroke dictate the "thickness" of the object "skin."
two. How you depict the object will dictate how it appears. For example, if you lot draw a single path you volition go a solid object's pare and if you lot depict a double path, you volition get a "hollow" object's skin.
3. The fill up color will dictate how the object get "make full." However, you take to be conscientious how the object'southward path is fatigued or you may get an undesired result.

NOTE: The way the fill color works with a 3D object is that it volition attempt to "fill up" an enclosed shape. If it does non find an enclosed shape, information technology will fill up from the "opening" of that shape to the the other side whether information technology is opened or closed.
TIP: To create a double-stroke on an object, you tin select the object and so select Object > Path > Commencement Path... from the menu and specify a first value (i.due east., 5 pixel) and click the preview checkbox to see issue. Information technology is important to annotation that when y'all use this command you create a seperate object that you may want to delete.

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

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

In this example, we will create a vino glass:

For those who may not be adept in using the pen tool, create a series of boxes that represent half of a wine bottle. (Add together Prototype)
Utilise the PathFinder tool and combine the shapes into one shape.
Delete left side of object by using the pair of scissors tool.
Use the Catechumen Anchor Point Tool to convert corner points to curve points to "pull out" curve from the "edges" of the boxes (See below).
If necessary, utilise the Direct Pick Tools to movement points to right shape of path.
Select Issue > 3D > Revolve... from the primary carte and gear up backdrop as needed and click OK.
(Optional) To change the color of the canteen, only alter the stroke color.

Create a 3D Object with Extrude and Bevel Effect

Whatever object that you would like to requite "depth" to, you lot can employ the extrude and bevel upshot.

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

In this case, nosotros will create slices of bread.

Using the pen tool to describe a complete contour of a slice of staff of life with a brown stroke and a light yellowish fill up.
Select Upshot > 3D > Extrude and Bevel and click on the preview checkbox. Then adjust the Extrude selection to make the object look like a 3D slice of bread. And so rotate object so that it will most laid flat.
ALT+click and elevate on 3D breadstuff slice and make several more slices that announced to stack on elevation on one another.

Create 3D Object with Text Tool

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

With the text tool, write some big text on the sheet 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 want to map artwork onto the object (See below). Also, don't convert text to outline so that it can be editable at all times. To make it easier to edit the text on the sheet, temporarily switch to the Preview fashion (CTRL+Y).
Select Consequence > 3D > Extrude and Bevel... from the main menu and fix properties as needed and click OK.

Create a 3D Object with Rotate Consequence

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

Create 3D object with Rotate Effect

In this instance, we will create the napkins.

Using the rectangle tool, describe a rectangular shape with a very light grayness fill and a very small light gray stroke (.25px) that is i shade darker than the fill color that will correspond a napkin.
Select Effect > 3D > Rotate and click on the preview checkbox. Adjust the angle of the napkin and then that it laid almost flat.
Duplicate and move serveral copies of the napkins and then the laid on height of one another but offset them to see the underlying napkins.
TIP: After duplicating one napkin and moving information technology SLIGHTLY on top of the other, press CTRL+D to step-and-repeat additional napkins with the aforementioned angle but different location.

Bonus: How to Map Symbols to 3D Objects

Y'all tin map whatsoever symbols to the surfaces of a 3D object in the 3D dialog box.

Apply an existing symbol or create some other symbol by creating a shape and and then pressing the F8 key to convert shape to a movieclip symbol and requite it a name and click OK.

Bonus: How to create a Transparent Sphere and Box

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

Create a narrow strip using the rectangle tool with a fill color but no stroke.
ALT+click and draw six boosted copies out with hold down the Shift Key.
Infinite these strips evenly and alter the color of each.
Select all slices and click on the Shear tool and click and drag at top of selection to shear information technology.
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 panel and give information technology a name when prompted and click OK.

Next, we will create a sphere. Note, if you attempt to create a circle then use the Extrude and Bevel Effect option, you will not create a sphere only a cylinder.

Create a light color sphere with no stroke by creating a circumvolve and and then 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..
With the semi-circumvolve nevertheless selected, select Effect > 3D > Revolve... from the principal menu and click on the preview push.
Click on the Map Fine art... button and select the strip from the list to use it to the ball and click on the Scale to Fit push button to fit the strip over the unabridged ball and then click OK.
NOTE: Because we are using a sphere with no stroke, nosotros only have 1 surface. Note also that the dark grey area represent the back side of the object and the white represent the front of the object that we tin can see.
Rotate the sphere and so you can run into the top axis for a meliorate perspective of the strips.
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 look at the brawl on the sheet to see if it is correct. Conform accordingly.
To brand the sphere transparent, open the Advent panel and change the Opacity of both the object Fill up (ball) and the 3D Revolve (Mapped) to well-nigh 75%. You may need to click on the arrow next to the Make full to expand it and then you lot can run into the Opacity setting.

Next, we will create a ready of dice.

Create vi symbols for each side of the die.
NOTE: If you were using text, you will demand to convert the text to outline
Create a perfect square with a little white colour merely non stroke. Accept note of the width or pinnacle of the square because information technology volition exist used later.
TIP: You can create a perfect foursquare by selecting the rectangle tool and clicking without dragging and then inbound the same value for the width and height into the dialog box and click OK.
Select Effect > 3D > Extrude & Bevel.. from the main carte and click the preview push and make the extrude length the same equally the width or meridian to make a perfect box.
Click the Map Art... push button and map each side of the box by clicking on the advance button and map the respective sides (Don't worry if you don't know what sides the symbol goes on)
Note: You tin can tell what surface you are on because information technology will be highlighted in red.
To make the box transparent so that y'all can "see' the hidden faces, we need to turn on the hidden surfaces. To do this, In the 3D Extrude and Bevel dialog box, select the More Option button and then select the Show Subconscious Faces checkbox.
Open the Appearance panel and change the Opacity of both Opacity setting to almost 75%.

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

It is of import to note that you will get different result depending if a group of paths are grouped or non.

Additional Examples

3D_Columns
3D Objects
CountTheWays
Earth
HybridView
TableWith3DObjects
ExplodedView ane
ExplodedView 2
blockbuster
chess_pieces
columns
dices
Isometric Edifice
Isometric Metropolis
piston
establish
Roman Columns
Spring

Additional Resources:

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 Assistance Center
3D Modeling in Adobe Illustrator - Designmodo
50 Excellent Illustrator 3D Tutorials — Smashing Magazine
40 Useful Adobe Illustrator 3D Tutorials and Techniques - WebFX
How to Create a 3D Text Fine art Upshot 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 Training [viii/53]
Shape Builder Tool in Adobe Illustrator CC
How to describe using the Shape Builder tool - Adobe Illustrator CC 2022 [five-6/39]
Illustrator Tutorial: Shape Builder Tool (Logo Blueprint Basics)
Piece of cake Beginner Adobe Illustrator Tutorial: Building with Shapes
Illustrator Tutorial: Shape Builder Tool (Logo Design)
The Shape Builder 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 Use The Shape Builder Tool Within Adobe Illustrator CS6
Avant-garde 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: Avant-garde Opacity Masks
ULTIMATE GUIDE to MASKING in ILLUSTRATOR CC
OPACITY MASK - ILLUSTRATOR TIPS thirteen
How To Utilise 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 Within and Depict Backside As Masks

How to Describe Within 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 Depict INSIDE Mode | Illustrator Tutorial (how to Draw a Rose)

Illustrator, Drawing Inside, Describe Behind, Draw Normal

Illustrator CS5 using Draw Behind and Draw Inside Modes

Describe Behind | Illustrator CC Tutorial #184/365

nickolstheirt.blogspot.com

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