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 Overlapping Pattern in Adobe Illustrator?

Overlapping Pattern in Adobe Illustrator

In today’s tutorial you will learn to create Overlapping Pattern in Adobe Illustrator. A wise use of Transform Effect will help in creating this pattern.

We will use Pen Tool and Transform Effect to create this pattern.

How to create Overlapping Pattern in Adobe Illustrator?

Launch Adobe Illustrator and create a new document of size 500 pt X 500 pt. Now follow the below steps:

Step 1

Press Ctrl + “ to Show Grid on the artboard and then press Shift + Ctrl + “ to activate Snap to Grid.

How to create Overlapping Pattern in Adobe Illustrator?

Step 2

Select Pen Tool and turn off the Fill color. Then draw lines as shown in the below image. Grid will help in drawing the lines properly.

How to create Overlapping Pattern in Adobe Illustrator?

Now press Ctrl + “ to Hide Grid on the artboard and then press Shift + Ctrl + “ to deactivate Snap to Grid.

Step 3

Select all the lines and increase the Stroke Weight.

How to create Overlapping Pattern in Adobe Illustrator?

Let all the lines be selected and click on Object in the Menu Bar. Then click on Expand.

How to create Overlapping Pattern in Adobe Illustrator?

How to create Overlapping Pattern in Adobe Illustrator?

Now press Ctrl + 8 to make the selection a Compound Path.

Step 4

Select the Compound Path created and click on Effect in the Menu Bar. Place the cursor on Distort & Transform and select Transform.

How to create Overlapping Pattern in Adobe Illustrator?

In the Transform Effect dialogue box, put checkmark on Preview and then enter value 1 in the Copies column.

Now put checkmark on Reflect Y and set the Horizontal Move value. (See the below image)

How to create Overlapping Pattern in Adobe Illustrator?

After making the required changes, click OK.

Step 5

Again apply the Transform Effect to the selection. This time when you will select the Transform Effect, a dialogue box will appear on the artboard. In that dialogue box, select Apply New Effect.

How to create Overlapping Pattern in Adobe Illustrator?

When you will click on Apply New Effect, Transform Effect dialogue box will appear on the artboard.

In that dialogue box, put checkmark on Preview and set the number of Copies as 1. Then set the Vertical Move value and put checkmark on both Reflect X and Reflect Y.

How to create Overlapping Pattern in Adobe Illustrator?

Step 6

Let the paths be selected and click on Object and then select Expand Appearance.

How to create Overlapping Pattern in Adobe Illustrator?

Now save the selected lines as pattern in the Swatches Panel. Then select the Rectangle tool and draw a rectangle on the artboard and fill it with the saved pattern.

Click on the below link to learn how to save the pattern in Swatches Panel-

https://www.vividesigning.com/2019/05/how-to-save-swatches-in-adobe.html

 How to create Overlapping Pattern in Adobe Illustrator?

This is how you can create Overlapping Pattern in Adobe Illustrator.

Practice this tutorial and subscribe to the website to receive updates regarding new tutorials.

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

Share:

How to create Golden Text Effect in Adobe Illustrator?

 How to create Golden Text Effect in Adobe Illustrator?

If you are a regular visitor of this website then you must know that we had created Golden Logo and Golden Gradient earlier.

Today we will create Golden Text Effect in Adobe Illustrator with the help of Type Tool, Gradient Tool, Appearance Panel and Transform Effect.

How to create Golden Text Effect in Adobe Illustrator?

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

Step 1

Select the Type Tool and type your text on the artboard.

How to create Golden Text Effect in Adobe Illustrator?

Step 2

In this step we will fill our text with a gradient.

To learn how to fill text with gradient in Adobe Illustrator visit the below mentioned link-

https://www.vividesigning.com/2019/07/how-to-fill-text-with-gradient-in-adobe.html 

Select the text and turn off its fill color. Then open the Appearance Panel (Shift + F6) and click on Add New Fill.

How to create Golden Text Effect in Adobe Illustrator?

Now select the new fill layer in the Appearance Panel and fill it with a gradient. You can use preset gradients or create a new one.

How to create Golden Text Effect in Adobe Illustrator?

How to create Golden Text Effect in Adobe Illustrator?

Step 3

Again click on Add New Fill in the Appearance Panel and change the fill color to #f9d232.

How to create Golden Text Effect in Adobe Illustrator?

Let this layer be selected and click on Add New Effect in the Appearance Panel. Place the cursor on Distort and Transform and then select Transform.

How to create Golden Text Effect in Adobe Illustrator?

How to create Golden Text Effect in Adobe Illustrator?

In the Transform Effect dialogue box, put checkmark on Preview and then set Horizontal and Vertical Move at -2 pt. Check the preview and then click OK.

How to create Golden Text Effect in Adobe Illustrator?

Step 4

Again add a New Fill layer in the Appearance Panel and fill it will another gradient.

How to create Golden Text Effect in Adobe Illustrator?

How to create Golden Text Effect in Adobe Illustrator?

Now apply Transform Effect to this layer and in the Transform Effect dialogue box, first put check mark on Preview and then increase the number of copies. Also set the Horizontal and Vertical Move to -1 pt.

How to create Golden Text Effect in Adobe Illustrator?

So this is how you can create Golden Text Effect in Adobe Illustrator.

How to create Golden Text Effect in Adobe Illustrator?

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

If you have any query you can mail us at designvivi1@gmail.com.

Share:

How to create Celtic Knots in Adobe Illustrator?

Celtic Knots in Adobe Illustrator

Celtic Knots are complete loop with no starting and ending point. Therefore, it represents eternity.

They are graphical representation of knots which we will learn in today’s tutorial. We will use Ellipse Tool, Pen Tool, Shape Builder Tool and few other tools.

How to create Celtic Knots in Adobe Illustrator?

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

Step 1

Select the Ellipse Tool and draw a circle on the artboard. Turn off the Fill color and select the Stroke Color.

How to create Celtic Knots in Adobe Illustrator?

Now open the Stroke Panel and select Align Stroke to Inside. Then increase the Stroke Weight.

How to create Celtic Knots in Adobe Illustrator?

Step 2

Select the circle and press & hold Alt key. Now drag the circle towards right and place in such a manner that the left anchor point of the circle touches the center point of the previous circle.

Make sure both the circles are properly aligned.

How to create Celtic Knots in Adobe Illustrator?

Step 3

Select both the circle and with the help of Alt key create duplicate circles and place them as shown in the below image.

How to create Celtic Knots in Adobe Illustrator?

Step 4

Select the Pen Tool and press & hold Shift key. Then click on the left anchor point of the upper circle and while drawing a straight line click on the left anchor point of the lower circle.

How to create Celtic Knots in Adobe Illustrator?

Similarly draw a straight line on the right side.

How to create Celtic Knots in Adobe Illustrator?

Select all the shapes and press Ctrl + G to Group them.

Step 5

Select the group and click on Object in the Menu Bar. Place the cursor on Transform and select Rotate.

How to create Celtic Knots in Adobe Illustrator?

In the Rotate dialogue box, set the angle to 900 and click on Copy.

How to create Celtic Knots in Adobe Illustrator?

How to create Celtic Knots in Adobe Illustrator?

Step 6

Select all the shapes and click on Object in the Menu Bar. Then click on Expand.

How to create Celtic Knots in Adobe Illustrator?

How to create Celtic Knots in Adobe Illustrator?

Step 7

Let all the paths be selected and click on Shape Builder Tool in the Tool Panel. With the help of Shape Builder Tool we will remove the unwanted paths and will merge the remaining paths while creating overlapping and under lapping paths.

After selecting the Shape Builder Tool, press & hold Alt key and remove the paths which are at the corner. (See the below image)

NOTE: You may also use a reference image to help in deleting and merging paths.

How to create Celtic Knots in Adobe Illustrator?

Step 8

Now select the Selection Tool and rotate the whole selection to 900 angles.

How to create Celtic Knots in Adobe Illustrator?

Again select the Shape Builder Tool and start merging the paths.

How to create Celtic Knots in Adobe Illustrator?

How to create Celtic Knots in Adobe Illustrator?

How to create Celtic Knots in Adobe Illustrator?

How to create Celtic Knots in Adobe Illustrator?

In this way create overlapping and under lapping paths by merging the shapes.

How to create Celtic Knots in Adobe Illustrator?

 Step 9

Select all the shapes and press Ctrl + 8 to make it a Compound Path. Then with the help of Alt key make a duplicate copy of the shape.

Select that duplicate copy and press Shift + X to swap the Fill and Stroke. Then increase the Stroke Width and expand the shapes. Open the Pathfinder Panel and click on Unite to create a compound shape.

How to create Celtic Knots in Adobe Illustrator?

How to create Celtic Knots in Adobe Illustrator?

How to create Celtic Knots in Adobe Illustrator?

Now place this compound shape over the original shape with the help of Align Panel. Select both the compound shapes and then click on Minus Front in the Pathfinder Panel.

How to create Celtic Knots in Adobe Illustrator?

How to create Celtic Knots in Adobe Illustrator?

This is how you can create Celtic Knots in Adobe Illustrator.

How to create Celtic Knots in Adobe Illustrator?

Share your views in the comment section and also share this tutorial with others.

Share:

Follow by Email

Search This Blog

Translate