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 Convert Drawing to Digital Format in 5 Easy Steps

Disclaimer: This post contains affiliate links! I only share the products that I love and use and I may mention them in my post. 

 

I struggled for a while really when the need to convert drawing to digital format arose. Being an Artist, it is really getting essential to get ourselves and our art online and sometimes really important to create vector files that are scale-able.

 

When I started workinig digitally, i right away started with working directly through illustrator and Learned the Basics of Vector to get started. If you have a blog or shop or website where you would like to sell your digital artworks ( Read my post on How to sell art online here ) or maybe just plainly want to transfer your work into digital format to color it digitally , first thing first , you need to get it into a line work that is digitally supported.

For digital Artwork , or maybe coloring pages you need to have a clean and crisp black and white line. Here is a little tutorial for really novice artists who would like to do that.

 

 

howtodrawblackandwhite

1-Draw Clean and Bold

Draw with pencil or directly whatever is comfortable for you , keeping in mind that what you are drawing will be scanned and digitally modified and manipulated. More crisp and clean line you have easier it becomes to convert drawing to digital format.

I like to start my drawing with pencil , once I am done with the basic idea , I like to switch directly to a black Fine tipped marker to fill in the details. As I don’t like to rework on my details 🙂 . So it is totally up to you how you draw but the lines must be Clean and Bold .

The tools I use for drawing are

Fine Tipped Black PenRegular Sketch Book I use this oneThe Printer / Scanner that I use

draw-coloring-pages

2-Importance of Right Tools

Nothing can be worst than finishing your pre sketch with pencil and when you start drawing you realize that your sharpie or marker is out of ink!.

Make sure that you have a well-filled marker that gives clean edges. Rough edges means MORE touching up after the artwork is digitally altered.

3- Scan high res

I like to scan my artwork on high resolution , you can ALWAYS go down but you cant go up and scale a pixel image . Also i like to keep my scanner settings to colored and NOT BLACK AND WHITE. Black and white scans give a line contrast that is too much to handle and doesn’t give a smooth line in a final black and white image.

4-Adjust Curves and Brightness.

Finally in Photoshop you can adjust the Curves and play around with the brightness and contrast to get a clean and crisp image quality.

2015-05-09_19-51-53 2015-05-09_19-51-553

5-Vactorize!

Last but not the least , you can copy your final clean image Ctrl+A  (select all) and place Ctrl+V (Paste) into illustrator and then trace it !

Untitled-1

Result is a clean crisp outline that you can scale to any size you like WITHOUT LOOSING its line quality. Some additional steps you might want to take after the vactorization step is complete is to convert it to outline and clean the white area . I have explained cleaning the outlines in another post that you can Read about Right here.

 

After you are finished with your work you might need to make the lines more professional and clean you. Check out these Line Art brushes that are really helpful

Grab a copy of basic Line Art Brushes here

02b How to Convert Drawing to Digital Format in 5 Easy Steps

 

 

 

Here is how I Color drawing in illustrator Learn How to Draw Vector {BASICs}- PART 1Tutorial How to Create a Cute HippoHow to Draw a Cartoon Duck , Character

How to Create Editable PDF file

lessons How to Create Editable PDF file

how to I was just asked by a fellow designer who wants to sells printable party invitations through her etsy store and wants to know how to create an editable downloadable printable pdf file that works with invitations and other instant downloads .

I created this simple screencast for her maybe it is of use for someone else out there also looking for a similar solution.

I have used Adobe Acrobat X pro Writer

Let me know if you need help somewhere!

Do you love AiVault? Don’t miss another post. Click here to Subscribe to AiVault Blog by Email and receive new updates in your inbox !

Creating graphics in Power point

Frankly speaking i never did explore the power of point , except for creating once in a while backgrounds for presentations for my work . Which in fact is fun and quite rewarding . But using it as a drawing tool? never quite thought of it until Tom Kuhlmann created a similar power point tutorial version of one of my previously written tutorial  How to create an envelope icon with a satin Feel

envelope1 Creating graphics in Power point

This is how my version’s outcome looked like and below is Tom’s Version created entirely in PowerPoint

envelope2a Creating graphics in Power point

Tom also shares a video and step by step tutorial on his site Go take a look![/private]

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

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]

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

Cart