Roundup Vector Tutorials Best of Aivault 2013

Roundup Vector Tutorials Best of Aivault 2013

Here is my list of Roundup of Vector Tutorials of Aivault for year 2013 .

I started this blog in 2008 when i was myself looking for tutorials for illustrator and failed to find the ones that i was really looking for . This led me to learn illustrator through Adobe help and i felt the need to have a visual presentation of what i was learning .

In the beginning this blog was more of a journal for me visually capturing what i was learning , when i learned something new i make a tutorial for it . In the beginning Aivault was taken seriously by some fellow design sites and they loved sharing my content . Then over the years , as i grew my responsibilities grew as well due to which i was unable to give as much time to this blog as i should have . But starting 2014 i have plans to revive my writing and come back to this blog with some more healthy content to share .

Year 2013 has not been a great blogging year for me or aivault , as I was not able to give as much time as it demanded , i admit that but still here is a breakdown of some of the popular posts of the year a Roundup of Vector Tutorials and free vector downloads.

 

Vector tutorial step by step how to draw human eye

Vector tutorial step by step how to draw human eye

Step by Step How to Draw Human Eye Vector Tutorial

How to do human drawing , illustrate an eye with details vector tutorial

How to do human drawing , illustrate an eye with details vector tutorial

 

How to Create a Shiny Diamond Metallic Chain necklace

How to Create a Shiny Diamond Metallic Chain necklace

How to Create a Shiny Diamond Metallic Chain necklace

Snow Effect Overlays for Photographs and Digital Artists

Snow Effect Overlays for Photographs and Digital Artists

Snow Effect Overlays for Photographs and Digital Artists


 

Free Modern Christmas Trees Clipart images Graphics set

Free Modern Christmas Trees Clipart images Graphics set

Free Modern Christmas Trees Clipart images Graphics set

Free texture : Animals dressup Fresh and Vibrant Girly Pattern digital pages

Free texture : Animals dressup Fresh and Vibrant Girly Pattern digital pages

Free texture : Animals dressup Fresh and Vibrant Girly Pattern digital pages

How to Draw a Cartoon Duck , Character illustration

 

How to Draw a Cartoon Duck , Character illustration

How to Draw a Cartoon Duck , Character illustration

6 Free High Resolution Texture Pack : Roller on Grained Canvas

6 Free High Resolution Texture Pack : Roller on Grained Canvas

6 Free High Resolution Texture Pack : Roller on Grained Canvas

 

Character illustration for Blog or facebook profile,

Character illustration for Blog or facebook profile

Character illustration for Blog or facebook profile

 

Illustration tutorial :How i drew mummy Boxter character is 9 steps So Easy!

Illustration tutorial :How i drew mummy Boxter character is 9 steps So Easy!

[private]Here is a very very quick and simple tutorial showing you how just using the most basic tools of illustrator you can create a Character in a matter of few minutes. This little guy has been named ” the mummy”  and is an exclusive character of the family of  Boxterz** characters.

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

PREVIEW

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.

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

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

STEP 4

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

STEP 5

Using Pen tool create a smily little mouth

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

STEP6

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

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.

STEP 8

Free hand drawing using pen tool continues.

STEP 9

DONE!

**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 THE SOURCE FILE WHEN YOU ARE A MEMBERLogin Or Sign up

You May also like Some more Vector Drawing` Tutorials!

[categorythumbnaillist 13]

 

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

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 🙂

and the decal design

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 !

 

Tips & Tricks : How to Convert the Photoshop Brushes to Paint Shop Pro Brushes

Tips & Tricks : How to Convert the Photoshop Brushes to Paint Shop Pro Brushes

I often receive this question so that how to convert the photoshop brushes to Paint Shop Pro brushes , though i am Completely a Photoshop person and do not ever use Paint shop Pro , but since most of the users who download brushes from my shop do use Paint shop Pro and ask this question….. here is how it is done

1. Start Paint Shop Pro
2. Go to File -> Open and browse to the folder where the  .png files are
3.  Paint Shop Pro can not handle brushes bigger than 999px and in older versions 600px  you’ll have to go to resize the image to make a copatable brush for this go to  Image->Resize  the bigger side will be reduced to minimum 999px
4. Go to File->Export->Custom Brush
5. name it ,  and hit OK
6. In “Edit Paths” make sure you export the brush into your default Paint Shop Pro brush folder.
7. The new brush is available to play around with!

And Voila! Here they are! Your brand new Photoshop Brushes are now in Paint Shop Pro.

The brushes that i offer through my store do come with PNG files to make it easier for you to use either as a digital stamp OR convert it to your own brush set for your software of use.

Vector Tutorial : Exporting animated SWF files from illustrator

Vector Tutorial : Exporting animated SWF files from illustrator

[private]This 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…)

Roundup Vector Tutorials Best of Aivault 2013

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.

Step 2

Selecting nodes started distorting the shapes and forms.

Step 3

Two shapes united to make further shapes

Step 4

Round up the corners of the stroke for a better formation

Step 5

Some details added to the windows

Step 6

Using my most handy tools vector brushes for strokes.

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.

Step 8

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

Step -9

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

Step 10

Randomly placed grouped copies of the bricks.

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 😉

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.

Step 13

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

Step 14

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

Step 15

Development of shadows and light continues

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)

Step 17

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

Step 18

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

PREVIEW

Visit Vectorpics.com

[/private]

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

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

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

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.

Step 3-

Give it a nice blue stroke with rounded Cap.

Step 4-

Next Expand the stroke
Object > Expand

Step 5-

Right click the shape and ungroup the whole thing

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.

Step 7-

Select the inner shape that you just created and give it a gradient fill.

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

Step 9-

Select the white fill and using eye dropper tool give it a gradient as well.

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.

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.

Step 12-

Arrange this shape on the cloud somewhere anywhere you like to achieve something like this…

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

Step 14-

Create a copy Scale and arrange .

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.

Step 16-

We are done!
Here is what i came up with

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

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

[/private]

Roundup Vector Tutorials Best of Aivault 2013

How to Export User list from WordPress Database for mailing lists

[private]

** Please read important!

1-Login to your hosting account in this case i am currently hosting my site at HostMonster , usually the Cpanel is the same . 2-After you login to CPanel Look for PHP My Admin 3-Now look for Databases Tab And then click on the appropriate Database you want to export user list from After the Database open look for the Query Tab on the top And now you must run a Query! In this Tab you will look for the following box ie Use Tables > Select Wp-users Next Since our Mailing list requires  the list in the following order Username , User Email Address , User Display name I chose the following option for the Query. Hit Update Query and you will get something like this Hit Submit Query Button and you will get a full list of users something like this Click on Select All ( located at the end of the list) Now click on the Export button located at the end of the list and in the next window that opens use the options or set them up according to your mailing list provider , ie how to separate the id , email address and name by , or ; My selection is the following And now i hit go to save the CSV file , ready for my use!

Please Note!

**I have very limited knowledge of handling database and coding , i am more of a designer that too self taught 🙂
this is just a presentation of How I export my CSV file . Please do not play around with the database if you do not have enough understanding of what you are doing . I/this site will take no responsibility if you experience any difficulties in the final outcome or any loss of data while you are following this tutorial. It is more of a recording and blogging on my part to save my everyday learning experiences.

I hope this helps you somehow though ! 🙂 Happy exporting![/private]

Tutorial : How to create Rounded Corners with Decorative overlays

Tutorial : How to create Rounded Corners with Decorative overlays

rounded frames in photoshop tutorial

rounded frames in photoshop tutorial

This tutorial will Show you how to use decorative overlays on your photographs.

Learning level – Beginner

I am using Floral Decorative overlay frames with slightly rounded off edges .(I’m using Adobe Photshop Creative Suite 3 *PSCS4* in this tutorial, but you can achieve this same thing in any Photo Editing program that supports PNG files. i.e. Photoshop Elements, etc.)

1. Go to: FILE>OPEN> & find your photo.

1. Go to: FILE>OPEN>and open up any of the frames that you would like to use as an overlay , here i browsed and opened up a frame from the calender photoshop brushes set (remember? facebook fans received it for free? still free to download through the store)

When you have opened the png You will see some Grey and white boxes behind around the frames don’t be alarmed since it is a png file this area means it is transparent.

i chose to use this frame go ahead right click and save it to your disk if you want.

3. With your Move Tool, drag & drop your photo ON TOP of the black PNG file. Your Layer Palette will look like this.

4. Go to: LAYER>CREATE CLIPPING MASK.

5- And your image will create a clipping mask showing off the image something like this!

6- Save it as a jpg , post it to your blog or any other project you are doing. you can play more with it further to create some background color for it. but that’s totally upto you!

Here the jpg saved preview

Find out more photoshop brushes , frames and overlays , digital backgrounds , textured papers at the aivault store. Keen on learning more check out more tutorials on this site

Roundup Vector Tutorials Best of Aivault 2013

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

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

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

Creating a custom Font : Understanding the Dynamics of Blend Tool

Creating a custom Font : Understanding the Dynamics of Blend Tool

[private]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

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.

Step 2

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

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 .

Step 3

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

Got 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

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 .

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?

And there ! you have it , full swatches panel of all the colors used! Neat isnt it? 🙂

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 !

[/private]

Roundup Vector Tutorials Best of Aivault 2013

illustrator in photoshop Tips : Exporting Layers as PNG files

If you are looking for a way to open your work of illustrator in photoshop then you are in the right place!

Since i love sharing adobe illustrator tutorial and tips using adobe illustrator you can also look into the list of all the other fun adobe illustrator tutorials I have shared earlier few of the top ones are mentioned below !

Related Reading : 38+ illustrator and photoshop Tutorials 
Related Reading : Learn illustrator how to draw adobe illustrator tutorial

So how do you open illustrator file in photoshop? and export layers as PNG files?

This one is very short and sweet , i was working on a few files and this was a big file with numerous illustrations which i needed to convert to JPG and well as PNG . And while searching through google i found this little handy dandy script to help you open png files

illustrator in photoshop Export Illustrator Layers and/or Artboards as PNGs and PDFs

using this script you can choose to export as PDFs in addition to PNGs, and you can also export the product of artboards and layers.

Click here to Download the Script 

opening illustrator in photoshop adobe illustrator tutorials

Just create layers and then just run the script , the png is cropped to the artboard and saved through illustrator to the folder of your choice.
And if you are looking for a way to do the same in photoshop then fear not , Photoshop CS4 already has a built in script for this . But what about someone who has CS3? well here is a very useful link for Photoshop CS3 exporting to layers PNGs Seekers . Find it here!.

More illustrator in photoshop Tips

Related Reading :

38+ illustrator and photoshop Tutorials 
Learn illustrator how to draw adobe illustrator tutorial

advanced illustrator tutorials :  Coloring illustrations using mesh and knife tool

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.

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.

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


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.


Right click and ungroup , this will break every section apart.

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.

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

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.

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.

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

Now with the reserved face shape copy , using the knife tool cut out across the face somewhat like below

Discard the middle section and bring the cutout shape over Ella’s face. Give it a slightly darker tone .

you can further adjust it by reducing the transparency level as well.

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


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.

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!

Ella is available for download through Aifactory store you can find her HERE

How to Create a Vector Diamond Necklace and a Chain

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 🙂

Next we will make use of the guides and star dividing the shape with equally sized straight lines and guide as a reference.

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.

Keeping the intersecting point of the guides and the lines as a reference align a square inside it , similar to the one seen below.

As shown below create a copy like we did with the lines and rotate it .

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.

And here i have a copy done again you can do this by hitting CTRL+D which will repeat your last action.

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



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 .

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.

Fill it up with gradience as show below

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.

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.

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

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



Give a gradient to the rings as show below.

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 )

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

Start building the chain with the copy of the same thing



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

FINAL PREVIEW

Create more copies and give a bit of transparencies.

 

[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]

 

Roundup Vector Tutorials Best of Aivault 2013

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

Roundup Vector Tutorials Best of Aivault 2013

Using Adobe Flash to Create Vector illustration of a Castle.

[private]

There are plenty of soft-wares available to create vector illustrations.And there are more than plenty techniques to achieve your required result. It all depends on how you achieve it and in the end which software and the plan of work best suits you.

(more…)

Roundup Vector Tutorials Best of Aivault 2013

Vector Tutorial : Create a cool Water Text Effect dripping texture



In this 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 , use the symbol sprayer tool using symbol of water droplets and dispersing them .

The 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 CC

Final image

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.

(JOIN MY FREE CLASS ” LEARN DIGITAL ART AND ILLUSTRATION)

old-booklet-mockup-1

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

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.

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

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

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

Use symbol Shifter tool to disperse the droplets

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

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

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)

Create a copy of it and apply gaussian Blur

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..

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

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

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

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.

Create a cutout shape from one of the text copies

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

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

Step 3 Concluding

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

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

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

Save for later Share it!

How to Create a Water Effect in Vector Step by step

How to Create a Water Effect in Vector Step by step

This tutorial was created using

[private] [download id=”38″] [/private]

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

[categorythumbnaillist 14]

Roundup Vector Tutorials Best of Aivault 2013

Envelope Tool

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

(more…)

Pin It on Pinterest

Cart
  • No products in the cart.