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 Sunburst Lines Text Effect in Adobe Illustrator?


Sunburst Lines Text Effect in Adobe Illustrator

Today we will create Sunburst Lines Text Effect in Adobe Illustrator. This effect is easy to create and helps in making the text stands out. We will use the Pen Tool, Transform Effect, Pathfinder Panel, Type Tool, Wrap Effect and Erase Tool to create this effect.

Sunburst Lines Text Effect 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 vertical straight line at the centre of the artboard. Turn off the fill color for the line drawn.

Sunburst Lines Text Effect in Adobe Illustrator

Select the stroke line and increase the Stroke Weight.

Sunburst Lines Text Effect in Adobe Illustrator

Step 2

Make sure that the line stroke is selected and then click on Effect in the Menu Bar. Place the cursor on Distort & Transform and select Transform.

Sunburst Lines Text Effect in Adobe Illustrator

When you will click on Transform, Transform Effect dialogue box will appear on the artboard. In that dialogue box, put checkmark on Preview and then set the Angle of rotation. Now enter the number of Copies you required and then click on OK.

Sunburst Lines Text Effect in Adobe Illustrator

Step 3

Now select the original stroke line and click on Object in the Menu Bar. Select Expand Appearance to convert the effect into paths.

Sunburst Lines Text Effect in Adobe Illustrator

Sunburst Lines Text Effect in Adobe Illustrator

Let all the strokes be selected and press Shift + Ctrl + G to Ungroup them.

Step 4

Now select the Type Tool from the Tool Panel and type the text. Arrange the text as shown in the image below-

Sunburst Lines Text Effect in Adobe Illustrator

Now click on Effect in the Menu Bar but before that make sure that the text is selected. Place the cursor on Wrap and select Rise.

Sunburst Lines Text Effect in Adobe Illustrator

Horizontally Blend the text in the Wrap Option dialogue box and click OK.

Sunburst Lines Text Effect in Adobe Illustrator

Select the text and Expand Appearance to make it an editable text.

Sunburst Lines Text Effect in Adobe Illustrator

Step 5

Now place the text at the center of the group of lines.

Sunburst Lines Text Effect in Adobe Illustrator

Press Ctrl + C to copy the text.

Again click on Object in the Menu Bar. Place the cursor on Path and click on Offset Path.

Sunburst Lines Text Effect in Adobe Illustrator

Now enter the value of Offset and click OK.

Sunburst Lines Text Effect in Adobe Illustrator

Step 6

Press Ctrl + Shift + F9 to open the Pathfinder Panel.

Select the text and the offset path created and click on Unite in the Pathfinder Panel.

Sunburst Lines Text Effect in Adobe Illustrator

Then press Ctrl + A to select all the layers and click on Outline in the Pathfinder Panel.

Sunburst Lines Text Effect in Adobe Illustrator

Sunburst Lines Text Effect in Adobe Illustrator

Press Shift + Ctrl + G to ungroup the selection.

Step 7

Now select all the black lines visible on the artboard and hit backspace to remove them.

Sunburst Lines Text Effect in Adobe Illustrator

Sunburst Lines Text Effect in Adobe Illustrator

After removing the visible lines, press Ctrl + A to select those lines which are not visible on the artboard.

Sunburst Lines Text Effect in Adobe Illustrator

Select a Stroke color for these lines and increase the Stroke Weight. Also change the caps of the lines to Round Caps.

Sunburst Lines Text Effect in Adobe Illustrator

Step 8

Do you remember that we had copied the text in Step 5?

We will now paste that copied text in this step.

Press Shift + Ctrl + V to paste the copied text in place.

Sunburst Lines Text Effect in Adobe Illustrator

Step 9

Select the text and press Ctrl + 2 to lock the layer. Now select all the lines and click on Object in the Menu Bar. Place the cursor on the Transform and select Transform Each.

Sunburst Lines Text Effect in Adobe Illustrator

In the Transform Each dialogue box, set the Horizontal and Vertical Scale vale and put checkmark on Random.

Sunburst Lines Text Effect in Adobe Illustrator

Put checkmark on Preview to check the transformation and then click OK.

Step 10

Now select the Erase Tool from the Tool Panel and erase all the extra paths which are at the center of the artwork. With the help of Erase Tool you can also create gaps between the lines to make the Sunburst Line Text more effective. (See the image below)

Sunburst Lines Text Effect in Adobe Illustrator

This is how you can create Sunburst Lines Text Effect in Adobe Illustrator. You can also change the stroke color and the text color.

Sunburst Lines Text Effect in Adobe Illustrator

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

Share:

How to create Isometric Building in Adobe Illustrator?


Isometric Building in Adobe Illustrator

In today’s tutorial, we will create Isometric Building in Adobe Illustrator with the help of Rectangle Tool, Ellipse Tool, Pen Tool, 3D Effect and Transform Tool.

Isometric Building in Adobe Illustrator

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

Step 1

Select the Ellipse Tool and draw a circle on the artboard.  Fill the circle with #05361c and turn off the stroke color.

Isometric Building in Adobe Illustrator

Step 2

Make sure that the circle is selected and then click on Effect in the Menu Bar. Place the cursor on 3D and selected Extrude and Bevel.

Isometric Building in Adobe Illustrator

3D Extrude & Bevel Options dialogue box will appear on the artboard. In that dialogue box, put checkmark on Preview and then change the position of the selection to Isometric Top.

We are creating the base of the Isometric Building so we will reduce the Extrude for this shape. (See the below image)

Isometric Building in Adobe Illustrator

Step 3

Again select the Ellipse Tool and draw a circle smaller than the circle drawn in Step 1. Turn off the Fill and the stroke color is #ee2a7b.

Isometric Building in Adobe Illustrator

We will apply 3D Extrude & Bevel Effect to this circle also and this time we will increase the Extrude points. (See the below image)

Isometric Building in Adobe Illustrator

Step 4

Now select the Pen Tool from the Tool Panel and turn off the stroke color. The Fill color is #bb6884.
With the help of Pen Tool we will draw the roof of our Isometric Building.

Isometric Building in Adobe Illustrator

Step 5

As created in the above two steps; i.e.; Step 3 and Step 4, we will create a similar floor for the Isometric Building which will be small in size. (See the below image)

Isometric Building in Adobe Illustrator

Now select the Pen Tool and draw a stroke line filled with #ee2a7b. Then draw a sphere above it.

Isometric Building in Adobe Illustrator

Step 6

In this step we will create gates for our Isometric Building.

Select the Rectangle Tool and draw a rectangle same as the size of door you want to create for the Isometric Building.

The color filled in the rectangle is #eccedb.

Isometric Building in Adobe Illustrator

Now select the Direct Selection Tool from the Tool Panel. Press & hold Shift key and select the top two anchor points and drag them towards the center to make the edges round. (See the below image)

Isometric Building in Adobe Illustrator

Now select the Pen Tool and draw a curve shape stroke as shown in the below image.

Then select the curve shape stroke and the door shape and click on the Shape Builder Tool in the Tool Panel. Press & hold Alt key and click on the area of the door shape which is below the curved shape stroke. This will remove that part of the shape. Later on remove the curved shape stroke also.

Isometric Building in Adobe Illustrator

Isometric Building in Adobe Illustrator

Isometric Building in Adobe Illustrator

Now select the door shape and press Ctrl + C to copy it and press Ctrl + B to paste it at the back. Change the fill color of the shape pasted at the back to #c76d92. Then drag the shape pasted at the back slightly towards left to create an effect.

Isometric Building in Adobe Illustrator

Create a duplicate copy of the door and reduce its size. Then place it on the top floor of the Isometric Building.

Isometric Building in Adobe Illustrator

Step 7

In this step the windows will created. The process of creating the windows is similar to the process followed in the above step. But for creating the door we have used Rectangle Tool and for the windows we will use Ellipse Tool.

Isometric Building in Adobe Illustrator

Select both the shapes of the window and press Ctrl + G to group them.

Now let the window be selected and press Shift + Ctrl + M to open the Move dialogue box.

In that dialogue box, set the position of Vertical move to 30 pt and click on Copy.

Isometric Building in Adobe Illustrator

Press Ctrl + D to create more copies of the window.

Isometric Building in Adobe Illustrator

This is how you can create an Isometric Building 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