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.


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".
    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"
    .
    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.
    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.
    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.
    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.
    Was this step helpful? Yes | No| I need help
  7. 7
    Was this step helpful? Yes | No| I need help
  8. 8
    Click a file
    .
    Was this step helpful? Yes | No| I need help
  9. 9
    Click "Place"
    .
    Was this step helpful? Yes | No| I need help
  10. 10
    The size of the image can be reduced to fit on the canvas
    .
    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.
    Was this step helpful? Yes | No| I need help
  12. 12
    Then, click "Rectangle Tool"
    .
    Was this step helpful? Yes | No| I need help
  13. 13
    Click the fill color box
    .
    Was this step helpful? Yes | No| I need help
  14. 14
    Click a color
    .
    Was this step helpful? Yes | No| I need help
  15. 15
    Click "OK"
    .
    This will add a filling.
    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.
    Was this step helpful? Yes | No| I need help
  17. 17
    Click "Selection Tool"
    .
    Was this step helpful? Yes | No| I need help
  18. 18
    Click the "Layers" icon
    .
    "Layer 1" is in front.
    Was this step helpful? Yes | No| I need help
  19. 19
    Click and drag the rectangle off the image a bit
    .
    Was this step helpful? Yes | No| I need help
  20. 20
    Click the background image
    .
    Was this step helpful? Yes | No| I need help
  21. 21
    Right-click the background image
    .
    Was this step helpful? Yes | No| I need help
  22. 22
    Move the cursor to "Arrange"
    .
    Was this step helpful? Yes | No| I need help
  23. 23
    Click "Bring to Front"
    .
    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.
    Was this step helpful? Yes | No| I need help
  25. 25
    Next, create another shape
    .
    Click "Rectangle Tool".
    Was this step helpful? Yes | No| I need help
  26. 26
    Click and drag the cursor over the image
    .
    Was this step helpful? Yes | No| I need help
  27. 27
    Click "Selection Tool"
    .
    Was this step helpful? Yes | No| I need help
  28. 28
    Click the "Gradient" icon
    .
    Click the "Gradient" tab.
    Was this step helpful? Yes | No| I need help
  29. 29
    Click "Gradient Slider"
    .
    The gradient will be applied. Experiment with the "Gradient" settings.
    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
    .
    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.
    Was this step helpful? Yes | No| I need help
  32. 32
    Press and hold "Shift" and click the background image
    .
    Was this step helpful? Yes | No| I need help
  33. 33
    Click the "Transparency" tab in the expanded "Gradient" menu
    .
    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.
    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.
    Was this step helpful? Yes | No| I need help
  36. 36
    You can click and drag the gradient layer around
    .
    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.
    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.
    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.
    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.
    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"
    .
    Was this step helpful? Yes | No| I need help
  42. 42
    You can check "Invert Mask"
    .
    It is recommended to experiment with the settings.
    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!

Was this helpful? Yes | No| I need help

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

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 382 times.

x

Thank Our Volunteer Authors.

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