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

Design Points n PixelS


Adobe Illustrator - Expand Appearance, Expand and outline Stroke

10/4/2015

4 Comments

 
A question that gets asked many time in Illustrator is What is the Expand Appearance, Expand and Outline each do. Why is it there? What is each used for and why are some of the options not available?

Here's an explainer: (is that a word?)
Picture

When you draw a line, you can add a stroke weight and color to it (above).
Picture
In Preview mode (COMMAND + Y) it looks like a single, thin line. 
Picture

When an effect is added to the line, in this case Effect > Distort & Transform > ZigZag, you can see the straight line as the path with the effect of the zigzag effect applied to it. But in Preview Mode (COMMAND + Y) it is still just a line. The effect is just that, an effect and the base line does not reflect the effect. 
You can see the blue highlighted path does not match the appearance of the line.
Picture
This is how the ZigZag line looks to Illustrator. The effect is applied but in Preview, its just a line (right).
Picture

When you select the line with the Effect on it, then choose Object > Expand Appearance (above), it will convert the line into the actual shape of the effect. (Right).
​It is no longer a straight line, the line now matches the appearance that you see, thus the term Expand Appearance.
Keep in mind it is still a line. The stroke weight and color can be changed easily and edited and end caps applied.
Picture

At this point the Expand Appearance in the Object menu is now grayed-out and no longer an option. 
​But the Expand is an option. (below)
Picture
Picture
Since the Effect or "Appearance" has been expanded and the line in Preview Mode matches what you see on screen, the only option left is Expand.
​Expand will take the line, convert it to a shape and it will no longer be editable as a line. (Right)
Picture
The Expand feature works the same (on a line or path) as the Object > Path > Outline Path.
​ It takes the line and outline it into an editable shape as shown by the blue highlighted path.

Here is a quick over view of the 4 states; shown in Normal View Mode and then in Preview Mode to compare.
1: Line
2: Line with ZigZag Effect applied
3: Line with the Expand Appearance applied
​4: Final Expanded or outlined Line.
Picture
That should shed some light on the matter of Expand Appearance, Effects, Expand and outline commands.

Happy Illustrating.
4 Comments
Olowo Olamide
6/11/2024 06:59:07 am

Thanks

Reply
e link
10/1/2024 10:26:28 am

🤽‍♂️

Reply
Raul
9/2/2024 10:42:16 am

Great info! Thanks!

Reply
№✻
8/1/2025 04:18:29 am

So clear ! Thanks

Reply



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