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 create Vortex in Adobe Illustrator?

Vortex in Adobe Illustrator

In today’s tutorial we will create Vortex in Adobe Illustrator with the help of Pen Tool, Ellipse Tool, 3D Revolve Effect and few other tools and effects.

How to create Vortex in Adobe Illustrator?

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

Step 1

Select the Pen Tool and draw few straight lines on the artboard as shown in the below image. Turn off the Fill color for the lines.

How to create Vortex in Adobe Illustrator?

Select all the lines and change their Width Profile.

How to create Vortex in Adobe Illustrator?

Step 2

Let the lines be selected and click on Object in the Menu Bar. Place the cursor on Path and select Outline Stroke.

How to create Vortex in Adobe Illustrator?

Now change the Fill color of the lines to #a9ddf3 and save them as a Symbol.

To save these lines as Symbol, open the Symbols Panel and drag these lines into the panel. When you will release the right click, Symbol Options dialogue box will appear on the artboard. In that dialogue box you can give a name to your symbol and then click OK.

How to create Vortex in Adobe Illustrator?

Step 3

Now select the Ellipse Tool and draw a circle on the artboard.

How to create Vortex in Adobe Illustrator?

Now select the Pen Tool and draw a rectangle covering the bottom left quarter of the circle. (See the image below)

How to create Vortex in Adobe Illustrator?

Now select both the shapes and pres Shift + Ctrl + F9 to open the Pathfinder Panel. In the Pathfinder Panel, select Intersect.

How to create Vortex in Adobe Illustrator?

How to create Vortex in Adobe Illustrator?

Step 4

Select the shape produced and click on Effect in the Menu Bar. Place the cursor on 3D and select Revolve.

How to create Vortex in Adobe Illustrator?

When you will click on Revolve, 3D Revolve Options dialogue box will appear on the artboard. In that dialogue box, put checkmark on Preview and then manually set the position of your Vortex.

How to create Vortex in Adobe Illustrator?

Now click on Map Art button to open the Map Art dialogue box. In that dialogue box, select the Vortex surface and then click on drop down button to select your symbol.

How to create Vortex in Adobe Illustrator?

Now click on Scale to Fit button and put checkmark on Invisible Geometry.

How to create Vortex in Adobe Illustrator?

Check the Preview and click OK.

Step 5

Now select the Rectangle Tool and draw a rectangle covering the artboard. Press Shift + Ctrl + [ to send the rectangle at the back and fill the rectangle with a radial gradient.

How to create Vortex in Adobe Illustrator?

This is how you can create Vortex in Adobe Illustrator. If you wish you can add more lines in your Vortex manually with the help of Pen Tool or Ellipse Tool.

How to create Vortex in Adobe Illustrator?

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

Share:

How to make Realistic Eye Lens in Adobe Illustrator?

Realistic Eye Lens in Adobe Illustrator

Today we will make a Realistic Eye Lens in Adobe Illustrator with the help of Ellipse Tool, Pen Tool, Transform Effect and few other tools and effects.

This tutorial will help you in making a Realistic Eye Lens which can be used while making a portrait to give it a real effect.

How to make Realistic Eye Lens in Adobe Illustrator?


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

Step 1

Select the Pen Tool and draw a straight line on the artboard. Turn off the fill color for the straight line and then increase the Stroke Weight.

How to make Realistic Eye Lens in Adobe Illustrator?

Let the straight line be selected and change the stroke profile. (See the image below)

How to make Realistic Eye Lens in Adobe Illustrator?

Step 2

Select the line and click on Object in the Menu Bar. Place the cursor on Transform and select Rotate. A dialogue box will appear on the artboard. In that dialogue box set the Angle of Rotation and click on Copy. Then press Ctrl + D several times to repeat the rotation.

How to make Realistic Eye Lens in Adobe Illustrator?

How to make Realistic Eye Lens in Adobe Illustrator?

How to make Realistic Eye Lens in Adobe Illustrator?

Select all the lines and press Ctrl + G to group them.

Step 3

Now change the stroke color.

How to make Realistic Eye Lens in Adobe Illustrator?

Select all the lines and click on Effect in the Menu Bar. Place the cursor on Distort and Transform and select Zig Zag.

How to make Realistic Eye Lens in Adobe Illustrator?

In the Zig Zag dialogue box, set the points to Smooth and increase the Size. Check the Preview and click OK.

How to make Realistic Eye Lens in Adobe Illustrator?

Step 4

Now select the group and press Ctrl + C to copy and Ctrl + F to paste in front. Again change the stroke color and open the Appearance Panel (Shift + F6).

In the Appearance Panel click on Zig Zag layer to open the Zig Zag dialogue box. Now you can edit the effect. Make changes in the Size and click OK.

How to make Realistic Eye Lens in Adobe Illustrator?

How to make Realistic Eye Lens in Adobe Illustrator?

Step 5

Now repeat Step 4 three to four times and each time changes the stroke color and Size of the Zig Zag effect.

How to make Realistic Eye Lens in Adobe Illustrator?

Press Ctrl + A to select all the groups and then click on Object in the Menu Bar and select Expand Appearance.

How to make Realistic Eye Lens in Adobe Illustrator?

Now Ungroup (Shift + Ctrl + G) the whole selection two times.

Step 6

Let all the layers be selected and press Alt + Shift + Ctrl + D to open the Transform Each dialogue box.

In that dialogue box, put checkmark on Preview and then set the Horizontal and Vertical Scale. Also set the Angle and put checkmark on Random.

How to make Realistic Eye Lens in Adobe Illustrator?

How to make Realistic Eye Lens in Adobe Illustrator?

Step 7

Select the Ellipse Tool and draw a circle covering the lines. Fill the circle with color # 000000.

How to make Realistic Eye Lens in Adobe Illustrator?

Let the circle be selected and change its blending mode to Screen.

How to make Realistic Eye Lens in Adobe Illustrator?

Step 8

Again select the Ellipse Tool and draw a small circle at the center.

How to make Realistic Eye Lens in Adobe Illustrator?

Now draw a very small circle and fill it with color #ffffff. Place this circle at the top left side of the inner circle and also apply Gaussian Blur to it.

Effect > Blur > Gaussian Blur

How to make Realistic Eye Lens in Adobe Illustrator?

Step 9

Now draw another circle same as the size of the larger circle and fill the circle with black and white gradient. Double click on the Gradient Tool to open the Gradient Panel.

In the Gradient Panel, change the Gradient Type to Radial and move the white color slider near the black color slider and change their opacity.

How to make Realistic Eye Lens in Adobe Illustrator?

Step 10

Select the Rectangle Tool and draw a small rectangle filled with color #ffffff. Apply the Arc Wrap and Gaussian Blur to the rectangle and place it as shown in the below image.

Effect > Wrap > Arc

How to make Realistic Eye Lens in Adobe Illustrator?

This is how you can make Realistic Eye Lens in Adobe Illustrator. Practice this tutorial and share your views in the comment section. Also share this tutorial with others.

 


Share:

How to make Line Distort Text Effect in Adobe illustrator?

Line Distort Text Effect in Adobe illustrator

In today’s tutorial, we will make Line Distort Text Effect with the help of Pen Tool, Add Anchor Point Tool, Type Tool and Direct Selection Tool.

How to make Line Distort Text Effect in Adobe illustrator?

Launch Adobe Illustrator and create a new document. Now follow the below steps to make the Line Distort Text Effect-

 Step 1

Select the Pen Tool and turn off the Fill color. Now draw a straight line at the top of the artboard and increase the Stroke Weight.

How to make Line Distort Text Effect in Adobe illustrator?

Step 2

With the help of Selection Tool select the straight line drawn. Now press and hold Alt key and drag the selection to create a duplicate copy of it. Then press Ctrl + D; to repeat the transformation; as many times as the whole artboard is filled with the lines.

How to make Line Distort Text Effect in Adobe illustrator?

Step 3

Press Ctrl + A to select all the lines and then reduce their opacity.

How to make Line Distort Text Effect in Adobe illustrator?

Step 4

Select the Type Tool from the Tool Panel and type a letter. Increase the size of the letter and place it on the artboard.

How to make Line Distort Text Effect in Adobe illustrator?

Step 5

Let the letter be selected and press Shift + Ctrl + O to make the letter editable.

How to make Line Distort Text Effect in Adobe illustrator?

Now press Shift + X to Swap Fill and Stroke. After swapping the Fill and Stroke, increase the Stroke Weight.

How to make Line Distort Text Effect in Adobe illustrator?

Now click on the Object in the Menu Bar and place the cursor on Path and select Outline Stroke.

How to make Line Distort Text Effect in Adobe illustrator?

How to make Line Distort Text Effect in Adobe illustrator?

Again press Shift + X to Swap Fill and Stroke. And then press Ctrl + 2 to lock the text layer.

How to make Line Distort Text Effect in Adobe illustrator?

Step 6

Now select the Add Anchor Point Tool from the Tool Panel and click where the line and the letter are intersecting. (See the image below)

We will add anchor points on the lines forming the letter.

How to make Line Distort Text Effect in Adobe illustrator?

Step 7

Now select the Direct Selection Tool from the Tool Panel. Press and hold Shift key and select the lines which are inside the letters. (The lines to be selected has been marked with red in the below image)

How to make Line Distort Text Effect in Adobe illustrator?

Step 8

After selecting the lines, drag them little upwards and you will see the lines forming the shape of your letter.

How to make Line Distort Text Effect in Adobe illustrator?

Now hide/remove the text layer and increase the opacity of the lines.

How to make Line Distort Text Effect in Adobe illustrator?

This is how you can make Line Distort Text Effect in Adobe Illustrator. You can add background and change the stroke color to make your art more attractive.

How to make Line Distort Text Effect in Adobe illustrator?

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

Share:

Follow by Email

Search This Blog

Translate