Advanced Opacity Tips in Illustrator



Opacity Tips in Illustrator

Most designers lean towards Illustrator or Photoshop, depending on what your projects mainly consist of. For logos, designers tend to lean towards Illustrator. For design projects where designers have to create complex blends, they tend to use Photoshop. You can easily use brushes to blend colors. However, your blends can be vector based, and you can have semi transparent colors in every aspect of Illustrator, from solid color fills, to strokes, and even gradients. In this tutorial, I’ll show how some advanced opacity tips in Illustrator.

Opacity Tips in Illustrator

One of the most important things you’ll need to understand is how to use the Appearance Panel. This panel will give you easy control over the opacity of objects. This may not be true for gradients, but we’ll get to that later. Notice in the screenshot above that the stroke and fill are listed. If you click the triangle icon next to each, it will give you the separate opacity settings for each. Instead of controlling the opacity as a whole, you can control the opacity of the stroke and fill separately. If the stoke is set to center in the Stroke Panel, lowering the opacity will reveal part of the orange square below.

Stroke Opacity Tips in IllustratorWhen you click the opacity link, a transparency and settings panel pops up. This where you can lower the opacity of the stroke by itself. Notice how the orange is now visible behind the stroke.

gradient-opacity

Next, I created a square and set the gradient to green and yellow. You can drag swatches over the color pickers to make it easy. As is, the opacity setting at the bottom controls the opacity of the enter gradient as a whole. If you want to control the opacity of just one color, double-click either of the yellow or green color selections in the Gradient Panel.

Gradient Opacity Tips in Illustrator

When you click one of the gradient color swatches, the panel pops up. This where you can lower the opacity of that color independently. Notice how the change is visible in the square and the in the Gradient Panel, too.

These extra settings give you total control over the opacity of everything you create. Whether you have multiple strokes, gradients, fills, and more, you can lower the opacity, making it transparent in the Appearance Panel. Your work will look much more realistic if you can control every aspect of your objects.

Do you have any questions or opacity tips in Illustrator? If so, feel free to share them in the comments section below.

 





2 Comments
  1. September 25, 2014 | Reply
    • jgeorge
      September 25, 2014 | Reply

Your opinion is important to me. Be heard!

Dreamweaver Fireworks Flash Illustrator Indesign Lightroom Painter Photoshop Quark Typography
distressed-halftone-brush-strokes
21 Great Free Photoshop Brush Sets

Free Photoshop Brush Sets It’s been a while since I put...

typefaces-too-many
Common Typography Mistakes to Avoid

Common Typography Mistakes Typography isn’t just about the words. A lot...

perspective distortion in Illustrator
Perspective Distortion Tip in Illustrator

Perspective Distortion When you’re trying to create an illustration, getting the...

Premium
textured-wp-feat
20 Rebellious Textured WordPress Themes

Textured WordPress Themes 20 Extraordinary textured WordPress themes are quintessence of...

Monarch Social Sharing plugin
Breaking News: Elegant Themes Releases Monarch

Monach Social Sharing Those of you who’ve read my blog for...

large-background-images-feat
30 WordPress Themes With Large Background Images

Large Background Images Standard website layouts with logo and navigation on...

textured-wp-feat
20 Rebellious Textured WordPress Themes

Textured WordPress Themes 20 Extraordinary textured WordPress themes are quintessence of...

Monarch Social Sharing plugin
Breaking News: Elegant Themes Releases Monarch

Monach Social Sharing Those of you who’ve read my blog for...

large-background-images-feat
30 WordPress Themes With Large Background Images

Large Background Images Standard website layouts with logo and navigation on...

WordPress video courses
Enter to Win 1 of 5 WordPress Seo Courses

WordPress Seo Courses Even if you’re a really advanced blogger, chances...