illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Learn how to draw a corporate background image in adobe illustrator, vector illustration using basic tools #adobeillustrator #graphicdesigner #graphicdesigntools #vectortutorial #vectortut

Learn how to draw a corporate background image in adobe illustrator, vector illustration using basic tools #adobeillustrator #graphicdesigner #graphicdesigntools #vectortutorial #vectortut

Creating backgrounds which are effective is an essential part of the process of creating good designs .Here we will create a background which you can use for multiple projects in the end , ie background for presentations , for websites or simply an ad. This is a simple tutorial showing step by step how to create one using tools such as Pen tool , brushes and a simple Arc Effect.

lessons illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Step 1

Creating background

Start off by creating a simple gradient background Here is the Theme of colours we will follow

01

It is always a good idea to have it clear in your mind what theme you are going to follow . I use often use colourlovers.com to help me in this process.

09

Step 2

Drawing Bleded lines

Using the pen tool draw two white stroke Lines having no fill.

02 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Go to Object> Blend> Blend options

03 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Adjust your blending options to some specified steps , something like this.

04 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Hit Alt+Ctrl+B ie Object>Blend>Make

05 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Create in the same way two more lines using Pen Tool (P) and using Object> Blend > make

06 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Since your lines are all placed up now will be a good idea to play around with the nodes ( click on the End of start of your original line) adjust handle and stroke to get a better effect and curve in the lines. Here is my final result which i am happy with

illustrator Tutorial how to create a business vector graphics background

 

Step 3

Elements Build up

Now we need to bring some elements into it . I brought This worldmap from my library and pasted it on the workboard

Right Click > Arrange> Bring to Front

08 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Using a colour coinciding with the theme of your work colour the map accordingly

10 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Step 4

Using Effects

I will use some effect to modify this map a bit

Go to Effects> ARC

11 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Apply the effects you will get something like this

12 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Step 5

Creating Arrows using Brushes

create some more random lines using the pen tool

13 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

open up your brush pallete Window> Brush Libraries > Arrows Standard

14 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Select all your random lines and pick out an arrow brush and apply

15 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Select each line one by one adjust stroke and width until you are satisfied with the outcome go to object>Expand your lines and drop a gradient shade to it , here i picked up from my colour pallete white and grey.

16 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Step 6

Refining and Balancing

I am not too happy with the background at this point so i will add up a few more shapes .

17 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

And more

18 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

fill them up with the same gradient colour lighter than your background’s adjust transparencies until you are satisfied with the final outcome!

Here is the result.

19 illustrator Tutorials : How to Create a corporate background using Brushes for illustrator

Drop of Water Vector illustrator Tutorial- illustration background

Drop of Water Vector illustrator Tutorial -(illustration background vector tutorial)

In this vector illustrator tutorial of a water effect illustration background tutorial, I will walk you through the process that i have used in one of the design projects i finished recently .

You will learn how to use mesh tool to create water droplets using adobe illustrator , you will learn to use the symbol sprayer tool using symbol of water droplets and dispersing them .

The final effect of water effect seems to be a bit detailed while it is not that difficult to get the result .

Here is a preview of the final image we will be creating by the end of tutorial .

Tools Required : Adobe Illustrator CCir?t=artinsstu 20&l=as2&o=1&a=B00CS75N2I Drop of Water Vector illustrator Tutorial- illustration background

Final preview of drop of water vector illustrator tutorial

drop

Step 1 Creating Water background

For this vector tutorials illustrator Lets start by creating water droplets . I created a circle used mesh tool to divided it with two clicks > dropped a lighter and a darker shade on the nodes of the circle.

>> If you are not familiar with Mesh tool check out this tutorial that i wrote about using mesh tool , i love this tool!

drop of water vector illustrator tutorial

Once a circle is created now we need to create random shapes of water , Use Wrap tool and play around with shapes to gain a few random droplets .

If you are not familiar with select tools in illustrator you might consider heading on over to this tutorial where i cover some of the basics of illustrator.

drop of water vector illustrator tutorial

Randomly arrange them. select all and drop it into your symbol window.

drop of water vector illustrator tutorial

Create a Rectangle and fill it up with a gradient colour lighter to darker and radial.

drop of water vector illustrator tutorial

Drop the water drop symbols on your work area . Use symbol sprayer tool to play around with the symbols and randomly distribute the droplets.

drop of water vector illustrator tutorial

Use symbol Shifter tool to disperse the droplets

drop of water vector illustrator tutorial

Here I Reduced the transparency of the entire group and reduced the size.

drop of water vector illustrator tutorial

Create a copy , rotate a bit to get a more dispersed effect.

drop of water vector illustrator tutorial

Step 2 Creating the Text

My aim is to create a text with water feel to it . Here i typed the word Water in bold and strong and created outlines ( object > Create outline)

drop of water vector illustrator tutorial

Create a copy of it and apply gaussian Blur

drop of water vector illustrator tutorial

Create five copies in all save one for later use , colour and gaussian blur as seen below four of them. To one of them i applied a stroke of the art brushes ( line Art 50 right) and gave a stroke of white colour..

drop of water vector illustrator tutorial

Here is the arrangement one clear copy goes over its guassian copy.

drop of water vector illustrator tutorial

drop of water vector illustrator tutorial

Here is what i get by stacking up all over each other in the order you see them above

drop of water vector illustrator tutorial

To the fifth copy that we saved apply feather as seen below. This MAY very depending on your document size.

drop of water vector illustrator tutorial

Place the feathered text over the top most layer. Effects> Stylize > Round Corners . Use Round Corners to give the top most layer a soft look.

drop of water vector illustrator tutorial

Create a cutout shape from one of the text copies

drop of water vector illustrator tutorial

dicard the rest place the cut out which we will use as a highlight on top of all the text layers. set opacity

drop of water vector illustrator tutorial

Create small shapes which we will use as a higlight to over all effect place it over your tex area above the cutout layer. Set opacity

drop of water vector illustrator tutorial

Step 3 Concluding

you can adjust the colour of the water by playing with the text layers and setting up transparencies .

drop of water vector illustrator tutorial

elect the water droplets and > Arrange > Bring to front. > set opacity.

drop of water vector illustrator tutorial

Want to learn more about a few of adding effects to text in illustrator ? you might be interested in how i gave a grungy effect to some text . The effect is simple yet it is rewarding.

Preview

drop of water vector illustrator tutorial

Save for later Share it!

How to Create a Water Effect in Vector Step by step Drop of Water Vector illustrator tutorial – (illustration background vector tutorial)

You May also like Some more vector tutorials illustrator withText Effect !

 How to Create a 3D RSS Icon

 Tutorial: Create a cool water effect

 Add grunge effect to your text

38 Illustrator Tutorials to get you started

 

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]

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

illustrator Tutorials : How to create a Chevron vector graphics patterns illustrator

Chevron stripes have always been in fashion , and i don’t remember seeing anything with chevron stripes that doesn’t look good ! have you? . And when it comes to creating vector chevron patterns in illustrator it cant be easier than this and below i will tell you how.

I have earlier talked about some Premade vector patterns brushes that you can easily apply to a line in illustrator . And create instant effect of various chevron lines .

OR

if you are not at all familiar with What are vector brushes you can check out these posts of mine about vector patterns illustrator.

Tip #1  CHANGING APPEARANCE OF SCATTER BRUSHES
Tip #2 CHANGING APPEARANCE OF VECTOR BRUSHES
Tip #3 VECTOR TUTORIAL ON MAKING DESIGNS USING BRUSHES
Tip # 4 HOW TO USE VECTOR BRUSHES

chevron-pattern-tutoriabigl

This video cast shows how in a few steps you can create chevron patterns brushes for illustrator the vector brushes are easy to use and can be easily colored for different widths and sizes.

The process is really simple and i have used the same technique to create Chevron striped pattern brushes .

[products_categories_slider title=”Some of the premade brushes” per_page=”-1″ numbers=”yes” hide_empty=”yes” style=”traditional” orderby=”menu_order” order=”desc” category=”1160, ” ]
OR HOW ABOUT SOME FREE RESOURCES?

[categorythumbnaillist 241]

Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

Adobe illustrator tutorial draw a vector illustrato halloween character

Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

Welcome to our step-by-step Adobe Illustrator tutorial, where we’ll be delving into the world of vector art to create an adorable mummy character. Unleash your creativity and join us on this artistic journey as we learn essential Illustrator techniques to bring this cute and quirky mummy to life.

Whether you’re a seasoned illustrator or a complete beginner, this tutorial will equip you with the skills to create stunning vector artwork that can be used in various projects. So, let’s dust off our digital bandages and get ready to unravel the secrets of vector illustration as we craft our very own charming mummy character

First of all the preview of what we will be creating.

PREVIEW

mummy Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP 1

Start off by creating a simple square , using the square shape tool while pressing shift create a perfect square and color it a light  blue color.

01 Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP 2

Next use the mesh tool  (U) and create a mesh node anywhere you like and  , now using the direct selection tool (A) select the central node and color it a lighter shade.

Learn more about mesh tool

02 Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP 3

Creating eyes! , draw a black circle and on top of it draw another circle that is white , now using mesh tool create another color point on the white circle , give it a slight blue colour.

Read more about coloring in illustrator

03 Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP 4

Pretty obvious what i did here , one more black and two more white circles.

monster illustrator tut 0006 Background Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP 5

Using Pen tool create a smily little mouth

TIP : to join end points select both point and hit CTRL+J

monster illustrator tut 0005 Layer 1 Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP6

Use rounded rectangle tool and create three teeth side by side.

monster illustrator tut 0003 Layer 3 Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP 7

Using Pen tool(P) draw a gradient filled shape , i start randomly and keeping it a bit rough kept on wrapping up my mummy boxter.

monster illustrator tut 0002 Layer 4 Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP 8

Free hand drawing using pen tool continues.

monster illustrator tut 0001 Layer 5 Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

STEP 9

DONE!

monster illustrator tut 0000 Layer 6 Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

**Boxterz is a collection of whimsical boxed characters which are my new line of illustrations registered and ready for licensing , for licensing inquiries please contact me .
The Character is registered please do not copy or distribute for commercial usage , all rights reserved.
 
DOWNLOAD SOURCE FILE ( ADOBE ILLUSTRATOR)

You May also like Some more Vector Drawing` Tutorials!

Step by Step Illustration tutorial :How to Draw Halloween Square Mummy Character

 

illustrator techniques : Get rid of that meshy messy mesh effect oh please!

Here I am again with another illustrator techniques that saved my life so many times. Why am i screaming to get rid of that meshy messy mesh!? well just recently one of my illustrations Happy sun and moon was requested to be transformed into a wall decal for kids room. My problem arrived when i opened up the original file in my hard drive all colored up using mesh tool with the same technique that i used in coloring . And now converting the design into a flat appearance-less file for process of cutting the decal silhouette was required. Below is the preview of the illustrated objects and decal design if you are wondering 🙂

CA125prev0 illustrator techniques : Get rid of that meshy messy mesh effect oh please!

and the decal design

twogoo illustrator techniques : Get rid of that meshy messy mesh effect oh please!

The Scenario

I want to get rid of mesh color fills messing up my file , yes as much as i love coloring up with mesh in works like this , things might get messy , as mesh refuses to go away from the final file even though i have deleted all the color nodes , the appearence pallete still shows Mesh points! and it just wont show how to delete the mesh points!?    Yikes! help!

The Solution

Select the shape (now just outline of no mesh fills visible but still  a mesh shape) go to path > offset path and create a new path just slightly offset this will result in a slightly bigger shape but with no mesh points! Voila i’m a happy girl 🙂 . If anyone has  a better way of cleaning that up i or a solution where i can just remove it let me know !

 

How To Draw A Skeleton Skull Using Adobe illustrator – How To Draw Skull Vector

How to draw a skeleton Skull is really easy in vector. This skeleton drawing tutorial is great for beginners  This vector Adobe illustrator Tutorial covers making of a sugar skull illustration using easy and basic illustrator tools .

By the end of this tutorial you will know how easy it is to draw a skull using illustrator. It is more of a visual walk through i will be glad to describe any step if you need help along the way just leave a comment and i will get back.
Draw-skeleton-skull-illustrator-tutorial

we will be working our way toward the following illustration of a skull

How to draw a skull easy for beginners

Tools used during Adobe illustrator Tutorial include

  • pathfinder
  • PenTool
  • 3D Tool
  • Using Brushes

Check out list of other vector tutorials for beginners are available on this site for more info on a specific tools

Draw A Skeleton Skull in illustrator

STEP 1 : USING DRAWING TOOL FOR THE OUTLINE OF THE SKULL OF A SKELETON

Draw A Skeleton Skull in vector step 1

 

STEP 2 : CREATING TEETH SHAPES ON THE LOWER PART OF HEAD USING PATHFINDER TOOL
Draw A Skeleton Skull in vector step 2

STEP 3 : FREE HAND DRAWING USING PEN TOOL FOR SHAPES

041 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector

Draw a skeleton in vector
Draw a skeleton in vector

STEP 4 : PATHFINDER TO JOIN SHAPES
Draw a skeleton in vector
Draw a skeleton in vector
Draw a skeleton in vector
STEP 5 : ADDING DETAIL OF EYES, NOSE & OTHER SKULL ELEMENTS

Draw a skeleton in vector

Draw a skeleton in vector
Draw a skeleton in vector
Draw a skeleton in vector
Draw a skeleton in vector makingof the head of the sugar skull
17 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
18 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
19 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
20 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
21 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
How to draw a skull easy for beginners Adobe illustrator Tutorial
23 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
24 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
Draw a skeleton in vector using vector brushes
26 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
27 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
28 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
29 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
30 How To Draw A Skeleton Skull Using Adobe illustrator - How To Draw Skull Vector
How to draw a skull easy for beginners Adobe illustrator Tutorial

How to draw a skull easy for beginners

How to draw a skull easy for beginners Adobe illustrator Tutorial covers making of a sugar skull illustration using easy and basic illustrator tools . This vector tutorial shows how easy it is to draw a skull using illustrator

Vector Tutorial : Exporting animated SWF files from illustrator

[private]preview Vector Tutorial : Exporting animated SWF files from illustratorThis tutorial was originally written for Premium members , and have stayed in the private collection for too long , it is time to get this story a little attention 🙂 so i am reposting this tutorial for regular readers. Hope you like it.

In this tutorial i will show you how to set up an illustrator document for working in illustrator to work better in flash. I will also tell you how to create an animation IN illustrator FOR flash. And export animated swf files from illustrator . Source file is available for download at the end of the tutorial. (more…)

Vector Tutorial : The Making of Splash Page for Vector Pics.com

[private]Recently i worked upon creating a splash page for Vector pics website

I created this tutorial which will walk you through the making of this page , illustration was first sketched , i will admit that the final image changed considerably from the initial sketches but below you will find some step by step making of the splash page with little description and the details of the tools involved.

Step 1

Starting with just the basic shapes squares and rectangles i followed up my initial sketches to lay down the structure of the house nothing fancy just squares and rectangles.

home 0019 Layer 1 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 2

Selecting nodes started distorting the shapes and forms.

home 0018 Layer 2 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 3

Two shapes united to make further shapes

home 0017 Layer 3 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 4

Round up the corners of the stroke for a better formation

home 0016 Layer 4 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 5

Some details added to the windows

home 0015 Layer 5 Vector Tutorial : The Making of Splash Page for Vector Pics.com

home 0014 Layer 6 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 6

Using my most handy tools vector brushes for strokes.

home 0013 Layer 7 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 7

Added some basic patterns to shapes , here i created a copy of the shape broght it forward and filled it up with the basic graphics dots swatch.

home 0012 Layer 8 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 8

Finished creating one window and  copied and placed it on other locations as well.

home 0011 Layer 9 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step -9

The brick wall detail was creating using Drawing brush strokes of different widths.

home 0010 Layer 10 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 10

Randomly placed grouped copies of the bricks.

home 0009 Layer 11 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 11

Time to color , i planned out the colors i would like to use .

ILLUSTRATOR TIP: Keep small shapes filled with your pallet on your work area easier to pick and fill with eye dropper tool. if you are lazy like me in creating swatches everytime 😉

home 0008 Layer 12 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 12

Further coloring and shadows creation , i simply created duplicates of the shapes and placed them in a lower layer , with a darker color and reduced the transparency.

home 0007 Layer 13 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 13

Place Shadows against your imaginary source of light to give life to the object.

home 0006 Layer 14 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 14

Further details added a knob to the door , copies of circular shape in different shapes.

home 0005 Layer 15 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 15

Development of shadows and light continues

home 0004 Layer 16 Vector Tutorial : The Making of Splash Page for Vector Pics.com

home 0003 Layer 17 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 16

Since i plan to place this house against a light blue background i placed an oval shape behind just to get the whole feel of the direction color harmony is going to . ( Knowing background will be developed in photoshop)

home 0002 Layer 18 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 17

We’re in photoshop now! copied and placed a little grass layer with copies of one symbol.

home 0001 Layer 19 Vector Tutorial : The Making of Splash Page for Vector Pics.com

Step 18

Added some cloud shapes . some text and extras like the little bird on the tree.

home 0000 Layer 21 Vector Tutorial : The Making of Splash Page for Vector Pics.com

home 0000 Layer 22 Vector Tutorial : The Making of Splash Page for Vector Pics.com

PREVIEW

page Vector Tutorial : The Making of Splash Page for Vector Pics.com

Visit Vectorpics.com

[/private]

illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

[private]Here is the preview of one of my flash animations which is well received through ActiveDen click the image below to see it in action

illustratorcloud tutorial 0000 Layer 19 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

And since this was created such long ago i no longer have the source file of this in my system , the vector version 🙁 . Anyway i just wrote down this tutorial while i redrew it for another project that came across.

At the end of the tutorial you can download the source file as well .
lets move to some simple steps using pathfinder and offset path to create the weather icon of clouds pouring big drops of rain.

Step 1-

Draw a bunch of circles
illustratorcloud tutorial 0018 Layer 1 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 2-

Use pathfinder to unite all the shapes in one , and if you miss some place in the middle which didnt add up to the final shape just use direct selection tool (A) to select and delete them.
illustratorcloud tutorial 0017 Layer 2 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 3-

Give it a nice blue stroke with rounded Cap.
illustratorcloud tutorial 0016 Layer 3 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 4-

Next Expand the stroke
Object > Expand
illustratorcloud tutorial 0015 Layer 4 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 5-

Right click the shape and ungroup the whole thing
illustratorcloud tutorial 0014 Layer 5 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 6-

Now i will use offset path to create a similar smaller shape in the middle.
Object>Path>Offset Path keep the offset in negative to give you an inner shape.
illustratorcloud tutorial 0013 Layer 6 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 7-

Select the inner shape that you just created and give it a gradient fill.
illustratorcloud tutorial 0012 Layer 7 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 8-

Now we have another filled area which HAD a stroke of blue behind it (as expanded in step 4) , select that and ungroup
illustratorcloud tutorial 0011 Layer 8 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 9-

Select the white fill and using eye dropper tool give it a gradient as well.
illustratorcloud tutorial 0010 Layer 9 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 10-

Select the two gradient filled cloud shape bring them forward
Right click > arrange > bring to front
Move the two shapes towards left a bit , just to give the blue outline some character and life. you will also noticed that i i changed the blue stroke tone here a bit.
illustratorcloud tutorial 0009 Layer 10 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 11-

Just to add a little bit of interest in the cloud shape i created an eclipse shape using two circle and then again pathfinder to minus the front.
illustratorcloud tutorial 0008 Layer 11 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 12-

Arrange this shape on the cloud somewhere anywhere you like to achieve something like this…
illustratorcloud tutorial 0007 Layer 12 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 13-

Notice here i started to build up the final look , so i added a blue background to the cloud shape just to see things clearly on how they will look on my final project . Give the shape a bit of drop shadow.
Effects>stylize>Drop Shadow

illustratorcloud tutorial 0006 Layer 13 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 14-

Create a copy Scale and arrange .

illustratorcloud tutorial 0005 Layer 14 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

illustratorcloud tutorial 0004 Layer 15 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 15-

I drew a small circle and selected the top node with direct selection tool (A) and just pulled it upward a bit and then adjusted its handles to create a drop of water . This drop has the same gradient fill and same shadow effect.

illustratorcloud tutorial 0003 Layer 16 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

illustratorcloud tutorial 0002 Layer 17 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Step 16-

We are done!
Here is what i came up with

illustratorcloud tutorial 0001 Layer 18 illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

Click on the link below to download the source CS file.

[download id=”88″ format=”3″]

illustrator tutorial : Create simple but effective Weather Icons in adobe illustrator

[/private]

Fonts and Typography : Create your Own Font illustrator

Fonts and Typography : Create your Own Font illustrator

Fonts and Typography : Create your Own Font illustrator

This tutorial will take you through creating a custom Font while understanding the dynamics of Blend Tool .

*By definition, a blend is the result of two or more items that are combined. In Adobe® Illustrator®, a blend is a set of at least two objects that morph into each other. In an example where you are blending two objects, Illustrator generates new shapes that appear between the two objects, making it seem like one of the objects is turning into the other. The iterations that are created between the two main objects (also referred to as key objects) are called steps

 

 

(more…)

illustrator technique: Tutorial how to tilt a pattern fill

I get questions through email time after time , which i mostly answer through email . I thought it is a better idea to answer these through Aivault post! So today’s questions is How to tilt a pattern fill? Answer is very easy. …

Step 1

give your shape a fill which is as easy as clicking on the shape then choosing a swatch pattern to fill it up.

01 illustrator technique: Tutorial how to tilt a pattern fill

Step 2

Select the rotate tool in the toolbar and double click it  a tool window will open which will give you few options.

02b illustrator technique: Tutorial how to tilt a pattern fill

You must deselect “Object”  (if that is not what you want and only want to scale the pattern fill) enter the angle value and hit ok .

02 illustrator technique: Tutorial how to tilt a pattern fill

Step 3

Hit ok and the pattern fill is tilted to your desired angel. Easy right?

03 illustrator technique: Tutorial how to tilt a pattern fillGot a Question you need answer to? Submit it and i will try to answer it as soon as i can!

Thanks for reading! have a nice day!

[/private]

illustrator technique : Create a Swatches Palette from artwork with one click

This illustrator technique  is pretty useful sometimes , when you are done with a particular artwork and would like to work on something else using the same color scheme as well.Or sometimes the artwork has mesh tool and using mesh you have come up with new colors which are not part of your actual swatch. You can easily extract colors from the artwork either by using this tip that i shared a while ago OR by using this one click method!
Here i have created a Japanese dol and i used mesh tool for coloring her. As you can see , my swatch panel just has basic colors with which i started .
Capture11 illustrator technique : Create a Swatches Palette from artwork with one click
Click on the small arrow next to swatches panel and browse to Add used color , no fancy wordings either just straight to the point!. See below?
Capture2 illustrator technique : Create a Swatches Palette from artwork with one click

And there ! you have it , full swatches panel of all the colors used! Neat isnt it? 🙂
Capture3 illustrator technique : Create a Swatches Palette from artwork with one click
I hope this Tip will be useful for someone out there , i have few more with which i will be returning later. thanks for looking !

illustrator technique : Create a Swatches Palette from artwork with one click

[/private]

advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

Tutorial Level :- advanced illustrator tutorials
Techniques Used :- Live paint & Knife tool
Reference illustration :- Ella At Peace

STEP 1

Create and decide the Artwork you want to work on

Since my aim here is just to share with you the process of coloring i will not be going much further in the details of drawing process but i will just elaborate my drawing a bit. I start by creating a sketch , then keeping it in front of me as a reference i turn to Flash . And start working with basic shapes circles and lines , here is a past tutorial on aivault which will show you how. After i am done i export the lines as illustrator 8 document . After opening it up in illustrator i have a clean crisp line which is exactly what i want. This little girl is part of a digital stamps series that i am creating for Aifactory Crafters community , her name is Ella and she is sitting in a yoga pose here 🙂 .

STEP 2

Choose Color Pallette

After I am done with the drawing I turn to color palette and decide on colors with a set of squares filled up with color tones for reference .

It is a good idea to convert your choice of colors into swatches if you are going to proceed with coloring using live paint.
advanced illustrator tutorials
In order to shift colors to swatches palette select a color and then from the tool bar drag and drop it into the swatches panel.

03 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

STEP 3

Coloring using palette

Once you have your color palette ready select your drawing which needs to be colored . you can easily navigate to next color by moving next arrow buttons on your keyboard. Select the color and then the paint bucket and start filling in the colors.
04 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

Keep on coloring selecting colors and filling spaces up, what fun!

05 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool
After you are done filling in the basic flat fills you will now see a bounding box something similar to the one below . The whole drawing is at the moment one object , click on expand button you see on the top bar.

07 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool
Right click and ungroup , this will break every section apart.
08 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

STEP 4

Shading

I love using mesh tool in my coloring it is a very handy and useful little shading tool , select a section and after selecting the mesh tool and your desired color click anywhere on the flat shaped area.
09 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

Continue with the shading wherever you require , more fun!!

10 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

Now i will be using another useful technique to give form to the body of the girl . I chose to start with the face click on the shape area and create and reserve a copy of it.

11 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

For her blushing cheeks create a circle with the same fill color as her face color . Select pink color and with mesh tool click anywhere in the middle of this circle.

12 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

Make a copy of it and place on both cheeks. simple hun?!

13 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

Now with the reserved face shape copy , using the knife tool cut out across the face somewhat like below
14 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool
Discard the middle section and bring the cutout shape over Ella’s face. Give it a slightly darker tone .

15 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

you can further adjust it by reducing the transparency level as well.
16 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

Now for the shape and form of the body i will repeat the same step

17 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool
Another way is just to choose the section , thanks to paint bucket and expand , we can easily select each section and slice it where it is and shade it.
18 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool
I placed a green circle behind Ella and clicked in the middle while picking up a lighter tone . Below you will see i played with it a bit further and drew a flower on her shirt and clicked a few more times with mesh tool using another tone for hair. And i am done! Ella is all done , sweet and cute , i love her!
19 advanced illustrator tutorials : Coloring illustrations using mesh and knife tool
Ella is available for download through Aifactory store you can find her HERE

advanced illustrator tutorials : Coloring illustrations using mesh and knife tool

How to Create a Vector Diamond Necklace and a Chain

This detailed advanced illustrator tutorials how to create a diamond sparkling necklace metal tutorial will show you how i created the Diamond necklace available to download freely from Aivault through this post. The steps described here will take you through the process of drawing then coloring using very simple steps.

It is not a basic learning tutorial , i expect you to already know drawing tools , basics of drawing , pathfinder tool , live paint and using guides.

OR if you are starting out Read more tutorials on this site

Step 1

CREATING THE DIAMOND SHAPE

Star-off by creating a circle and we all know how to it by now 🙂
01 How to Create a Vector Diamond Necklace and a Chain
Next we will make use of the guides and star dividing the shape with equally sized straight lines and guide as a reference.
02 How to Create a Vector Diamond Necklace and a Chain
03 How to Create a Vector Diamond Necklace and a Chain

Step 2

USING GUIDES FOR DIVIDING THE SHAPE

Create a copy of one horizontal and one vertical line , select the rotate tool , while pressing alt create and rotate a copy of both lines as well as the guide lines.
04 How to Create a Vector Diamond Necklace and a Chain
Keeping the intersecting point of the guides and the lines as a reference align a square inside it , similar to the one seen below.
05 How to Create a Vector Diamond Necklace and a Chain
As shown below create a copy like we did with the lines and rotate it .
06 How to Create a Vector Diamond Necklace and a Chain
Now we need more guides placed , now i dont know any other way of creating the angled guides , i never really explored how to do it 🙂 , my process is to first unlock your diagonal and vertical guide select both using select tool , click on the intersecting point hold shift+alt and rotate the copy . Holding Shift will give you a snap to the middle point. hope it is clear below you can see the screen shot while i rotated the guides.
07 How to Create a Vector Diamond Necklace and a Chain
And here i have a copy done again you can do this by hitting CTRL+D which will repeat your last action.
08 How to Create a Vector Diamond Necklace and a Chain
With guides being our reference start drawing lines as shown below these are in pink color so you can see the progress

Step 3

ADDING DETAILS

09 How to Create a Vector Diamond Necklace and a Chain
10 How to Create a Vector Diamond Necklace and a Chain
11 How to Create a Vector Diamond Necklace and a Chain

Step 4

COLORING

Now turn off the guides once you are done. select the full divided / drawn circle with lines and square and using the Paint Bucket Tool fill it up with one color.
Ok you might say why not just fill the circle with foreground color change , the technique i used here is to break the full drawing up in sections and i prefer using live color option HOW? see below.
Here the full drawing is selected and then filled up with one single color . the bounding box you see below show that this is a live color object now .
12 How to Create a Vector Diamond Necklace and a Chain
Click on Expand which you will see on the top bar. This will break the full drawing into devided section making it easy for us to color each. Before doing that left click and ungroup.
13 How to Create a Vector Diamond Necklace and a Chain
Fill it up with gradience as show below
14 How to Create a Vector Diamond Necklace and a Chain
Create a star shape , i will not go into detail on how i did this one in short select the star shape tool with 6 points. create a copy place above and give a slightly tinted color.
15 How to Create a Vector Diamond Necklace and a Chain
16 How to Create a Vector Diamond Necklace and a Chain

Step 5

CREATING THE BACKGROUND

I created a black bounding box now and had sent it to back so i can better develop the final image. create a circle , and go to object>path offset path to create a bit smaller circle placed inside this one.

17 How to Create a Vector Diamond Necklace and a Chain

Using live Paint fill it up with gradient Create a copy and align in the middle

18 How to Create a Vector Diamond Necklace and a Chain

Group the diamond shape that we created above and start placing it inside the RING that we created.

19 How to Create a Vector Diamond Necklace and a Chain
20 How to Create a Vector Diamond Necklace and a Chain
21 How to Create a Vector Diamond Necklace and a Chain

Give a gradient to the rings as show below.

22 How to Create a Vector Diamond Necklace and a Chain

I created another ring silightly broader to place at the back of this whole drawing. ( create one , offset and use pathfinder to intersect You may want to learn the tools if you dont know then See the Guide here )
23 How to Create a Vector Diamond Necklace and a Chain

Again take a copy of this broader circle and place at the top , and draw an oval shape filled with same gradient.

Step 6

CREATING THE CHAIN

24 How to Create a Vector Diamond Necklace and a Chain

Start building the chain with the copy of the same thing

25 How to Create a Vector Diamond Necklace and a Chain
26 How to Create a Vector Diamond Necklace and a Chain
27 How to Create a Vector Diamond Necklace and a Chain

And Finally the whole thing is complete give a finishing touch by using copy of the SHINE we create using star shape and place it on top

28 How to Create a Vector Diamond Necklace and a Chain

FINAL PREVIEW

Create more copies and give a bit of transparencies.

29 How to Create a Vector Diamond Necklace and a Chain

 

30 How to Create a Vector Diamond Necklace and a Chain

How to Create a Vector Diamond Necklace and a Chain[private]I’m Done! Share what you created if you create something using same technique! OR  download the Vector File to explore my work place.[/private]

DOWNLOAD THE SOURCE FILE WHEN YOU ARE A MEMBERLogin Or Sign up

You May also like Some more Vector Basic Drawing Tutorials Or Complete list of Tutorials!

[categorythumbnaillist 13]

 

38 Step By Step illustration techniques and Adobe Illustrator Tutorials to Help you Become a Vector Expert

Writing enough Adobe illustrator tutorials Well not exactly 100 but enough to help someone adopt the same skill and enough illustration techniques is my target! 🙂

It has been 1 1/2 year since the launch of Aivault.com. During this time I wrote Adobe Illustrator tutorials ranging from basics to advance. Here is my compilation for easy bookmarking to these tutorials. If you are starting up with Adobe illustrator check out the Adobe Illustrator Tutorials in the basics and then move at your own pace to bit advanced one.

And if you are confused or stuck with a specific tool let me know I will be glad to write Adobe Illustrator Tutorials on request!

Affiliate Disclosure : This post contains affiliate links, However I only recommend products that I use and greatly recommend and are in my opinion are the best out there.

38 STEP BY STEP ADOBE ILLUSTRATOR TUTORIALS TO HELP YOU BECOME A VECTOR EXPERT

38 STEP BY STEP ADOBE ILLUSTRATOR TUTORIALS TO HELP YOU BECOME A VECTOR EXPERT

BASIC Adobe Illustrator Tutorials 

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

LEARN ABOUT PATTERNS & SWATCHES 

Smart Scale object or Pattern

How to Create a Seamless Pattern

Expanding Pattern Fills

USING MESH TOOL IN ADOBE ILLUSTRATOR

An intro to mesh tool

Creating Lips using Mesh tool

How to remove mesh fill

Using Blend Tool IN ADOBE ILLUSTRATOR

Making a stamp!

Create a Half Tone Effect Using Blend Tool

UNDERSTAND CONCEPT OF BRUSHES IN ILLUSTRATOR

1-How to Use brushes

2-Changing appearance of Scatter Brushes

3-Changing Appearance of Brushes

4-How to make funky illustrative backgrounds and flourishes

Advance Techniques Illustrator Tutorials

Make your Own Paint Brushes

Using Flash as illustration tool

Understanding Twirl, Crystalize and Envelop Tool

Using Crystallize tool create a Detailed EYE

Exporting animated SWF files from illustrator

3D Effect Adobe Illustrator Tutorials

 How to Create a 3D RSS Icon

Giving Effect to Text

 Tutorial: Create a cool water effect

 Add grunge effect to your text

Printing with illustrator

7 Practical Tutorials to get you started

File Management with illustrator

Getting file ready : Cleaning up illustrations

Photoshop Tips and Tricks

How to convert photoshop brushes to paint shop pro brushes

How to use Overlays in photoshop

Bookmark this page, share with your friends

Share



GET 33% OFF ADOBE ILLUSTRATOR

I have been using Adobe illustrator  for the last 15 years. And I highly recommend that if you are serious about dipping your hands in Graphic Design as your career OR seeking to earn passive income doing graphic design services then you must get acquinted with Adobe illustrator.

This blog is filled with tutorials that can help you learn illustrator you can get your Adobe illustrator Yearly Subscription ( 33% OFF) Here.

BUY Adobe illustrator

HOW TO MAKE A 38 Step By Step illustration techniques and Adobe Illustrator Tutorials to Help you Become a Vector Expert

illustrator technique : How to Coloring Artwork Using Live Color advanced illustrator tutorials

 

%5BUNSET%5D illustrator technique : How to Coloring Artwork Using Live Color advanced illustrator tutorialsOk i love this illustrator technique : How to Coloring Artwork , this one saved me tons of time last night and i “had” to share it with you.

Ever had the need to create same illustration in multiple colors ? no need to recolor selecting each and every color here is a neat little shortcut in Adobe Illustrator to help you out. Here is my problem and solution walk through! (more…)

Tutorial How to Create a Cute Hippo Character in Vector Character Tutorial Illustrator

AIVAULTTHUMB

How to Create a Cute Hippo Character in Vector .This tutorial will show you how to create cute Hippo Character using simple shapes and a really simple effective drawing technique . This technique has been adopted from recent addition to the store of Animal Head Graphic Set , latest addition to the store. Here is how it is done.

(more…)

illustrator Tutorials : How to create a Television Icon

[private]This easy step by step tutorial contributed by Ryan of Vectips will show you how to create a a retro television icon just with some basic shapes and gradients. These technique are easily applicable to other icons, illustration, and logos!

This Tutorial covers the following basic techniques when using illustrator

  • Using Offset Path on an object
  • Learn to use Gradients to create surface texture and depth
  • Create a reflection using an Opacity Mask

(more…)

7 Most Practical illustrator tutorials to get you started with printing!

 

051 7 Most Practical illustrator tutorials to get you started with printing!

There are number of great tutorials , freebies and resources available throughout the web , and daily the number of helpful articles pop up !. But when it comes to print there are not many  useful and practical guides which make you understand the process . It can be a bit tricky but with guidance in right direction can help you understand the process pretty fast . (more…)

Vector Tip#2:- Changing appearence of Scatter Brushes

[private]Since Launching of Aivault Shopi have been more frequently being questioned about modifying brushes , Here is the latest one “How to change appearance of Scatter Brushes!” . In my opinion scatter brushes are such fun to play around with , and if you have an interesting set of scatter brushes you can achieve variety of effects from it . (more…)

Illustrator Tip : Changing Appearence of Brushes

[private]02 Illustrator Tip : Changing Appearence of BrushesThis little tutorial will show you how to change appear of brushes . I have found this to be very practical when you have certain brushes which are directional ie inclined more to left or right side or above or below a line.

Here is how to change Appearance of Brushes !

Assuming that no Brush palette is open . Go to Window>Brushes (short cut F5) (more…)

How to Create a Vector EYEBALL like Gomedia Freebie!

Have you checked out this awsome freebie from Gomedia of an eyeball popped out? Check that out and view this Video Cast on how to Create a Vector EyeBall yourself which has been popped out with veins and little bit of dripping stuff!something similar to that …..

I have used Line Art Brushes for this tutorial , as well as Vector texture pack from my library. (more…)

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

previewsmall 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]previewsmall Create a Disco Environment with Twirl Tool, Crystalize , and Envelope Tool- Part 1

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…)

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]

Speed illustrations

[private]032 Speed illustrations

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]061 Envelope ToolIt 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…)

Cleaning up illustrations

[private]del Cleaning up illustrations

Reching the end of finalization of your artwork  One challenge is saving the file with less size. Here is a little tip which you can follow to get less of messy stuff in your final outcome of illustrations. File will be saved with less pallette items hence smaller file size. (more…)