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

Ad

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
    Advertisement
    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
    Advertisement
    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
    Advertisement

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!

Was this helpful? Yes | No | I need help

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

Referencing this Article

If you need to reference this article in your work, you can copy-paste the following depending on your required format:

APA (American Psychological Association)
Make Opacity Mask with a Gradient in Adobe Illustrator CS6. (2016). In VisiHow. Retrieved May 26, 2017, from http://visihow.com/Make_Opacity_Mask_with_a_Gradient_in_Adobe_Illustrator_CS6

Was this helpful? Yes | No | I need help

MLA (Modern Language Association) "Make Opacity Mask with a Gradient in Adobe Illustrator CS6." VisiHow, visihow.com/Make_Opacity_Mask_with_a_Gradient_in_Adobe_Illustrator_CS6 Accessed 26 May 2017.

Was this helpful? Yes | No | I need help

Chicago / Turabian VisiHow.com. "Make Opacity Mask with a Gradient in Adobe Illustrator CS6." Accessed May 26, 2017. http://visihow.com/Make_Opacity_Mask_with_a_Gradient_in_Adobe_Illustrator_CS6.

Was this helpful? Yes | No | I need help

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: VisiHow, Freya

Share this Article:

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

Do you have a question not answered in this article?
Click here to ask one of the writers of this article
x

Thank Our Volunteer Authors.

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