Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHIC SERIES - UndersTAnding Illustrator Effects & The Appearance Panel

9/10/2018

0 Comments

 
Understanding Illustrators Effect Menu and the how to edit these effects can be frustrating to many. Here is a quick overview and explainer on what they are, how they work and how this will make you less frustrated using both the Effects and the Appearance Panel. This tutorial is just one of MANY things you can do in the Appearance Panel. 
Picture

Picture
There are 2 sections in the Effects Menu. Illustrator Effect which are (mostly) vector based and can be turned into shapes and paths and be edited in Illustrator. The second section is ALL filters that you can apply in Photoshop; none of these are vector based and cannot be turned into editable shapes. Some of these options may have the exact same names but choosing from the wrong section can give you different results. 

Picture
Draw any shape. 
Picture
Go to Effects> Distort & Transform> Roughen. 
Picture
This is the result. 

Picture
Open the Appearance Panel. You will see the Roughen Effect applied ON TOP of the list. You will also see the stroke color, weight and opacity (which is all editable in the Appearance Panel) as well as the Fill color and opacity.
Picture
If the result from the Roughen Effect wasn't what you wanted, and you go back under Effect>Distort & Transform and try to "change" the effect, you will get this message. 


Picture
When you click Apply New Effect you are not actually editing the existing effect, you are APPLYING ANOTHER EFFECT on top of this one. The result is TWO effects. ​
​

Picture
If you truly want to edit the Effect, and not apply another effect, click on the Effect in the Appearance Panel and edit it there. 
Picture
TIP! The Effects Panel is built into the bottom of the Apperance Panel. No need to go to the Menu bar, click on the FX button and the entire Effects Menu is there. 
Picture
Why would you want to apply more than one Effect? Because you can get cool results!!
I applied a Pucker & Bloat Effect and a Warp. I got this.
Picture

Picture
I started with this shape. 
Picture
Added a Pucker & Bloat filter. This one is the Pucker to bring the points in. 
Picture
I added the Warp filter to this as well. 

Picture
I then added a Stylize Effect (Scribble) to get this. You can go on and on!
Picture
These are all JUST Effects. Which means the shape of your object is still the original shape you drew. It just gives the EFFECT you are seeing and the effect isn't directly editable as shapes. I am in Outline Mode. View>Outline to see the actual shape. 
Picture
If you want to edit the shape as if what you are seeing REALLY IS A SHAPE, you need to go under Object>Expand Appearance. This will take WHAT YOU ARE SEEING and make it an actual shape. 

Picture
After Expand Appearance is applied, this is what the shape looks like. Now what it looks like IS what the shape actually is, not just the Effect. 
Picture
If you want to learn more about Expand and Expand Appearance, here is a link to my blog topic HERE
Picture
There are LOTS MORE things you can do with the Appearance Panel as well. Multiple strokes as shown here. (This is only one shape with several strokes). Go HERE to see how this is done in the Appearance Panel. 
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022