Adobe Animate: Better Color

Flash is sleeping with the fishes now and Adobe Animate has taken over. As we work through to our big final review, we've seen the brushes, the canvas, and the onion skinning. So what's another feature that Animate has over it's predecessor? A new color tagging system. So how does it work?

Pretty well it turns out! The idea behind it is you create a color tag for a desired color, you can then draw and animate with it as you'd like.

Where it comes in handy? If you want to change that color.

Previously, you'd either have to go through frame by frame using the Paint Bucket tool and click around to change whatever color you'd like. You could try doing it with the Edit Multiple Frames function, but that would quickly get out of hand. This new color tag system hopes to solve that issue.

So how does it work? First we need to make our color tag. We'll click our color pallet icon in the upper right hand corner of our screen by our timeline. I'll make a nice blue! Once we've selected whatever color we'd like to use, we can click Add to Swatches to add it to our swatch library. If we wanted to we could work with a swatch we already have available as well.

Once it's been made into a swatch, we can click over to our swatch menu right underneath our color pallet. It looks like a little checkerboard kind of, a square with smaller squares inside it.

Make sure we have our color swatch we either created or selected and at the bottom of the window you'll see a little row of icons with a trash can and folder among them. All the way to the left we have a square with it's bottom right corner filled in, that is the convert swatch to tag button.

When we click that guy a new window will pop up, the Tagged Color Definition window.

Here we can name our tag, choose if we want it to be a solid or a gradient, and have complete control over our color. Once we've got everything set up we can simply click OK.

Now that we have our color tag made, you'll notice that our fill color icon has changed over on the right in our tool bar. It now has the filled in bottom right hand corner, showing that what is selected is our tag. If we click it we can see that a new little menu has been added underneath our swatch window, tagged swatches. This is where all of our tags will live. Tags can be used both in our fills and strokes, so that's handy.

Now we can draw and animate as we would normally. Once we've got a bunch of animation done (easy right?) say we want to change the color we've used to animate but we have 300 frames of animation to cover. That's where the tags come in.

We can go back into our swatch window, and double click our created tag. That brings up the same Tagged Color Definition window that we were working in before. We can pick our new color, or even change it to a gradient or back to a solid color if we'd like. Click OK again and ta-da!

The color tag goes in and changes the color on every frame that the color tag was used on.

It's incredibly helpful, if you've ever tried to go back and change a color you know what a pain it is. This new tag system really stream lines a big headache.

The only complaint I have about it is that you have to make your tags before you start drawing or animating. That's a small complaint, but it certainly adds a step in the process where time is of the essence. I would have preferred a way to select a color using the eye dropper tool and then tweak it that way.

That's a minor complaint though that certainly doesn't undermine how useful this new tool can be if you want to go back and tweak colors you've tagged. You might not use it often, but if you have to, this will be a life saver.

mla apa chicago
Your Citation
Chew, Johnny. "Adobe Animate: Better Color." ThoughtCo, Feb. 29, 2016, Chew, Johnny. (2016, February 29). Adobe Animate: Better Color. Retrieved from Chew, Johnny. "Adobe Animate: Better Color." ThoughtCo. (accessed November 19, 2017).