Grain Effect on Vector Art with Opacity Masks
This tutorial shows how to give flat vector artwork a soft, grainy, printed look in Adobe Illustrator without grain brushes. The grain is applied to opacity masks, so the shapes and gradients underneath stay fully editable: you can move a gradient later and the grain follows. The example is a stylised heart shape with a wrapped band, a mouth and eyes.
What you will use
- Ellipse, Pen and Direct Selection tools (press S while dragging a handle to move both handles)
- Rotate and Reflect tools, Pathfinder Divide and Unite, Object > Path > Simplify
- Gradient panel (G), Transparency panel opacity masks
- Effect > Texture > Grain
- Blending modes Screen, Overlay and Color Burn
Step 1: Build the shape
Lock a dark purple background rectangle on a BG layer. Draw an ellipse, pull its top and bottom anchors with the S key to make a teardrop, rotate it 45 degrees, and reflect a vertical copy. Overlap the two, Pathfinder > Divide, ungroup, delete the pieces you do not need and Unite the two halves into one heart-like form. Run Object > Path > Simplify (automatic) to remove the extra anchor points Pathfinder leaves behind. Round the sharp corner slightly, and draw a band with the Pen Tool that wraps around one lobe so the form reads as two interlocking parts.
Step 2: Base gradients and light direction
Decide where the light comes from (top-left in the video). Fill the main shape with a gradient from a lighter tone at the lit side to a darker tone, and add a warmer stop near the middle. Use the Eyedropper to copy the gradient to the band and reverse its direction so the two parts shade differently. This layer is the base shape.
Step 3: Highlight layer with grain
Copy the shapes to a new Highlight layer (Ctrl+C, Shift+Ctrl+V). Give them brighter, higher-contrast gradients (a yellow tone into a lighter tone). For each shape, paste another copy in place, fill it with a black-to-white gradient, select both and click Make Mask in the Transparency panel. Black hides, white shows, so the highlight fades out where the mask is dark. Click the mask thumbnail, drag the gradient (G) to set the fade, then with the mask still selected apply Effect > Texture > Grain (default settings, Enlarged grain type). The grain lives in the mask, not in the shape.
Step 4: Shadow layer with grain
Copy the shapes again to a Shadow layer below the highlights. Shrink the band copy slightly so the outer edge stays bright. Give the shadows darker gradients running from the shaded side, mask them the same way (invert the mask if the wrong side shows), and apply Grain to each mask. Merge the highlight and shadow objects into the main layer, send them behind where needed, and soften any shadow that is too heavy by lowering opacity or pulling the black mask stop towards grey.
Step 5: Edge highlights and a shine line
Alt-drag copies of the two shapes, convert them to 12 pt strokes aligned inside, set them to Screen, expand them to fills, then mask each with a black-to-white gradient so only one edge glows. Draw a short curved line with the Pen Tool, 12 pt with round caps, split it into two dashes by adding and deleting anchor points, expand it, mask it with a grain-textured grey copy and set it to Overlay.
Step 6: Mouth and eyes
Make a half circle (180 degree pie) and a small ellipse for the tongue, divide and colour them with gradients, and add a graded, grain-masked copy for shading. Outline the mouth with a 3 to 4 pt stroke masked to fade. The eyes are two 180 degree arcs with round caps, grouped and rotated 45 degrees. Set the mouth fill to Color Burn so it blends into the body.
Conclusion
Because every grain effect sits on an opacity mask, the artwork stays vector and adjustable. With grain brushes you would have to redraw when a gradient changes; here you move the gradient and the texture follows. The same layer structure (base, highlight, shadow, edge light) works for any character or object.
Links from the video
- Join the members-only content: https://bit.ly/3fEEvD4
- Members-only videos: https://bit.ly/3fJieDV
