Design Space Basics: Color Sync Panel

The Color Sync Panel is a great tool that can be used to change image colors quickly or to combine colors in a project. Sometimes a project has lots of different colors, and I want to simplify it a bit. For example, I might not have four different shades of green on hand, or if I’m pressed for time, I may want to reduce the number of mats I need to cut.

Screen Shot 2018-09-01 at 4.23.18 PM-imp
Screen Shot 2018-09-01 at 4.23.38 PM-imp

Another situation where the Color Sync panel is very handy happens when I have ungrouped text and then decide to change the color. When text is ungrouped, each letter becomes a separate image. So, instead of changing the color of each letter individually, I can change one letter and use the Color Sync panel to move the other letters to the new color.

Screen Shot 2018-09-01 at 4.07.39 PM-imp
Screen Shot 2018-09-01 at 9.57.50 PM-imp
Screen Shot 2018-09-01 at 9.58.41 PM-imp
Screen Shot 2018-09-01 at 10.11.19 PM-imp
Screen Shot 2018-09-01 at 9.59.06 PM-imp

Occasionally, images will appear to be the same color, when they really aren’t. In this project, it looks like the body of the llama is black like the words, but when I look at the Color Sync panel, it’s actually a different color. 

When I go back to the layers panel and look at the color codes, I can see that the color is slightly different. 

I can fix this by going back to the Color Sync panel and combining the layers.

Screen Shot 2018-09-02 at 11.01.46 AM-imp (1)

Here’s my video where I demonstrate using the Color Sync panel: 

2 thoughts on “Design Space Basics: Color Sync Panel

  1. Thank you so much. When I have an svg, most of the time I never have the correct color. Have a beautiful day

Leave a Reply