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.

Create a Gradient on Adobe Illustrator CS6.mp4-canvas291 182611.jpg

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".
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas24 397282.jpg
    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"
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas42 036621.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas44 841779.jpg
    Was this step helpful? Yes | No| I need help
  4. 4
    Click "File" in the top left-hand corner
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas60 440343.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas61 560273.jpg
    Was this step helpful? Yes | No| I need help
  6. 6
    Click "OK"
    .
    Now, you have your document. You need an object too.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas77 527275.jpg
    Was this step helpful? Yes | No| I need help
  7. 7
    First, we need to click the fill color box
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas90 534437.jpg
    Was this step helpful? Yes | No| I need help
  8. 8
    Click a color
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas92 625969.jpg
    Was this step helpful? Yes | No| I need help
  9. 9
    Click "OK"
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas94 701833.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas100 002191.jpg
    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
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas106 333433.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas107 315701.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas109 07117.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas147 116792.jpg
    Was this step helpful? Yes | No| I need help
  15. 15
    Click the drop-down menu for the colors
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas149 793958.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas154 786948.jpg
    Was this step helpful? Yes | No| I need help
  17. 17
    Click the "Type" drop-down menu
    .
    It can be either "Radial" or "Linear".
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas161 102216.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas175 077807.jpg
    Was this step helpful? Yes | No| I need help
  19. 19
    Click the "Angle" drop-down menu
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas184 443551.jpg
    Was this step helpful? Yes | No| I need help
  20. 20
    Click a degree value
    .
    Alternatively, just type the value.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas187 072695.jpg
    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
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas197 057631.jpg
    Was this step helpful? Yes | No| I need help
  22. 22
    Choose opacity and click a color
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas204 620821.jpg
    Was this step helpful? Yes | No| I need help
  23. 23
    Then double-click the left slider to change the light color
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas207 383315.jpg
    Was this step helpful? Yes | No| I need help
  24. 24
    Choose opacity and click a color
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas209 665839.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas215 798789.jpg
    Was this step helpful? Yes | No| I need help
  26. 26
    Double-click the extra anchor lines to change the midtone colors as well
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas217 763887.jpg
    Was this step helpful? Yes | No| I need help
  27. 27
    Choose opacity and click a color
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas222 863231.jpg
    Was this step helpful? Yes | No| I need help
  28. 28
    From "Gradient", you can also click the "Opacity" drop-down menu
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas239 918165.jpg
    Was this step helpful? Yes | No| I need help
  29. 29
    Click a percentage or type it in the "Opacity" box
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas240 611455.jpg
    Was this step helpful? Yes | No| I need help
  30. 30
    You can also click the "Location" drop-down menu
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas250 498837.jpg
    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.
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas250 970795.jpg
    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
    .
    Create a Gradient on Adobe Illustrator CS6.mp4-canvas280 644603.jpg
    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 280 times.

x

Thank Our Volunteer Authors.

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