vividesigning.com is an E-learning website. We are making things easier for you to understand and learn in a fast and effective way.

How to make 3D Box in Adobe Illustrator?


3D Box in Adobe Illustrator

In today’s tutorial, you will learn to make 3D Box in Adobe Illustrator. We will draw the 3D Box with the help of Polygon Tool, Pen Tool, Shape Builder Tool and few other tool panels.

3D Box in Adobe Illustrator

Launch Adobe Illustrator and create a new document. Now follow the below steps:

Step 1

Select the Polygon Tool and draw a polygon on the artboard.

3D Box in Adobe Illustrator

Step 2

Now select the Pen Tool and draw diagonal lines inside the polygon.

3D Box in Adobe Illustrator

Step 3

Press Ctrl + A to select all the shapes. Now open the Pathfinder Panel.

Window > Pathfinder

In Pathfinder Panel, click on Divide to divide the shapes into paths and then press Shift + Ctrl + G to Ungroup the selection.

3D Box in Adobe Illustrator

3D Box in Adobe Illustrator

Step 4

Now we will fill color in the shapes and convert the polygon into 3D Cube.

Select the left bottom triangle and the triangle above it. Fill both the shapes with #dc9d40 and turn off the strokes.

3D Box in Adobe Illustrator

Now select the right bottom triangle and the triangle above it. Fill both the triangles with color #edb96c.

3D Box in Adobe Illustrator


Now fill the remaining two triangles with #cf932f and #dc9d40.

3D Box in Adobe Illustrator

Step 5

Now select the Pen Tool and draw four lines as shown in the below image.

3D Box in Adobe Illustrator

Select all the lines and then click on Shape Builder Tool in the Tool Panel. With the help of Shape Builder Tool remove all the unwanted lines. Press and hold Alt key to remove the line.

3D Box in Adobe Illustrator

3D Box in Adobe Illustrator

Press Ctrl + J to join the corners of the lines and then fill the shape with #edb96c.

3D Box in Adobe Illustrator

Step 6

Select the shape drawn in the above step and click on Object in the Menu Bar. Place the cursor on Transform and select Reflect.

3D Box in Adobe Illustrator

Reflect dialogue box will appear on the artboard. In that dialogue box, select Vertical Axis and click on Copy.

3D Box in Adobe Illustrator

3D Box in Adobe Illustrator

Now select the shape formed after reflection and reflect that shape on the Vertical Axis. Similarly, reflect the new shape formed and this is how we will get all the four shapes.

3D Box in Adobe Illustrator

Step 7

Now add some detailing to the 3D Box.

3D Box in Adobe Illustrator

So this is how you can make 3D box in Adobe Illustrator.

Practice this tutorial and share your views in the comment section. Also share this tutorial with others.

Share:

How to create Line Web Background in Adobe Illustrator?


Line Web Background in Adobe Illustrator

In today’s tutorial, you will learn to create a Line Web Background in Adobe Illustrator. Tools which will be used are Rectangle Tool, Pen Tool, Drop Shadow Effect and few other tools.

Line Web Background in Adobe Illustrator

Launch Adobe Illustrator and create a new document with RGB color mode. Now follow the below steps:

Step 1

Select the Rectangle Tool from the Tool Panel and draw a rectangle same as the size of the artboard.
Fill the rectangle with color #e6e9ee and turn off the Stroke color.

Line Web Background in Adobe Illustrator

Press Ctrl + 2 to lock the background.

Step 2

 Now select the Pen Tool from the Tool Panel. Press Shift + X to Swap Fill and Stroke. Change the Stroke Color to #cdd5e0. Now draw random lines on the artboard and increase the stroke size to 20 pt.

Line Web Background in Adobe Illustrator

Step 3

Now select all the strokes and click on Object in the Menu Bar. Then select Expand and a dialogue box will pop on the artboard. In that dialogue box, click OK.

Line Web Background in Adobe Illustrator

Line Web Background in Adobe Illustrator

Step 4

After expanding the strokes, select few lines randomly and go to the Pathfinder Panel. In the Pathfinder Panel, click on Unite to add the select lines with each other forming a compound path.

Line Web Background in Adobe Illustrator

Line Web Background in Adobe Illustrator

Similarly, Unite the remaining lines.

Line Web Background in Adobe Illustrator

With the help of Direct Selection Tool, make the edges of the inner shapes round as shown in the below images.

Line Web Background in Adobe Illustrator

Line Web Background in Adobe Illustrator

Step 5

Now we have two layers of Compound Paths. Select one layer and click on Effect in the Menu Bar. Place the cursor on Stylize and select Drop Shadow.

Line Web Background in Adobe Illustrator

In the Drop Shadow box, set the blend to Normal and then set the positions of X offset and Y offset. Also reduce the Opacity.

Line Web Background in Adobe Illustrator

We will again apply the Drop Shadow Effect on the same layer. When you will select Drop Shadow Effect in the Menu Bar, a dialogue box will appear to confirm whether you want to apply a new effect or you want to edit the applied effect. In that dialogue box, you will click on Apply New Effect.

The color of the shadow is white and the opacity is 100%.

Line Web Background in Adobe Illustrator

Now we will apply the Drop Shadow Effect third time on the same layer.

Line Web Background in Adobe Illustrator

Step 6

Similarly, apply the same effect on another layer of the compound path.

Line Web Background in Adobe Illustrator

Step 7

Select the Rectangle Tool and draw a rectangle on the artboard. Fill the rectangle with a gradient and then open the Transparency Panel and set the Blend to Soft Light.

Line Web Background in Adobe Illustrator

So this is how you can create an abstract background in Adobe Illustrator.

Line Web Background in Adobe Illustrator

Practice this tutorial of Line Web Background in Adobe Illustrator and share your views in the comment section. Also share this tutorial with others.

Share:

How to make 3D Impossible Heart Shape in Adobe Illustrator?


3D Impossible Heart Shape in Adobe Illustrator

Today we will make 3D Impossible Heart Shape in Adobe Illustrator. We will draw a heart shape and then will make few copies of it. We will adjust the copies and with the help of Pathfinder Panel and Shape Builder Tool we will make 3D Impossible Heart Shape in Adobe Illustrator.

3D Impossible Heart Shape in Adobe Illustrator

Launch Adobe Illustrator and create a new document. Now follow the below steps:

Step 1

Select the Pen Tool or Pencil Tool and draw a heart shape on the artboard. If you are not familiar with the tools then you must click on the below link to learn to draw the heart shape.


3D Impossible Heart Shape in Adobe Illustrator

Step 2

Now select the heart shape and press and hold the Alt key. Now drag the selection towards left and place the duplicate copy of the heart shape same as shown in the below image.

3D Impossible Heart Shape in Adobe Illustrator

Step 3

Similarly, create another duplicate copy and place it on the right side as shown in the below image.

3D Impossible Heart Shape in Adobe Illustrator

Step 4

Now make two more duplicate copies of the heart and place them with the other hearts in the way as shown in the below image.

3D Impossible Heart Shape in Adobe Illustrator

Step 5

Select all the heart shapes and go to the Pathfinder Panel. In Pathfinder Panel, select Divide and then Ungroup the selection by pressing Shift + Ctrl + G.

3D Impossible Heart Shape in Adobe Illustrator

3D Impossible Heart Shape in Adobe Illustrator

Step 6

Let all the paths on the artboard be selected. Now select the Shape Builder Tool from the Tool Panel and start adding the paths to make 3D Impossible Heart Shape in Adobe Illustrator.

3D Impossible Heart Shape in Adobe Illustrator

3D Impossible Heart Shape in Adobe Illustrator

3D Impossible Heart Shape in Adobe Illustrator

3D Impossible Heart Shape in Adobe Illustrator

Step 7

The shapes are not smooth and perfect after adding the paths. So to make them smooth and perfect you can use either Direct Selection Tool or Curvature Tool.

After using the mentioned tools and smoothing the paths, the 3D Impossible Heart Shape will look like this-

3D Impossible Heart Shape in Adobe Illustrator

Color Time

Now fill your 3D Impossible Heart Shape with a red gradient and select a golden gradient for the strokes.

3D Impossible Heart Shape in Adobe Illustrator

Practice Time

Now practice this tutorial and show your creativity. Share this tutorial with others and also share your views in the comment section.

Share:

Follow by Email

Search This Blog

Translate