by Artinspireblog | Dec 2, 2021 | Drawing, illustrator Tutorials, Tutorials
adobe illustrator tutorial draw RSS icon in vector step by step tutorial
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
Step 2
Draw a small circle using Ellipse tool pressing shift while creating will give you a perfect round.
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
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
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
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….
Step 87
Now go to Effects>3D>Extrude and bevel with the group selected
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 🙂
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!
The finished RSS 3d icon
[/private]
by Artinspireblog | May 9, 2015 | Basic Learning, Photoshop Tutorials, tips & tricks, Tutorials
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.
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
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.
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 !
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
by Artinspireblog | Aug 9, 2014 | Designing, Latest Posts, Photoshop Tutorials, tips & tricks, Tutorials
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 !
by Artinspireblog | Aug 3, 2010 | Basic Learning, Photoshop Tutorials, Tutorials
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]
by Artinspireblog | Nov 23, 2009 | Articles, Basic Learning, Featured, illustrator Tutorials, Tutorials
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
LEARN ABOUT PATTERNS & SWATCHES
UNDERSTAND CONCEPT OF BRUSHES IN ILLUSTRATOR
4-How to make funky illustrative backgrounds and flourishes
Advance Techniques Illustrator Tutorials
Giving Effect to Text
Printing with illustrator
File Management with illustrator
Photoshop Tips and Tricks
Bookmark this page, share with your friends
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.
by Artinspireblog | Aug 13, 2008 | Effects, illustrator Tutorials, Tutorials
This tutorial will serve as an introduction to creating a mosaic like effect inside illustrator , end result possibilities are endless But here is the Basic technique of creating a mosaic effect.
(more…)
by Artinspireblog | Aug 11, 2008 | Basic Learning, illustrator Tutorials, Latest Posts, Tutorials
[private]Starting with illustrator , When you open up the illustrator you are greeted by some boxes and palettes . (more…)
by Artinspireblog | Aug 11, 2008 | Basic Learning, illustrator Tutorials, Tutorials
[private]This is an introductory post and will continue in several sections Through thise post i would like to establish a series of post with introduction to the tools palette and illustrator workspace. A better knowledge and understanding of illustrator. (more…)
by Artinspireblog | Aug 8, 2008 | Drawing, Effects, illustrator Tutorials, Tutorials
An introduction to Gradient Mesh tool
Gradient Mesh tools are used to create a single multicolored object on which colors can flow in different directions , the color transitions achieved are smooth running from one color to another. (more…)
by Artinspireblog | Jul 10, 2008 | Drawing, illustrator Tutorials, Latest Posts, Tutorials
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…)
by Artinspireblog | Jul 8, 2008 | Drawing, Effects, illustrator Tutorials, Latest Posts, Tutorials
[private]
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…)
by Artinspireblog | Jul 7, 2008 | Drawing, illustrator Tutorials, Tutorials
[private]
just came across this tutorial from Vector Tuts . In this tutorial, we’ll see how creating this detailed traffic light is just a matter of building up layers of simple shapes, custom gradients, and the Outer Glow effect.
[/private]
by Artinspireblog | Jul 1, 2008 | Effects, illustrator Tutorials, Tutorials
[private]
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. (more…)
by Artinspireblog | Jun 17, 2008 | Designing, illustrator Tutorials, Latest Posts, Tutorials
[private]In this tutorial we will be creating a horizon of Floating air balloons . (more…)
by Artinspireblog | Jun 10, 2008 | Drawing, illustrator Tutorials, Tutorials
How to draw a human eye in vector step by step
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
Apply the gradient
Play around and adjust the gradient.
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.
Place the cut out over the white area , arange it to be at the front . ie right click > arrange > bring to front.
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.
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.
Make the blend as seen below.
The result is ….
Now we will repeat the same with the lower shade under the eye.
here we will work on the deep area of the eye , inner one.create the shape
Create an inner shape as well adjusting the paths to get your desired result. This will be our Hair Growth area of the eye..
Place it quite aligned to the hair placement.
Use Effects> Guassian blur.
select the smaller cutout of the white area.
Using Effects > guassian Blur blur it a bit.
Lower the transparency of the said cutout.
Select the shape above the eye and use guassian blur to blur it a bit.
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.
Create a copy of the large circle of the Pupil Use another copy arrange them and use path finder to cutout a crecent shape.
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.
Colour this crecent a darker tone
Use guassian Blur to blur that crecent part as well.
Placing some shine in the pupil area. Create a shape as follows.
Save a copy of it
Blur this shape as well .
Select the saved copy of the shine shape . and go to object> path > simplify
Work on it to get a little simplified and a smaller shape than the original one .Something like this.
Place this over the top of the gradient shine shape
Reduce the opacity of the shine.
I here gave a little bit of gradient to the shine part..
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 🙂
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.
Draw another stroke over the pupil area.
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.
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.
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
by Artinspireblog | Jun 8, 2008 | Drawing, illustrator Tutorials, Latest Posts, Tutorials
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
Which we will save as a symbol .
Create and copy an oval shape as seen below
Fill it up with a dark shade
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.
Here is what i got after crystalizing my silightly oval shape , dont forget to keep a copy of the original shape.
Resize it as seen here
Select the big circle of the pupil make a copy of it and follow the crystallizing options for the same as well.
Here is what i got
Arrange your shapes
Place the Crystallized pupil over the original one. This is for the bigger one.
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.
Create a copy of the darkest shade ie smallest circle and apply gradients as seen
Place the original circle on top of it. Apply a dark gradient to it.
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
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]
by Artinspireblog | May 1, 2008 | Designing, illustrator Tutorials
[private]
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…)