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

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

 

Batch process in Photoshop : 28 Useful Free Scripts to speed up your work

[private]

Photoshop scripts are Photoshop actions on setriods , i read this somewhere along the way searching for a way to overcome and find a solution for one of my today’s daunting tasks. I had in my around 40 graphics all layered in a single photoshop file which i wanted to convert into JPG and PNG , this i am able to do through a script run of exporting all layers to JPGs and PNGs . My quest was to find a solution to rename all these layers in one go… hmm can take a while to do that !.
I came across this wonderful list of scripts for photoshop which totally came in handy for today’s task and i hope many more to come .. so i had to share these with you .
below is a list of scripts by Trevor Morris Photographics which ofcourse thankfully solved my today’s problem of renaming all the layers in photoshop.

USEFUL SCRIPTS OF PHOTOSHOP

1-Array Generator

This script generates a two-dimensional array of cloned objects based on the selected layer or group. The user interface also allows you to specify the number of rows and columns, as well as the horizontal and vertical spacing between objects.

2-Black & White Variations

This script converts and saves an image to black-and-white using 20 different methods (although more methods can be added).

3-Center Layer

As the name implies, this script simply centers the active layer within the document, both vertically and horizontally.

4-Close Without Saving

This series scripts closes one or more documents without saving changes (without a prompt). Options include: all documents, only the current document, or all documents except the current one.

5-Contract Canvas Selection

This script contracts a selection that touches the document boundaries on one or more sides (which isn’t possible with some versions of Photoshop).

6-Distribute Layers Horizontally

This script distributes all selected layers horizontally, so that the layers are evenly spaced.

7-Distribute Layers Vertically

This script distributes all selected layers vertically, so that the layers are evenly spaced.

8-Hide All Layers

A simple script that hides (turns off) all layers in the active document.

9-Show All Layers

A simple script that shows (turns on) all layers in the active document.

10-Import Folder As Layers

This script combines a series of images from the selected folder into a new document. All layers are named according to the file they represent.

11-Layers to Comps

This script simply creates a layer comp for each layer in the active document.

12-Rename Layers

This script renames all layers in the active document, including those within groups. The script prompts for a layer name pattern, and then renames and numbers the layers (top to bottom, or bottom to top).

13-Find Layer

This script searches all layers by name and selects the first match.

14-Sort Layers

This script sorts all layers in the active document alphanumerically (top to bottom, or bottom to top)

15-Toggle Layer Visibility

This script toggles the visibility of the current layer (on or off).

16-View Actual Pixels

This event-based script displays the current document at 100% zoom (actual pixels).

12 more Scripts From Jeff Tranberry of Adobe Photopshop

Below are some scripts you will find on his site.

  1. Layers to PNG
  2. Converting to sRGB for Save For Web
  3. Create New Document
  4. Create Frames from Layers
  5. Reveal All
  6. Close all open docs without saving
  7. Turn off the preference for “Resize Image During Paste/Place”
  8. Turn on the preference for “Resize Image During Paste/Place”
  9. Create a .log file
  10. Get the active document name
  11. Open a folder of documents
  12. Get the time and date

Looking for More ? Scripts resources elsewhere

Adobe Scripting forum
Adobe Studio Exchange
free Photoshop scripts by Russell Brown

Installing A Photoshop Script

After downloading a script you must copy it into your Scripts folder. On a PC, the path would be:
C:Program FilesAdobePhotoshop (CS or CS2)PresetsScripts

On a MAC the path would be:
Applications> Photoshop (CS or CS2)> Presets> Scripts.

After copying a script to this folder you’ll need to Quit and then Restart Photoshop before the script appears in the File> Scripts menu.

To Run A Photoshop Script
To run a script choose File> Scripts and select the script from the list, which will include any script file that was saved with a .js or .jsx extension and saved in the Presets/Scripts folder. If you want to run a script that was saved in a different location, simply choose File> Scripts> Browse and navigate to the specific script you want to use.

Batch process in Photoshop : 28 Useful Free Scripts to speed up your work

[/private]

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 Capture How to Export User list from Wordpress Database for mailing lists And now you must run a Query! In this Tab you will look for the following box ie Use Tables > Select Wp-users Capture1 How to Export User list from Wordpress Database for mailing listsNext 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. Capture2 How to Export User list from Wordpress Database for mailing listsHit Update Query and you will get something like this Capture3 How to Export User list from Wordpress Database for mailing lists Hit Submit Query Button and you will get a full list of users something like this Capture4 How to Export User list from Wordpress Database for mailing lists 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 Capture5 How to Export User list from Wordpress Database for mailing listsAnd 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]

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]

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 MEMBER. Login 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…)

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

HOW to : Create a Personalized Badge for your site

[private]

 

title HOW to : Create a Personalized Badge for your site Every next Website has a 100% money back guarentee icon ,Creating one of your own is more fun when you have total control over all the elements of it In this tutorial my aim is not only on showing you how to create the icon but you will also practice and experience few of the tools of illustrator and some ways you use for your creative purposes.

(more…)