Mobile app version of vmapp.org
Login or Join
Berumen635

: How to structure logos with different color combinations in Illustrator? I'm sure this is a common problem, but I haven't found an efficient solution yet. I've created a 4 color logo and I

@Berumen635

Posted in: #AdobeIllustrator #Logo #Symbols #Workflow

I'm sure this is a common problem, but I haven't found an efficient solution yet.

I've created a 4 color logo and I want to create a few versions of it with different colors for use on different backgrounds. I'd love to be able to use the same symbol as much as possible.

My natural inclination is to duplicate the symbol over a number of artboards in the same file, and have a different color scheme in each artboard, but it seems like I need to break the symbol to accomplish this.

My assumption is that there's no quick solution to this, but is there a common workflow that keeps things more-or-less linked and organized?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Berumen635

3 Comments

Sorted by latest first Latest Oldest Best

 

@Berryessa866

This probably isn't an ideal workflow in all cases but it shouldn't take too long to set up once you know what you're doing and does leave you with a single(-ish) unbroken symbol and will save you a lot of time and effort if you're spending any amount of time exploring different colorways whilst still working on the logo.


Create a symbol for each color and give the shapes within each of those symbols a color you will not be using (you can actually set them all to the same color — I only used different colors here so that you can see the different layers), greyscale is ideal here if possible (more on that later).





Color each symbol by adding a fill using the appearance panel.





Group your symbols. You can now duplicate your group and change colors by simply selecting a group and using the Recolor Artwork tool.

The reason we set our underlying shapes to greys is that the Recolor Artwork tool will give you both the colors set in the appearance panel and the colors within the symbol... But there is a "Preserve Grays" option which will stop those underlying symbol colors from cluttering our list of colors (they'll appear locked at the bottom).

10% popularity Vote Up Vote Down


 

@Turnbaugh909

I am assuming the symbol you refer to is more than just a single color. Otherwise there'd be little need to worry about breaking the symbolic link or other Appearance Panel options to alter a one-color symbol.

So.. assuming a multiple color symbol....Set up artboards with the symbol on them... same symbol....



Now using the Symbol Panel, drag the symbol to the New icon at the bottom of the panel to duplicate it.



Now double click the duplicate symbol and edit that symbol to your heart's content. And click the little "done" arrow when you're happy.

Now select a symbol on one of the artboards.. and in the Control Bar across the top of the screen. Select the Replace menu and choose your edited symbol....



Repeat as desired.

This way you are just editing symbols without breaking any links or altering the original symbol. I'm really not sure if it's any faster than just breaking the original symbol link and editing. However, if retaining symbols is a concern, this is how to do that. Short of using the Symbol Stainer Tool, there is no direct way to alter the colors within a symbol without breaking the link, or editing the symbol directly.

Screenshots/animations show Illustrator CS6 because I hate the CC subscription model and just prefer working in CS6. However, I do have the latest AI version... if there's a hiccup or something different in CC just let me know and I'll look.

10% popularity Vote Up Vote Down


 

@Cofer715

Changes you make to one instance of a symbol will be applied to all instances of that same symbol--that's the nature (and beauty) of them.

I would just break the link and use the symbol as a new object in each artboard. I may be mistaken, but that seems the quickest and easiest way to have full control of each artboard independently from the others.

I assume you know how to break the link, but I'll explain for others.


Select the symbol and right-click
Click on Break Link to Symbol




Pay attention to how the symbol was constructed. In this case (one of the AI default symbols), you can see that it is a bit cluttered and can be cleaned up:



Delete everything except the path(s) you wish to keep



Edit
As you can see, I duplicated the path I created from breaking the link to my symbol and placed it in several artboards. You can then change each one the same as you would any other path. Ignore the slow animation, I'm not sure why it's moving so slowly.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme