illustration tutorials : How to Vector RSS Icon with Illustrator

This Tutorial was initially written in 2007 , some information might be outdate but still it is awesome!

 

untitled-3.jpg

Step 1

Lets start by creating a new file , pick out the bright orange colour in your selected colours and start off by making a square with rounded rectangle tool
01.gif

Step 2


Draw a small circle using Ellipse tool pressing shift while creating will give you a perfect round.

02.gif

Step 3


use the pen tool to read a path something like this with stroke edges selected as straight as seen in the following image

03.gif

Step 4


Repeat step 4 this time add a central node as well which will help you achieve a better shape by adjusting it using anchor points

04.gif

Step 5


Select both the paths and go to object>Expand in the menu which will show up the Expand window , select the stroke expand and hit ok….

 

Related vector Tutorial : How to Create a drop of water vector tutorial

05.gif

Step 6


now select all the assets and right click and group . This is important as now when we are going to apply a 3D effect to it illustrator will take it as front face….

06.gif

Step 87


Now go to Effects>3D>Extrude and bevel with the group selected

07.gif

Step 8


Play around with the options in the window i have chosen 42 perspective , extrude depth 25pt , and rotate dimensions accordingly . You might like to keep the preview checked and view what is going on 🙂

08.gif

Step 9


here i have taken the image to photoshop to give it some gradience and play around with it since it is already done you can now do anything with it!

09.gif

The finished RSS 3d icon

untitled-3.jpg[/private]

How To Make a Heart in illustrator Step By Step

how to make a heart in illustrator step by step : Adobe illustrator tutorial

Are you are looking to draw a heart step by step in illustrator? this Adobe illustrator tutorial consists of using the basic tools in illustrator and will also help you to learn the basic of using Adobe illustrator as your drawing tool.

Check out all the Adobe illustrator Deals 

A heart is a geometric shape and getting a perfect cute heart in illustrator is quite easy , Here i will use simple shape of a circle to modify it into a heart shape although it is not too much of a process . But i am going to show it to you how to draw a heart step by step so you can easily understand the process of it .

01.jpg

This Adobe illustrator Tutorial is somewhat of a beginner level But since valentines day is approaching and you will be seeing hearts everywhere OR will be looking for that perfect heart shape drawing to be integral part of your design . Why not make it yourself !
Without delay here is the step by step drawing process of a heart shape in Adobe illustrator vector.

 

How to Draw Heart in Adobe illustrator step by step

Drawing a heart shape Step 1 :

01a.jpg

Start with Ellip tool L

Draw two circles while pressing down shift , this will ensure that you get a perfect circle.

Hold on to the alt key while selecting the first circle , which will duplicate your current shape .

Drawing a heart shape Step 2

03.jpg

Press shift while you drag the copy towards the right , this will ensure that your circles are aligned while you move one of them. Open the path finder window ( short cut Shift+ctrl+F9 ) by going to windows > pathfinder

Drawing a heart shape Step 3

04.jpg

Select both of your circles and hit the expand button while pressing alt . this will join both of your circles your circle will look now something like this

Drawing a heart shape Step 4

05.jpg

Click on the direct selection tool ( Shortcut A)

Drawing a heart shape Step 5

06.jpg

Select the node in the middle and while pressing shift bring it down a bit something like this…

Drawing a heart shape Step 6

 07.jpg

Now we need to adjust the shape of the heart . Start by deleting the two anchor points as illustrated…

Drawing a heart shape Step 7

09.jpg

Now adjust the angles of the four anchor points as shown

We have a perfect heart shape now

Drawing a heart shape Step 8

10.jpg
Fill it with colour of your choice

The supportive eps file will be available for download on coming friday so subscribe or register today if you dont want to miss it!

how to draw heart step by step

Related Adobe illustrator Tutorials for beginners :

Know thy workspace

Drawing Basics

HOW TO DRAW A CARTOON CHARACTER ILLUSTRATION 

Using Pathfinder Create a Personalized Badge for your site

Create a simple heart using pen tool

Using Filters Adobe illustrator tutorial.

10 Awsome features in illustrator CS4 that increase creativity to MAX!

How to Create a Pop Design Element using  Spiral Tool

The Mirror Technique: – Creating a Cool Monogram using brushes

An Introduction to Envelope Tool

Draw a Skull illustration 

Create an envelope icon with a satin feel

Using Gradients Create a balloon wallpaper

how to make a heart step by step : Adobe illustrator tutorial

How to Create Floral Swirls and flourishes in illustrator using Floral vector brushes

 

Flourishes in illustrator

How to create vector brushes illustrator ?

I used to think that how on earth designers make so intricate flower designs and invitations . UNTIL! I found the answer ” they used vector brushes!! ” the answer was vector brushes illustrator

There had been a trend of creating flourish which started around 2008 , that was when I started playing around with illustrator brushes and created many of them. Including the one that I am going to share with you here. Previously I have shared Free illustrator brushes with you but today I wanted to share with you how I actually create floral designs .

So what is my secret tool?

Vector brushes for illustrator

Vector brushes for illustrator

I have created a set of floral brushes for illustrator for my own ease of use and these had been greatly helpful in creating many designs . They have helped me create so many versions of floral branches and creating wedding invitations and more.

florishesv2-preview

Want to see this vector brushes set in action?

Interested? you can get these floral brushes from my store right here.

[shopify embed_type=”product” shop=”asmaamurad.myshopify.com” product_handle=”floral-vector-brushes” show=”all”]

What is included?

original artwork eps file
set of brushes to create these flowers .
scatter brushes of the flowers in the preview artwork.

Very easy to use and create unlimited variations .

Vector Wings

Vector Wings

Releasing Set of vector wings in different shapes included two different star shapes and splashes of paint. . Available for download by Premium Members . This post is also available for purchase for $3.5 USD.

[private][download#4][/private]

Create a Disco Environment with Twirl Tool, Crystalize , and Envelope Tool – Part 2



In this tutorial you will see how to use envelope tool to create a Disco Ball , You will also utilize Twirl and Crystallize tool to understand its options . This tutorial is divided in two parts . During Part 1 you will be using  Envelope tool & Crystallize Tool.Part 2  will walk you through Twirl Tool options. This tutorial is continued from Part 1 (more…)

Create a Disco Environment with Twirl Tool, Crystalize , and Envelope Tool- Part 1

[private]

In this tutorial you will see how to use envelope tool to create a Disco Ball , You will also utilize Twirl and Crystallize tool to understand its options . This tutorial is divided in two parts . During Part 1 you will be using  Envelope tool & Crystallize Tool.Part 2  will walk you through Twirl Tool options. (more…)

Creative Findings : June

[private]Ai Vault will be featuring and showcasing some of the artistic and creative findings over the web. Here is our first collection . This collection shows some artistic inspirations of art in different mediums as well as a few tutorials and freebies found . (more…)

An expressive shining eye tutorial :Part II

 

How to draw a human eye in vector step by step

How to draw a human eye in vector step by step



This tutorial will show you how to create an expressive eye as part of a portrait , This is a follow up tutorial of How to draw expressive eyes PART 1

 

 

in the last part we were starting work on the white area as seen below .  This is how the coloured areas at this point look like

Apply the gradient

Play around and adjust the gradient.

Create a copy of the white area of the eye. Using the knife tool cut out the copy of the white area as seen below.

Place the cut out over the white area , arange it to be at the front . ie right click > arrange > bring to front.

Now create a shape as seen , this will be our eye lid. Create two shapes one inside the big one select both of them , and shade the bigger one a lighter tone than the smaller one.

Use the blending options in order to apply gradient to the eye lid .

ie Object> Blend> Blend options , Work through specified steps which again will depend of your working drawing size . here is what i chose.

Make the blend as seen below.

The result is ….

Now we will repeat the same with the lower shade under the eye.

here we will work on the deep area of the eye , inner one.create the shape

Create an inner shape as well adjusting the paths to get your desired result. This will be our Hair Growth area of the eye..

Place it quite aligned to the hair placement.

Use Effects> Guassian blur.

select the smaller cutout of the white area.

Using Effects > guassian Blur blur it a bit.

Lower the transparency of the said cutout.

Select the shape above the eye and use guassian blur to blur it a bit.

Create a shape as seen at the inner corner of the eye , note here i have using a stroke line to deepen the left side of the eye giving it a finished effect covering where skin meets the eye.

Create a copy of the large circle of the Pupil Use another copy arrange them and use path finder to cutout a crecent shape.

Place this shape over the left side of the pupil above your Crystallized pupil are , here you can see the arrangement of the areas of the eye watching this small swf preview.

Colour this crecent a darker tone

Use guassian Blur to blur that crecent part as well.

Placing some shine in the pupil area. Create a shape as follows.

Save a copy of it

Blur this shape as well .

Select the saved copy of the shine shape . and go to object> path > simplify

Work on it to get a little simplified and a smaller shape than the original one .Something like this.

Place this over the top of the gradient shine shape

Reduce the opacity of the shine.

I here gave a little bit of gradient to the shine part..

Feeling that left part of the eye needs more depth at this point since i am clearing and defining the areas. I drew another shape. For some of you out there these shapes are NOT perfect ones , This is what i am keeping it intentionally . i believe thing is original if it has a few flaws many wont agree with me here . but…. you are welcome to draw perfect shapes … i dont want the work to be too technical 🙂

Since the eye is a shining one it will be reflecting the eyelashes so i dragged out another symbol of hair from the symbols pallette . and dropped , inverted , reflected it .and reduced the transparency of it.

Draw another stroke over the pupil area.

I have used the Line Art Brushes through out the strokes of the drawing ie , hair and lines. Those of you who dont have it already can download it from here.

Create another small highlighted shape on the inner corner of the eye giving it a lighter shade and then use guassian blur to blur it a bit. here is our finished eye.

Conclusion : we have used line art brushes to draw our basice drawing , used symbols of hair growth to create eye lashes . Used knife tool , gradient , pathfinder , strokes and crystallizing option to create the eye as seen . This is the second tutorial in creating portraits . Previous tutorial in the same series in Creating lips if you have missed it you can check it out here.!

subscribe to Our Rss feed to get the next part in your inbox !

Source file of this tutorial is currently not available 

An expressive shining eye tutorial :Part 1



This tutorial will show you how to create an expressive eye as part of a portrait , This is a follow up tutorial of How to create lips using mesh tool ….

The tutorial will be in two parts , in the first part i will explain how to create the eye drawing and then creating the pupil ….We will start by drawing out an eye in outline using the pen tool . Since i will be more concentrating on other tools rather than pen tool i am begining by understanding that you have basic knowledge of pen tool .

So in step one we will draw some basic out line of the eye , this is our drawing that we will be following throughout the tutorial .

Next we will create a bunch of hair growth using the pencil tool .this is freehand drawing of a few lines and then smooth them out using the smooth tool this is the result

Which we will save as a symbol .

Create and copy an oval shape as seen below

Fill it up with a dark shade

we will use the crystalize tool in order to distort the pupil shape. This tool is found as seen above in your tool pallette. Double click it to open up the dialogue box. And adjust options as seen which might vary depending on your drawing size . So try to follow the preview of the result.

Here is what i got after crystalizing my silightly oval shape , dont forget to keep a copy of the original shape.

Resize it as seen here

Select the big circle of the pupil make a copy of it and follow the crystallizing options for the same as well.

Here is what i got

Arrange your shapes

Place the Crystallized pupil over the original one. This is for the bigger one.

and similarly for the second ones. Here is a pallette of colours that i am using to create the shades of the pupil you can click on these boxes to pick out the colour values if you like. Shade the appropriate shapes accordingly . The darkest shade goes inside the eye.

Create a copy of the darkest shade ie smallest circle and apply gradients as seen

Place the original circle on top of it. Apply a dark gradient to it.

Now we will work on the white area of the eye and below you will see the shades i will be using as the reference

Continue to Next Part II

subscribe to Our Rss feed to get the next part in your inbox !

Source file of this tutorial is available to our premimum members. Login Or Sign up[/private]

Speed illustrations

[private]

A couple of months back i gave myself a challenge of creating 100 illustrations in 20days time creating around 5 illustrations perday . The purpose of these speed illustrations was to refine my skills and learn more alongside creating illustrations for stock agencies. It was such fun and i will suggest speed illustrations concept to anyone and everyone who is looking to refine their hand at illustrator ..

(more…)

Envelope Tool

[private]It seems that illustrator is full of new tools and various elements and more i dig into it more i learn . And it seems every time one more hidden tool is revealed .. Have you heard of envelopes . It seems to be a sister tool of mesh tool . Here is a little bit intro into this so practical tool!!]

(more…)

Seamless pattern swatches

[private]

Although there are softwares available to create seamless patterns , i have come up with these tiled seamless patterns . Seamless patterns can be applied to any shape of your object and then you can scale them and adjust them as you please .which i discussed in one my previous posts as well . You can download these four seamless pattern swatches and note that after this i will be posting a set of 12 patterned borders. To load them simply open your swatches pallette and browse to the file.  Availabe to Registered users only.. 🙂

Download

>[/private]

Cart
  • No products in the cart.