Make Opacity Mask with a Gradient in Adobe Illustrator CS6

Edited by Freya, VisiHow, Eng

You're watching VisiHow. In this tutorial, we're going to show you how to create an opacity mask with a gradient in Adobe Illustrator CS6 in Windows 7.

Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas284 142987.jpg

Steps

  1. 1
    To begin, open Illustrator on your desktop by clicking it or by clicking the Windows icon in the lower-left corner of your screen
    .
    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 Opacity Mask on Adobe Illustrator CS6.mp4-canvas20 313291.jpg
    Was this step helpful? Yes | No| I need help
  2. 2
    If you still can't find Illustrator, use your search bar along the bottom and start typing "Adobe Illustrator"
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas31 725234.jpg
    Was this step helpful? Yes | No| I need help
  3. 3
    Click "Adobe Illustrator CS6"
    .
    It will immediately start loading and will take you directly to your workspace.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas33 17581.jpg
    Was this step helpful? Yes | No| I need help
  4. 4
    From the workspace, create a document by clicking "New..."
    .
    You can also open an existing document in the menu as well.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas46 325635.jpg
    Was this step helpful? Yes | No| I need help
  5. 5
    Click "OK"
    .
    There are other VisiHow tutorials on how to open and create documents.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas60 565741.jpg
    Was this step helpful? Yes | No| I need help
  6. 6
    Place an image by clicking "File"
    .
    There is another VisiHow tutorial on how to place images in a document.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas66 65749.jpg
    Was this step helpful? Yes | No| I need help
  7. 7
    Click "Place..."
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas69 943614.jpg
    Was this step helpful? Yes | No| I need help
  8. 8
    Click a file
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas75 511266.jpg
    Was this step helpful? Yes | No| I need help
  9. 9
    Click "Place"
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas76 353867.jpg
    Was this step helpful? Yes | No| I need help
  10. 10
    The size of the image can be reduced to fit on the canvas
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas82 737343.jpg
    Was this step helpful? Yes | No| I need help
  11. 11
    Add a filled background layer
    .
    If you need help completing these steps in Adobe Illustrator, please view our other Illustrator tutorials.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas108 388294.jpg
    Was this step helpful? Yes | No| I need help
  12. 12
    Then, click "Rectangle Tool"
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas86 638963.jpg
    Was this step helpful? Yes | No| I need help
  13. 13
    Click the fill color box
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas87 511766.jpg
    Was this step helpful? Yes | No| I need help
  14. 14
    Click a color
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas89 836598.jpg
    Was this step helpful? Yes | No| I need help
  15. 15
    Click "OK"
    .
    This will add a filling.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas91 925325.jpg
    Was this step helpful? Yes | No| I need help
  16. 16
    Click and drag the cursor over the canvas to create a shape
    .
    It will go over the image.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas94 64495.jpg
    Was this step helpful? Yes | No| I need help
  17. 17
    Click "Selection Tool"
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas98 660624.jpg
    Was this step helpful? Yes | No| I need help
  18. 18
    Click the "Layers" icon
    .
    "Layer 1" is in front.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas100 68816.jpg
    Was this step helpful? Yes | No| I need help
  19. 19
    Click and drag the rectangle off the image a bit
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas103 29417.jpg
    Was this step helpful? Yes | No| I need help
  20. 20
    Click the background image
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas104 159112.jpg
    Was this step helpful? Yes | No| I need help
  21. 21
    Right-click the background image
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas104 639082.jpg
    Was this step helpful? Yes | No| I need help
  22. 22
    Move the cursor to "Arrange"
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas106 05766.jpg
    Was this step helpful? Yes | No| I need help
  23. 23
    Click "Bring to Front"
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas106 814946.jpg
    Was this step helpful? Yes | No| I need help
  24. 24
    Click and drag the rectangle behind the image
    .
    There are other VisiHow tutorials on how to arrange layers.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas110 985252.jpg
    Was this step helpful? Yes | No| I need help
  25. 25
    Next, create another shape
    .
    Click "Rectangle Tool".
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas121 906404.jpg
    Was this step helpful? Yes | No| I need help
  26. 26
    Click and drag the cursor over the image
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas124 054008.jpg
    Was this step helpful? Yes | No| I need help
  27. 27
    Click "Selection Tool"
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas131 290248.jpg
    Was this step helpful? Yes | No| I need help
  28. 28
    Click the "Gradient" icon
    .
    Click the "Gradient" tab.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas133 530108.jpg
    Was this step helpful? Yes | No| I need help
  29. 29
    Click "Gradient Slider"
    .
    The gradient will be applied. Experiment with the "Gradient" settings.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas138 566035.jpg
    Was this step helpful? Yes | No| I need help
  30. 30
    Click the black arrow icon at the top-left side of the vertical toolbar
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas163 449024.jpg
    Was this step helpful? Yes | No| I need help
  31. 31
    Click the gradient object
    .
    This will highlight the top layer that you want to be the transparency mask. A blue frame and corners will appear around the shape, letting you know it is selected and ready for editing.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas163 949023.jpg
    Was this step helpful? Yes | No| I need help
  32. 32
    Press and hold "Shift" and click the background image
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas170 430765.jpg
    Was this step helpful? Yes | No| I need help
  33. 33
    Click the "Transparency" tab in the expanded "Gradient" menu
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas173 451239.jpg
    Was this step helpful? Yes | No| I need help
  34. 34
    Within the "Transparency" tab, click the small icon with a plus sign
    .
    It is in the upper-right corner. A new drop-down menu will appear.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas185 663809.jpg
    Was this step helpful? Yes | No| I need help
  35. 35
    Click "Make Opacity Mask"
    .
    You can see that where the gradient box was white, you are able to see the image. The mask fades in the black area of the gradient.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas189 140925.jpg
    Was this step helpful? Yes | No| I need help
  36. 36
    You can click and drag the gradient layer around
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas204 267018.jpg
    Was this step helpful? Yes | No| I need help
  37. 37
    Click the mask in the "Transparency" tab
    .
    Now, you can begin to edit the mask.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas219 41404.jpg
    Was this step helpful? Yes | No| I need help
  38. 38
    You can adjust the image size, rotation, etc
    .
    Let's rotate it by clicking and dragging the blue frame corner. You will notice that rotating the mask will reveal different sections of the image.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas232 661992.jpg
    Was this step helpful? Yes | No| I need help
  39. 39
    You can edit other settings in the horizontal toolbar along the top
    .
    You can apply a blur, adjust the opacity, etc., by clicking the various drop-down menus.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas250 203775.jpg
    Was this step helpful? Yes | No| I need help
  40. 40
    You can also click "Effect" and apply various filters
    .
    There other VisiHow videos on that.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas258 942603.jpg
    Was this step helpful? Yes | No| I need help
  41. 41
    If you want to edit the whole selection, click the left thumbnail in "Transparency"
    .
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas264 611138.jpg
    Was this step helpful? Yes | No| I need help
  42. 42
    You can check "Invert Mask"
    .
    It is recommended to experiment with the settings.
    Create a Gradient Opacity Mask on Adobe Illustrator CS6.mp4-canvas267 221187.jpg
    Was this step helpful? Yes | No| I need help

This was a VisiHow tutorial on how to create an opacity mask with a gradient in Adobe Illustrator CS6 in Windows 7. If you have any questions or comments, please leave them in the comments section below. Thank you for watching VisiHow!

Video: Make Opacity Mask with a Gradient in Adobe Illustrator CS6

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

Article Info

Categories : Software

Recent edits by: VisiHow, Freya

Share this Article:

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

x

Thank Our Volunteer Authors.

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