Vectordiary

Illustrator tutorials, tips and tricks on vector art by iStockphoto exclusive artist. Enjoy free vector downloads.

Hello Guest! | Log in| Register

Day 10: Working with Color and Strokes


Filling Color Using Swatches

To fill an object, open up your Swatches Palette. Select your object and pick any color from the swatches.


Filling Color Using Color Picker

Another way to fill color is by double clicking on the Fill in your Tool Palette. A Color Picker window will appear and you can pick your color.

Changing Fill and Stroke Using Control Palette

You can also easily change fill, stroke color and stroke width by accessing your Control Palette at the top of your artboard.

Stroke Caps

The Stroke Caps determine the start and end points of a stroke. This applies to open paths only. You can choose between a Butt, Round, or Projecting cap.

Miter Limit

The stroke’s Miter Limit specifies the appearance for the joins in a shape. Notice how the joins look after we applied different miter settings to the stars.

Applying Gradient to Objects

To apply gradient to your object, go to the Tool Palette and set it to Gradient Fill.

Open up your Gradient and Color Palette. By default it is a Grayscale gradient. Click Options icon at the corner and change it to RGB mode.

After we switched to RGB there will be slider and a color chart to pick the color. Choose a dark blue for it.

Do the same for the start point, change it to RGB and choose a light blue.

To add a new gradient stop to the gradient, click right below the gradient ramp to create a new stop. Change it to white color. To remove it, you can drag the stop out of the Palette.

To change the direction of the gradient, select the Gradient Tool from the Tool Palette. Click and drag in the direction you want the gradient to follow.

Radial Gradient

To set it to radial gradient, Choose Radial instead of Linear.

Pattern Fill

To create seamless pattern fill, we can choose the pattern fill from the Swatches.

Conclusion

Using radial and linear gradient, we can achieve alot of realism to our artwork. Radial patterns can add depth and volume to circle, and linear pattern can used to create volume for cylinders. Here is an example of gradients used to create a jingle bell.

3d gold bells

Next Lesson: Editing Objects, Layers & Groups »
Back to Table of Contents

Support Vectordiary by sharing it:
  • Digg
  • del.icio.us
  • Reddit
  • StumbleUpon
  • Technorati
  • Design Float
  • Twitter

About The Author: Tony Soh

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learning illustrator in 30 days has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Read all articles writen by this author

2 Trackbacks

Illustrator in 30 Tagen lernen | Phodana Media | Illustrator in 30 Tagen lernen | Phodana Media
August 16th, 2008 at 9:00 pm

[arte e vício] » Blog Archive » Aprenda Illustrator CS3, ou não, em 30 dias. Tutoriais em inglês - Inspiração #11 | [arte e vício] » Blog Archive » Aprenda Illustrator CS3, ou não, em 30 dias. Tutoriais em inglês - Inspiração #11
March 23rd, 2009 at 11:47 pm

+Add Comment15 Comments

  1. Gravtar for puzzle
    puzzle August 17th, 2008

    The explanation of mitter limit is not quite correct. Mitter JOIN is in connection with mitter limit. Round join, Bevel join and Mitter join are types of joins in/on the stroke.
    More about it:
    http://livedocs.adobe.com/en_US/Illustrator/13.0/help.html?content=WS714a382cdf7d304e7e07d0100196cbc5f-6518.html

  2. Gravtar for puzzle
    puzzle August 19th, 2008

    The above link is wrong. The right one is:
    http://livedocs.adobe.com/en_US/Illustrator/13.0/help.html?content=WSA1E31D7D-13E6-41ac-AA8C-4AD129B9FC1C.html
    (Change the caps or joins of a line)
    Anyway, this tutorials are great. thanks!

  3. Gravtar for iStockdiary
    iStockdiary August 19th, 2008

    Thanks puzzle, I have updated the information.

  4. Gravtar for Rodolfo
    Rodolfo November 17th, 2008

    Great and simple as always!!

  5. Gravtar for jacqui
    jacqui November 17th, 2008

    Fantastic tutorial, thankyou so much. Much better than the Adobe help, I finally feel like I’m getting somewhere learning Illustrator. I’m switching over from CorelDraw and finding it very tough going! I have a problem though, not sure if there’s a bug in my software or something… where you say “Open up your Gradient and Color Palette. By default it is a Grayscale gradient. Click Options icon at the corner and change it to RGB mode.” I do not get the option to switch to RGB, there are no options at all. So then I have no way to change the colours for the gradient, any help you can give would be fantastic, thanks again for the tuturial.

  6. Gravtar for Vectordiary
    Vectordiary November 17th, 2008

    Hi jacqui, by default is a greyscale gradient. Nothing wrong. Open up you color palette at window>Color Palette. Click once on the little triangle on the gradient to select it. Then go Color Palette and click the options button (at the top right corner) and select RGB. Hope this helps.

  7. Gravtar for Dipka
    Dipka January 2nd, 2009

    Thanks! yeah, It’s realy nice tutorial.
    Vectordiary, I have same problem as Jacqui had. I’m useing Illustrator cs2 that’s for I didn’t get optation to changed gradiant colour? I changed as you say “Grayscale to Rgb”. yes, there’s a opationes slider and a color chart to pick the color but I can able to change only single colour, when I clicked Gradient opation then colour changed into Greayscale gradient.

  8. Gravtar for Dipika
    Dipika January 2nd, 2009

    Yes,I got but how to perment fixe ” RGB”?

  9. Gravtar for Vectordiary
    Vectordiary January 2nd, 2009

    Hi Dipika, I’m also trying to figure to change the gradient to RGB permanently. Anyone got any solutions?

  10. Gravtar for Cheng
    Cheng January 5th, 2009

    I also have the same problem as Dipka and I am using Illustrator CS4.

  11. Gravtar for Cheng
    Cheng January 5th, 2009

    Ahh i figured it out. TO change the colors just double click on the house-shaped gradient sliders on the grayscale bar.

  12. Gravtar for Tissaka Senarath
    Tissaka Senarath March 1st, 2009

    Great as usual.. thankss! :-)

  13. Gravtar for l
    l May 27th, 2009

    super tutorial

    Im having the same concern.

    once in gradient i get the default grey. no option for rgb

    even widows does not have the colour palette option (CS3)

    on clicking the house icon a colour palette comes up but the gradient disappears and becomes a flat colour

  14. Gravtar for MichaelSD
    MichaelSD June 6th, 2009

    I am having the same problem. I follow the tutorial instructions to the letter to get colored gradient shading.

    But every time I choose a color, the menu bar automatically switches away from gradient fill to standard fill. If I open up the gradient tool, it immediately turns black/white.

    Please help me get colored gradient shading.

  15. Gravtar for Vectordiary
    Vectordiary June 7th, 2009

    Hi Michael, first fill it with gradient. Then double click the little triangle pointer in the gradient palette to bring up the color palette. You can choose your color from there.

Add a Comment

(required)

(will not be published)

join membership
Vector Valley
rss or subscribe via email


Write an illustrator tutorial and get paid $150 for each tutorial! Your bio and website will also be included to increase your exposure.

Find out more»



About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial for learning illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple

Powered by WishList Member