Managing Colour Palettes
In Flash the colour palette system is kinda limited. You can't organise or label your colours, but I thought I could share a particular method of working with character/element palettes using the library and the colour picker. Once you have mixed some colours for your character that you're happy with, create a graphic symbol that contains a grid of the colours. Here's my palette of Bitey's night colours in the library:
Notice the underscore in the name. As mentioned in the previous article, this keeps the item at the top of the library so it's always accessible.It helps to keep your library organised when you're working with large projects and you can see in this screenshot that anything I need to find is organised in just these few folders. Ignore the gaps in the folder numbers.. that's just to keep them in order in the Library.
OK so this grid of colours in the form of a library symbol can now be treated like a palette of swatches from which I can pick colours, just like the Color Swatches panel. Here's how. With the Library panel open and your swatch symbol selected, click your Fill Color swatch in the Tools panel (see image below).

This opens your palette of swatches and you can pick any colour here with a little colour picker.
Unlike the eye-dropper tool, this colour picker allows you to choose colours from anywhere on the interface.. even the system bar and interface elements. So with this little colour picker, you can choose a colour from your library symbol. Fwoar. Ay?
This won't work for gradients, because it picks colours from pixels, rather than the actual fill values.. so to pick gradients, you either need to save them to your swatches palette and choose them from there, or use the eye-dropper tool on raw artwork.
Using Bitmap fills: Many of you reading this might be familiar with the following method, so this is for the benefit of those who aren't :)
This is another popular way of working with character palettes that you might like to try. It involves creating a 10 x 10 pixel bitmap or .png of flat colour (the colour you intend to paint your character with). You can do this in another program, or simply create it in Flash and export it as a bitmap, then importing it into your library as a bitmap.
Now you can paint your character using the Bitmap fill option in the colour mixer. The best thing about this sneaky method though, is that if your movie is almost done and you think "damn, I really don't like his skin colour", you only need to replace the colour in the bitmap you imported. Everything you painted with that colour throughout the entire movie will be updated automatically.
If you had used ordinary paint, it'd be a fairly tedious process of repainting every drawing and symbol throughout the movie that uses that colour.
Incidentally, Dave Logan has developed a Flash extension to automate the above process. It's called AutoColor and you can read more, near the bottom of this page.
--------
Colour management is one thing I really would like to see improved in Flash, but until then, if you have any sneaky methods of managing colour palettes, I'd love to hear em.
Before I end this article, I think everyone should know where to find the Grayscale palette that's built into Flash.
Windows:
C:/Documents and Settings/[[username]]/Local Settings/Application Data/Macromedia/Flash 8/en/Configuration/Color Sets/greyscale.clr
Mac (thanks aks):
/Users/[[username]]/Library/Application Support/Macromedia/Flash 8/en/Configuration/Color Sets/greyscale.clr
Painfully long path, but extremely handy.. you can load this into your Color Swatches panel via the context menu > Add Colors..


12 Comments:
Hey
Very nice colour tips, they'll be really useful to me. I never knew what bitmap fills were for, now that I do, I imagine it would be hard to decide when to use them and when not to, seeing how useful they can be, heh.
On a system running Mac OS X the greyscale file can be found at
/Users/[username]/Libray/Application Support/Macromedia/Flash MX 2004/en/Configuration/Color Sets/greyscale.clr
(if your using Flash MX 2004).
-aks
thanks for the path aks! I'll update the article with it :)
Thanks for that Adam, That greyscale is going to come in very handy. Love the Animotd's.
Ps a mutual friend by the name of Ian here in brisbane says hi
I just wanted to take a moment to thank you for writing these little tutorials. I'm an animation student and I'm making an 8-minute interactive Flash movie with two friends, and these tips have been invaluable for us. We were doing everything the hard way! Thank you for sharing your experience with us. We're huge fans of your films now :) Long live Bitey! ^_^
Just out of curiosity, do you ever give opinions or feedback on other people's films? It would be awesome to see what you think of our piece when it's eventually finished :D
Cheers!
I commented anonymous above, completely forgetting that I did in fact sign up for Blogger. Whoops!
I thoroughly enjoy your site. Great work! Number 25 of the animotd's almost happened to me not long ago.
This is great. Thanks for such instructive installments.
Keep it up, we'll all learn so much. John K in the US does something like this, focusing on 2d animation. Between you and him, I'll learn a lot about Flash and Traditional Animation.
And believe you me, your stuff goes way beyond just Flash - it's great.
I've just recently jumped on the bandwagon of 'biteycastle'. I'm very new to flash but not to drawing and the animation genre. Your work astounds me! And since viewing your tips and tutorials I can't wait to start applying them (just as soon as I complete other creaive chores for my studio). I have one question though. Why is the camera template visible on a PC in your "3:33" movie and not on my mac?
Hey Adam, there is another main colour management technique. In Flash 7 and 8 there was a new window added called "Find an Replace" (ctrl+f) and if you set "for:" to color, then it searches through (wherever you set it above) and lets you find and replace the colours! Which has come in hand a lot of times!
Note that it doesn't work for artwork in groups (Never use groups anyway...) and artwork that is highlighted (selected with the selection tool).
Problem is, when you make a symbol you select the artwork and press F8, and the artwork remains selected.
DaveW wrote me some JSFL that deselects all the artwork in the selected symbols in the library.
http://bbs.coldhardflash.com/viewtopic.php?t=687
So this is another technique people can use.
I'm sorry to post off topic, but I wasn't sure whether you were aware that another artist on the web has been stealing your character design. She goes by the name "Zeriara", and you can see the comparison of your creature and hers here: http://img114.imageshack.us/img114/5859/biteyvsnibblyne9.jpg
Just letting you all know I released Autocolor Full, check it out sometime. Or use Control-F with colors. I wish I had new that before I started that loooooong project :P
http://www.dave-logan.com/weblog/?p=104
fantastic, thanks Dave! Looking forward to testing it out.. thanks for bringing up the Find & Replace method too Ranoka! I had never heard of it before you guys brought it up here.. it made me go "PHWOAR!"
:D
Post a Comment
Links to this post:
Create a Link
<< Home