illustration tutorials : How to Vector RSS Icon with Illustrator

adobe illustrator tutorial draw RSS icon in vector step by step tutorial

adobe illustrator tutorial draw RSS icon in vector step by step tutorial

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]

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

PreviewBig An expressive shining eye tutorial :Part II

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

015 An expressive shining eye tutorial :Part II

Apply the gradient

016 An expressive shining eye tutorial :Part II

Play around and adjust the gradient.

017 An expressive shining eye tutorial :Part II

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.

018 An expressive shining eye tutorial :Part II

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

019 An expressive shining eye tutorial :Part II

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.

020 An expressive shining eye tutorial :Part II

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.

021 An expressive shining eye tutorial :Part II

Make the blend as seen below.

022 An expressive shining eye tutorial :Part II

The result is ….

023 An expressive shining eye tutorial :Part II

Now we will repeat the same with the lower shade under the eye. 024 An expressive shining eye tutorial :Part II

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

025 An expressive shining eye tutorial :Part II

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

027 An expressive shining eye tutorial :Part II

Place it quite aligned to the hair placement.

028 An expressive shining eye tutorial :Part II

Use Effects> Guassian blur.

030 An expressive shining eye tutorial :Part II

select the smaller cutout of the white area.

033 An expressive shining eye tutorial :Part II

Using Effects > guassian Blur blur it a bit.

034 An expressive shining eye tutorial :Part II

Lower the transparency of the said cutout.

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

035 An expressive shining eye tutorial :Part II

036 An expressive shining eye tutorial :Part II

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.

038 An expressive shining eye tutorial :Part II

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

039 An expressive shining eye tutorial :Part II

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.

040 An expressive shining eye tutorial :Part II

Colour this crecent a darker tone

041 An expressive shining eye tutorial :Part II

Use guassian Blur to blur that crecent part as well.

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

042 An expressive shining eye tutorial :Part II

Save a copy of it

043 An expressive shining eye tutorial :Part II

Blur this shape as well .

044 An expressive shining eye tutorial :Part II

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

045 An expressive shining eye tutorial :Part II

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

046 An expressive shining eye tutorial :Part II

Place this over the top of the gradient shine shape

047 An expressive shining eye tutorial :Part II

Reduce the opacity of the shine.

048 An expressive shining eye tutorial :Part II

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

049 An expressive shining eye tutorial :Part II

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 🙂

050 An expressive shining eye tutorial :Part II

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.

051 An expressive shining eye tutorial :Part II

Draw another stroke over the pupil area.

052 An expressive shining eye tutorial :Part II

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.

053 An expressive shining eye tutorial :Part II

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.

054 An expressive shining eye tutorial :Part II

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

PreviewBig 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

001 An expressive shining eye tutorial :Part 1

Which we will save as a symbol .

002 An expressive shining eye tutorial :Part 1

Create and copy an oval shape as seen below

003 An expressive shining eye tutorial :Part 1

Fill it up with a dark shade

004 An expressive shining eye tutorial :Part 1

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. 005 An expressive shining eye tutorial :Part 1

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

006 An expressive shining eye tutorial :Part 1

Resize it as seen here

007 An expressive shining eye tutorial :Part 1

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

008 An expressive shining eye tutorial :Part 1

Here is what i got

009 An expressive shining eye tutorial :Part 1

Arrange your shapes

010 An expressive shining eye tutorial :Part 1

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

011 An expressive shining eye tutorial :Part 1

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.

012 An expressive shining eye tutorial :Part 1

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

013 An expressive shining eye tutorial :Part 1

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

014 An expressive shining eye tutorial :Part 1

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

015 An expressive shining eye tutorial :Part 1

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]