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.


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.


  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
New features of Illustrator
The Best New Features of Adobe Illustrator

The Best New Features of Adobe Illustrator I am glad to...

Working With 3D in Illustrator

Being Aware of 3D in Illustrator Illustrator is the go-to place...

15 Free Bold Fonts You Should Be Using

15 Free Bold Fonts You Should Be Using I don’t have...

Mobile Design Vs. Responsive Design

Deciding between a mobile or responsive design can be a difficult...

Mini Sites Can Work for You

For years, websites for businesses and organizations resembled elaborate family trees,...

Modern Web Design Trends: Using a Large Background Image to Boast of Your Offerings

As web technologies are constantly changing, designers apply new techniques to...

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

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

Bluehost: The Best web hosting provider
Who is the Best Web Hosting Company?

10 Best Web Hosting Companies Choosing the best hosting service for...

Wpjobboard Plugin Features
The WpJobBoard Plugin For WordPress

WpJobBoard Those of us born in the ‘90s are called the...

Study Inspiration: 50 Best Education WordPress Themes

50 Best Education WordPress Themes Higher education is a stepping stone...