Here’s how to draw using Illustrator a shape with lines joined from the inside, known as a pentagram or five-side star, as shown below. Basically, there are different techniques for drawing this shape. Here, we show only one method. To see other methods, please visit here .

Step 1. Create a Line

• Get the line segment tool (L) from the tool menu

• Open a dialog with one click anywhere on the artboard, then,
• Enter the angle value as 360/5. And close the dialog box by confirming

Step 2. Create five copies of the line

• Make sure the line you created in the previous step is selected and then
• Get the rotate tool ( 1 ) from the tool menu afterward
• Keeping the ATL/OPT key pressed on the inner middle right part of the line, left-click the mouse ( 2 )

• Create 1 copy by entering the angle value 360/5 in the dialog window that opens.
• Make 3 more copies with CTRL/CMD + D. You should have a shape with an intersection at the ends like the one below.

Step 3. Connect the star ends

• Pick up the join tool from the tool menu

• Connect the star ends by holding down the left mouse click as shown below

Your Pentagram star is completed. Have fun

Akif Kutlu 

The post How to draw a pentagram star in illustrator appeared first on Illustrator Tutorials.

Step 1. Create a new document

As in many projects, let’s create a new document with “File> new“. Artboard dimensions should be larger than 200 x 200. I also recommend that you turn off the “View> Snap to pixel” feature. Sometimes it can cause problems in catching points or combining objects.

Step 2. Draw a rectangle

• Go to the tools panel.
• Pick up the rectangle tool.

• Go back to the artboard and one-click somewhere. Do not draw on the fly. One-click on the artboard will open the rectangle tool dialog box.
• Type 100 px for the widht and 120 for the heigh
• Hit Ok

• Fill rectangle with black color and remove stroke if any.

Step 3. Form Rectangle for the bell icon

• Pick up the Direct Selection Tool (A) from the tools panel.
• Select the Upper two anchor points of the rectangle
• To round the corners of a shape, while the anchor points are still selected, click and drag one of the corner handles (the blue dots inside the corners of the shape).

• If not Turn on rulers with CTRL + R
• Go inside of the top ruler. Drag a guide from the ruler and drop it to the bottom corner of the rectangle.

• Pick up Direct Selection tool (A)
• Select the Guide and
• Reposition it by typing – 30 in the Y value at the Anchor point control panel
• Hit Ok. This will place the guide 30 px up from the bottom of the rectangle

• Now pick up the selection tool (v) and select only the black shape
• Goto to Tools panel and long click the pen icon to pick up add anchor point tool
• Add two extra anchor points to the path of the shape at the intersections of the guide.

• You can delete the guide at this point. you do not need it anymore.
• Pick up two anchor points at the bottom of the shape using Direct selection tool (A)
• Go to the Tools panel and double-click Scale Tool (1)
• Select non-uniform (2) in the dialog box and
• Type 200% for the horizontal value (3)

• While bottom anchor points selected give the 8 px for corners value

• It is time to select two extra anchor points that we have just created, using Direct Selection Tool (A)
• Goto control panel and Give the corner round value as 30 px

We have creted the outer shape of the bell now.

Step 4: Create handle and Clapper

You can use different shapes for the handle and Clapper. I will keep it simple and draw two circles for handle and clapper. The final shape would look like this:

Download Now!

The bell icon here is in PNG file format. you can download it for free and use it in your projects if you like.

If you still want more information about how to draw the bell icon, you can watch my youtube video below. Please do not forget to subscribe to my youtube channel. Thanks for being here,

Akif Kutlu

The post How to create a youtube notification bell icon in illustrator ( free download ) appeared first on Illustrator Tutorials.

3d road vector drawing using illustrator

In This tutorial, we will draw one point perspective road vector using illustrator cc. The simple way is to apply multiple strokes to a path. Let’s get started.

illustrator perspective road design consists of the following steps:

Step 1. Create a new document

• Create a new document in the size you want. I created a 1920 × 1080 px RGB Artboard

Step 2. Create a line

• Select the Line Segment Tool on the Tools Panel.
• Specify the middle of the document as the line starting point. When you drag the cursor towards the middle of the document, smart guides will appear. If it is not active, you can activate it with CTRL / CMD + U

• Click on the document center to open the dialog box for the Line segment tool.
• Create a 540px long and 270 ° angle line

Step 3. Add new stroke

• Make sure the line you created is selected
• Open the appearance panel
• Add 3 new strokes by clicking the lower-left corner of the panel

• Adjust the thickness and properties of the strokes you add. To open the Stroke panel, simply click the underlined “stroke” phrase on the Appearance panel.

Edit the properties of the stroke as indicated in the picture. (Do not forget to make the first stroke dashed, this will create the dashed line on the road)

Step 4. Expand the strokes you created

• Adding extra strokes in the illustrator is counted as an effect. So use ” Object / Expand appearance ” to expand it.
• This command makes the strokes we created separate paths. It generates 4 paths in grouped form. However, the perspective effects cannot be given since they are still paths. That’s why,
• Convert your paths to shapes with the Object / Expand command. The expand command opens a dialog window. In the window that opens, just expand the Strokes only.

Step 5. Creating a perspective effect

• Make sure the objects you created are selected.
• Select the Free Transform tool (E) on the tool panel and then the Perspective Distort tool.

• Click the left or right lower corner of the selected object. Shift left or right according to the corner of your choice.

• If you wish, you can create a curved road with Envelop Distort . Run the Object / Envelop Distort / make with warp command
• select from the pop-up dialog box as Archer.
• Click vertical option and make the adjustments you want from the preview by checking the preview option

I hope you enjoy it. Do not forget to leave a comment down below.

Akif Kutlu

The post How to draw perspective road vector in illustrator appeared first on Illustrator Tutorials.

Step 1. create the shape

• For the neon effect, it is necessary to create a black background first. The black background makes the effect appear clear. Create a canvas-sized rectangle for the black background. After that, place it to cover the work area and lock it with the ” object> Lock ” command while the rectangle is selected.

• Create a circle  400 x 400 px dimensions and stroke weight of 20 pt .

Step 2. Define the base color

• If the circle you create has a fill color, delete it. Set the stroke color to RGB Magenta (magenta purple).

• Double click the RGB magenta color tile to make a global color definition. Check the global box in the swatch options dialog box.

You define the color as “global” because you can then easily change the color of the circle using that color’s tints.

If you define a color as global, a white triangle appears in the lower right corner of the color box. This triangle mark shows on the base color and all of its tints. To see which tints are set as global, simply use the Window > Color Guide panel.

Step 3. Apply Effects

The color tints of the magenta color should be selected from the global tones in the ” color guide ” panel. Therefore, ” appearance panel ” and ” color guide panel ” should be open in the workspace .

• Now, make sure the circle you draw is selected. In the appearance panel, you should see a magenta color and 20pt thick stroke. Select it with the mouse (1) and change the color of the stroke with the lightest tone (2) in the color guide panel.

• Apply the 1 px “gaussian blur” effect to the selected line using the “fx” icon in the Appeararence panel.

The “gaussian blur” effect should appear under the stroke line, as seen in the appearance panel below.

• Create 3 copies of “stroke with gaussian blur”. You can copy it by dragging the stroke with ALT + Left mouse button and dropping just below it.

Change the created stroke thicknesses to 30, 50 and 70. Choose the colors below in the color guide panel.

• Finally change the “Gaussian blur” effect values for each stroke.

> Gaussian blur value for Stroke 20: 1
> Gaussian blur value for Stroke 30 Value: 5
> Gaussian blur value for Stroke 50: 15
> Gaussian blur value for Stroke 70: 85

You should have a drawing like the one below.

As you can see, the resulting brightness effect is terminated in a square shape. This view is due to the border that the illustrator software applies around objects while creating a raster effect. To increase the limit, open the dialog box with effect> raster effect settings . Increase the pixel value in the window. I changed it to 160. 

The result is:

You can apply the neon effect to text in the same way,

Don’t forget to comment and share. Have a good time.

Prof. Dr. Akif Kutlu

The post How to create editable neon text effect in illustrator appeared first on Illustrator Tutorials.

The main objectives are:

• Drawing star and crescent shapes
• Creating wavy background
• Copying star and crescent to background
• Making some improvements. And conclusion

How to make a wavy flag in illustrator

Drawing star and Crescent

• Draw two circles and a star. Make sure the small circle (2) should be in front of other circle (circle 1).  If you draw circles using the ellipse tool use ALT/OPT  + Shift key to make a perfect circle. You can also give dimensions by clicking on the artboard using the ellipse tool (L).
• Use the  Star tool to draw a star and make a perfect star with ALT/OPT key on the keyboard.
• Select both circles (1 and 2) open Pathfinder panel ( CTRL + SHIFT + F9) and apply minus front command. This will create a crescent shape.
• Select all objects on the artboard using CTRL/CMD + A make fill color white with no stroke. Crescent and star shapes are ready.
• While the shapes are selected, drag them using left mouse click and drop them in the symbol palette. You don’t need to make any changes in the Symbol Options dialog window.
• Hit Ok.
• If you see your shape in the symbol palette you can delete the objects in the artboard.

Creating a wavy background

• Create a vertical line in the artboard. Make stroke length 1 pt. stroke color Red and remove fill color if any. The length of the line I draw is 200 px.
• select the line and apply  Effect > Distort & Transform > Roughen
• When the dialog box opens select %5 size, 4 for Detail, and thick smooth. The wavy shape is created randomly. Therefore you may have a different shape than you see here.

• To make a 3d effect select the line and go to the Effect > 3d > Extrude & Bevel.  
• Give the below values below to make the 3d effect. You can also make your own settings.
• If you want the flag to appear matte, please change the surface option to “diffuse shading“. Before you hit ok make following steps to place your crescent and star shapes on the waved surface.

• Click the Map Art button in the dialog box. As you see a new dialog box will be open.
• Choose the surface to be placed shapes from the top right section. You may have 4 or 5 sections here depends on your line shape.
• select your symbol from the Symbols drop-down menu. Make appropriate modifications of the shape you place at the corners. You can rotate and resize the shape.
• check thick box of the  Shade artwork to apply tints and shades of the surface to the symbol you placed.

If you applied the steps above you should have a similar image of the below vector.

Applying perspective to flag

• create a rectangle to cover Crescent and star shapes. Select them all and go to the Object > Clipping Mask > Make. This will produce a rectangular flag.
• Let’s give a wave effect to the sides of the object to make a more natural look. goto Warp Tool in the tools panel.
• If you double-click the icon Options dialog box opens. You may play with these numbers. I suggest you not to change now.
• You can decrease and increase the size of the tool by holding down the Right mouse button and moving the mouse forward and backward.
• Hold down ALT and Shift keys to make perfect resize. Use this tool to deform the side of the rectangle. I suggest you lock 3d effect applied red line not to accidentally modify with the warp tool.

you should now have a similar shape to this:

Some improvement

• The final step is to use object >Envelop Distort > Make with warp Command. This will make your flag even more natural-looking.
• Select the flag shape from the Style menu in the Warp options panel. You may change the values according to your preview.
• If your crescent and star shapes are not good looking you can change their placement by selecting your red line from the layers panel. Use the appearance panel to modify 3d effect and make changes as we did earlier

This is the final flag vector created:

Thanks for reading.

Your ideas is important. please rate this document below

The post how to make waving flag in illustrator | Turkish Flag appeared first on Illustrator Tutorials.

What is a coil spring?

A coil spring is a mechanical device which stores energy and releases it.  The shape of this device is similar to a metal wire wrapped around a cylinder. Therefore it is sometimes called helical spring. There are many types of springs in mechanical engineering. Here I focused only on the shape of the device and described the steps of drawing coil spring.

How to draw coil spring?

Step 1:  Select the Line Segment Tool (L) and click somewhere in the newly created artboard. When the dialog box open, give the length 200 and 0 (Zero) for angle value. You will have a horizontally aligned line. If required use zoom tool or CTRL + + to zoom in to your new line.

Step 2: while the line is selected run the Zig Zag command. Effect > Distort & Transform > Zig Zag.  Set the size of the effect 50px, Absolute, 4 Ridges per segment and smooth options in the dialog box. Hit Ok if all set.

Step 3: Make stroke thickness 30pt and expand your shape using Object > Expand Appearance. You get the vector like this:

Step 4: Cut the line from anchor points shown below. Use Direct selection tool to select the anchors and run Cut path command as shown.

Step 5: Now select the two paths using Selection Tool (V) and SHIFT + Left mouse button as shown below. Bring them to the front (Object > Arrange > Bring to Front)

Step 6: Select All paths (CTRL/CMD + A) make round cap using stroke panel. Expand your strokes only, going to Object > Expand command.

Step 7: Change the colors of objects as shown. You can choose any color.

The coil spring base shape is ready. Now let’s make a brush from this shape. You need to make sure that when the objects copied sequentially, they should stick together without any gap and should be seamless. Therefore:

Step 8: Crop your coil spring using rectangle tool as shown below. To make precise alignment make sure only the Snap to point is open. Turn off other snaps if open. Select your objects and use Crop command in the Pathfinder panel.

Step 9: drag your final shape using the left mouse button and drop it into the brushes panel.

Choose Pattern Brush from the menu and hit ok.

Step 10: No need to make any other changes in the options panel. Just hit ok.

The brush is ready for use. pick the brush tool and paint the arboard

The post How to draw flat coil spring brush vector in illustrator | free appeared first on Illustrator Tutorials.

Step 1: Create a brand new 1000 X 1000 px artboard.

Step 2: Select the Line Segment tool and click anywhere on the artboard. When the dialog box opens, give 800 px length and 0 (zero) degree angle to create a line.

Step 3: Align this line with the artboard. Align horizontally and vertically centered.

Step 4: While the line is selected, go to the menu bar and choose Effect > Distort & Transform > Twist.

Step 5: In the Twist dialog box, set the angle value to 360 if you want a single turn. if you want 3 turns, set angle value to 360 * 3. And so on.. Here, let’s make 3 turns. And hit ok. Your shape should be like this:

Note that the straight lines of the outer section of the spiral can be smoothed using the Path simplify command. Another way to make smooth lines to give the same effect twice. i.e., instead of making 360 * 4 degrees, apply the twist effect 360 * 2  two times. Anyways, to apply the path simplify command, please follow the instructions below.

<strong>Step 6: First expand your straight line by going to Object > Expand Appearance comma&lt;/p></p>

nd.

<strong>Step 7: keep selected the spiral path and use Object > Path > Simplify</stron</s</stro

ng>trong&gt;g&amp;g

t;.

<strong>Step 8: Give curve precision around 80%</strong> check the preview box to see

th

e result. If you are satisfied, hit Ok.

That is it. You can play around it and have different looking shapes the ones like below.

The post How to create Archimedean spiral in illustrator appeared first on Illustrator Tutorials.

Step 1: Go to the arc tool and click somewhere in the artboard.

Step 2: Give the X and Y axis values as 300 px and hit ok.

Step 3: Make no fill and 10 pt black stroke for the arc you draw.

Step 4: Go to menu bar and select Effect>Distort&Transform>Transform

Step 5: Using transform panel, make 5 copies with these parameters: 140pt vertical move, Rotate 60°

Step 6: Since it is an effect, first goto Object>expand appearence. After that go to object>expand command. Expand stroke only.

Step 7: While objects are selected, run unite command using pathfinder panel

Step 8: Go to tools panel and select draw behind mode.

Step 9: Pick up the ellipse tool and make perfect circle using ALT/OPT + Shift key

Step 10: Select all objects in the artboard and run minus front command using pathfinder panel

Step 11: ungroup the shutter icon object. Remove the hexagonal shape.

Find two videos here. first one shows how to create shutter icon with straight lines. second is curved ones.

1. https://www.youtube.com/watch?v=0j22_UfsQec
2. https://www.youtube.com/watch?v=oXmIOJoF98c

The post How to create shutter icon in illustrator appeared first on Illustrator Tutorials.

want to see how the heart shape is done, watch the video below. 

https://youtu.be/oZolepHlGig

The post How to create a heart shape in illustrator appeared first on Illustrator Tutorials.

Create Layers

The bottom layer will be your guide layer. Therefore named it as “Guides”. The other layer names refer to how many copies of the object created. “odd 12” means to make 11 copies of the object. “Even 12” means to reflect the object and make 11 copies of them. At this time these are just names. After applying effects to layers, objects created in the corresponding layer will be either circularly copied or reflected and copied.

Create a Guide

To create guides, you need to show up your ruler first. Hit CTRL/CMD + R on the keyboard. And then, Left Mouse in the ruler area. Drag the guide and drop it to the artboard.

Copy Guides

Select the guide you create, Right-click and choose Transform > Rotate. Type 30 degrees (360 degree / 12 section). Hit Copy.

Prepare Odd 12 layer for mandala art

Switch to Odd 12 layer from the layers panel. Go to the Ellipse (L) tool Draw a perfect circle using the left mouse click and ALT/OPTION + SHIFT key. Make it as bigger as your artboard. Apply no fill and no stroke to this circle. Align it vertically and horizontally centered.

Add effect to a layer

Click Target Icon (small circle) next to the layer name as shown in the figure below. Select Menu item Effect > Distort & Transform > Transform. Make 11 copies and rotate 30 degrees. Hit ok. Don’t forget to lock the circle guide before you create an object as shown in the figure below. Make sure Guides Layer also locked. this will make easier to select objects only.

Create your first object

The layer is now ready for drawing. Draw any simple shape you wish in the Odd 12 layer. This will automatically make 11 copies of the object whatever you draw it in this layer

Congratulations. great job. Now let’s copy this layer’s effect to other layers.

To copy the effect from “odd 12” layer to “even 12” layer

• click Odd 12 Layer, unlock the circle guide
• Left-click target icon of Odd 12 with ALT/OPTION key on the keyboard.
• Hold down the ALT/OPTION key and move the effect to another layer
• You also need to copy the circle guide to another layer.
• Click the circle guide on the layers panel
• hold down ALT/OPTION key with the left mouse click, copy to the destination
• Once you copy the effect and circle, switch to another layer ( even 12) by clicking on the layer name
• Open appearance panel
• you should see the copied effect in the Appearance panel
• Now you can modify the effect or add a new effect

To add a new effect

• Click Target Icon (small circle) again next to the layer name.
• Go to Effect > Distort & Transform > Transform.
• make 1 copy and click reflect x checkbox

When you finish modification, don’t forget to lock the circle guide before drawing. Now you should see two effects in the Appearance panel for the “even 12” layer. The first effect will create a reflected copy of the object. and the second one will create 11 copies.

As a result, when all layers are set up and if you draw something into any selected layer, Layers’ effects will automatically be applied to your objects.

If you think the steps are confusing, you can watch the video to see how the process is done. The original language of YouTube Video is English. Turkish Subtitles are available. Enjoy!.

https://youtu.be/oZolepHlGig

The post How to create mandalas in illustrator appeared first on Illustrator Tutorials.