Create Gradient in Adobe Illustrator CS6

Edited by Freya, VisiHow, Eng, jcarrizal

You're watching VisiHow. In this tutorial, we're going to show you how to create a "Gradient" effect in Adobe Illustrator CS6 in Windows 7.


Steps

  1. 1
    To begin, you should open Illustrator either from your desktop or by coming down to the bottom-left corner and clicking once on the Windows icon
    .
    This will reveal a list of your recently used programs, where you may find Illustrator. It has a brown-and-orange icon with the letters "Ai".
    Advertisement
    Was this step helpful? Yes | No| I need help
  2. 2
    If you still can't see Illustrator, use your search bar along the bottom and start typing "Adobe Illustrator"
    .
    Advertisement
    Was this step helpful? Yes | No| I need help
  3. 3
    Click "Adobe Illustrator CS6"
    .
    It will immediately start loading and will take us directly to our workspace.
    Was this step helpful? Yes | No| I need help
  4. 4
    Click "File" in the top left-hand corner
    .
    Was this step helpful? Yes | No| I need help
  5. 5
    Click "New..."
    .
    Alternatively, press "Ctrl" + "N" on the keyboard. You can also open an existing document from here. There are other VisiHow tutorials on how to do those.
    Was this step helpful? Yes | No| I need help
  6. 6
    Click "OK"
    .
    Now, you have your document. You need an object too.
    Was this step helpful? Yes | No| I need help
  7. 7
    First, we need to click the fill color box
    .
    Was this step helpful? Yes | No| I need help
  8. 8
    Click a color
    .
    Was this step helpful? Yes | No| I need help
  9. 9
    Click "OK"
    .
    Was this step helpful? Yes | No| I need help
  10. 10
    Click the "Rectangle Tool" and then "Ellipse Tool" to make a shape
    .
    There are other VisiHow tutorials on how to create a shape.
    Was this step helpful? Yes | No| I need help
  11. 11
    Next, click "Selection Tool" in the top left-hand corner of the vertical toolbar
    .
    Was this step helpful? Yes | No| I need help
  12. 12
    Then, simply click the object
    .
    A blue outline should appear around the object, signalling that it's selected and ready for editing.
    Was this step helpful? Yes | No| I need help
  13. 13
    You can hide your stroke color
    .
    You can refer to other VisiHow tutorial on how to do that. You can start to edit your object.
    Was this step helpful? Yes | No| I need help
  14. 14
    After that, click the "Gradient" icon at the right-hand side of the window
    .
    The icon goes from dark to light in color. You can begin editing.
    Was this step helpful? Yes | No| I need help
  15. 15
    Click the drop-down menu for the colors
    .
    Was this step helpful? Yes | No| I need help
  16. 16
    Click a gradient color
    .
    In this video, we click "White, Black". The canvas will be updated.
    Was this step helpful? Yes | No| I need help
  17. 17
    Click the "Type" drop-down menu
    .
    It can be either "Radial" or "Linear".
    Was this step helpful? Yes | No| I need help
  18. 18
    Next, you can click and drag the "Gradient Slider" right and left sliders
    .
    This will change how far the dark or the light color comes across.
    Was this step helpful? Yes | No| I need help
  19. 19
    Click the "Angle" drop-down menu
    .
    Was this step helpful? Yes | No| I need help
  20. 20
    Click a degree value
    .
    Alternatively, just type the value.
    Was this step helpful? Yes | No| I need help
  21. 21
    To change the color of the gradients, double-click the right slider to bring up the dark color
    .
    Was this step helpful? Yes | No| I need help
  22. 22
    Choose opacity and click a color
    .
    Was this step helpful? Yes | No| I need help
  23. 23
    Then double-click the left slider to change the light color
    .
    Was this step helpful? Yes | No| I need help
  24. 24
    Choose opacity and click a color
    .
    Was this step helpful? Yes | No| I need help
  25. 25
    You can also add more anchor points by clicking the gradient line
    .
    This will allow you to add multiple colors, not just two, to your gradient line.
    Was this step helpful? Yes | No| I need help
  26. 26
    Double-click the extra anchor lines to change the midtone colors as well
    .
    Was this step helpful? Yes | No| I need help
  27. 27
    Choose opacity and click a color
    .
    Was this step helpful? Yes | No| I need help
  28. 28
    From "Gradient", you can also click the "Opacity" drop-down menu
    .
    Was this step helpful? Yes | No| I need help
  29. 29
    Click a percentage or type it in the "Opacity" box
    .
    Was this step helpful? Yes | No| I need help
  30. 30
    You can also click the "Location" drop-down menu
    .
    Was this step helpful? Yes | No| I need help
  31. 31
    Click a percentage or type it in the "Location" box
    .
    Become familiar and experiment with the tools.
    Was this step helpful? Yes | No| I need help
  32. 32
    Click away from the "Gradient" window and the "Gradient" effect will be applied to your object
    .
    Was this step helpful? Yes | No| I need help

This concludes our tutorial showing you how to create a "Gradient" effect in Adobe Illustrator CS6 in Windows 7. If you have any questions or queries regarding this tutorial, just add them to the comment section below. Thank you for choosing VisiHow!

Was this helpful? Yes | No| I need help

Video: Create Gradient in Adobe Illustrator CS6

Questions and Answers

Can I make a vertical and horizontal gradient in the same shape?

I want to have the area of a shape gradient into one color horizontally, and another color vertically. Is that possible?

VisiHow QnA. This section is not written yet. Want to join in? Click EDIT to write this answer.

If you have problems with any of the steps in this article, please ask a question for more help, or post in the comments section below.

Comments

VisiHow welcomes all comments. If you do not want to be anonymous, register or log in. It is free.

Article Info

Categories : Software

Recent edits by: Eng, VisiHow, Freya

Share this Article:

Thanks to all authors for creating a page that has been read 239 times.

x

Thank Our Volunteer Authors.

Would you like to give back to the community by fixing a spelling mistake? Yes | No