Symbol Palette Control panel

Description

Interactive panel which allows users to create multiple color palettes associated with a Symbol and then switch between these palettes.
Color palettes can be copied (cloned), modified with color effects, reorganized, saved as files or loaded from a saved file.
Palettes can also be optimized, by unifying the color of similar swatches, thus reducing the overall number of colors.
Color swatches can be modified individually, grouped, regrouped or excluded from color swapping.

Color palette information is written as metadata into the Symbol Library item.

Note: Symbol Palette Control requires Flash CS4 or newer, i.e. does not work in Flash 8 or CS3.

Suggested use

1. Multiple color palettes
Any situation where it would be useful to have multiple color variations of an item.
In character animation it can be different color palettes for day and night or color variations that distinguish multiple characters based on the same design.

Example: Fox has default orange and white color palette, but also has a variation with cool bluish tinted colors for night-time scenes.
If the night-time scene is a separate document (FLA), the character colors are simply swapped by using Symbol Palette Control panel.
If the night-time scene shares the same document with day-time scenes, the Fox character symbol is first cloned using Duplicate Symbol Recursive and then the duplicate's color palette is switched to 'Night'.

2. Color optimization / reduction
Another usage scenario would be color optimization, when reduced palette is preferred, but originally the design was created using many nuances.

Example: Fox has 12 different variations of orange in a multitude of elements.
A palette is generated and then the closest orange colors are separated in groups where the nuance that will be kept is put as the first color of each group.
The palette is then cloned and the clone is modified. Ctrl-clicking on a group name will invoke the Unify Colors dialog. When pressing OK all orange colors in the group will become the same as the first one.
Then the Master palette is swapped with the modified clone. The set is after that deleted and a new set can be generated which will have fewer unique orange colors.

Where does it work?

One selected Symbol in the Library

Palette Sets are created and managed within the panel itself, but stored as metadata within the Symbol or exported as files.

EDAP Tools v.5 shortcut

n/a; open Symbol Palette Control panel from Window menu > Other Panels (Extensions in Animate) > Symbol Palette Control

Interactions

Click on swatch to select
Shift-click on swatch to edit color
Shift-click on group to rename
Ctrl+click on group to unify colors
Drag swatch to reorder
Drag swatch to Bin to delete

Notes

Symbol Palette Control requires Flash CS4 or newer, i.e. does not work in Flash 8 or CS3.

Known issues

Performance in CS4 can be very slow in anything but the simplest of files. This is just how CS4 is – one of the worst versions of Flash to have ever been released.

Colors in Groups may not be processed during palette swap: Shapes in groups may fail to be re-colored, depending on the content of the Group and also how deep it is nested.
Avoid using Groups and use Unions, Layers and Symbols instead.

AnCC 2019.x on Mac OS Mojave only: Color Pickers do not work. Users need to pick color using Animate's default tools prior to invoking a picker dialog, copy its hex value and paste into the color field. This is not an EDAP Tools issue, but rather a problem of Animate in Mojave.
We have reported this to Adobe and hopefully it will be fixed in the upcoming AnCC 2020.

Buttons, Dropdowns

Full description

SPC panel

Top:
Symbol name when palette is loaded. In brackets – number of swatches in the loaded Master Palette.
Menu with various selection options:

  • Set Current Palette – allows to manually tell the panel which palette is 'current'
  • Delete Palette Set – deletes the currently loaded set
  • Delete All Sets – deletes all palette sets from the current document
  • Import Set – imports a saved palette set from file
  • Export Set – exports a palette set to file
  • Clear Panel – clears the panel

Main panel area where color palettes appear:

  • Palette name and indicator in brackets which one is 'current'. A button to expand/collapse a palette.
  • Swatch area. Swatches can be reorganized in groups and groups can be excluded from swapping by removing the checkmark in front of their name. (Shift-click on the group name to edit it; Ctrl-click to unify colors in the group)
  • Buttons to add a Group, copy the palette or rename it. On the right a “…” button which opens the Color Effects dialog. Color effects can be applied selectively to certain groups and cannot be applied to the 'current' palette.

Buttons at the bottom:

  • Generate / Palette Set – generates a Palette Set (or loads an existing set) for the currently selected symbol in the Library. If no selection is present, but there are Palette Sets present in the Library and dialog pops out, allowing users to choose what to load.
  • Swap palettes – pops a dialog which allows the user to choose new palette for symbol
  • Find selected color – when one color is selected, the button becomes active and when pressed will display information about the color in Output
  • Pick color to identify swatch – when pressed a mini-dialog with color picker appears; a color can be picked on Stage and upon pressing OK, its swatch will be identified and selected in the current palette.
  • Bin – function both as a button deleting the currently selected swatch in the Master palette or as a hot spot where a swatch can be dropped to be deleted.

Video demonstration


All our videos are 1080p. If for some reason full HD is not available here, try watching them on youtube.

Time Stamps:
00:00:00 - Introduction
00:01:33 - Where SPC is; How it works; Creating a palette
00:03:59 - Selecting swatches; Finding colors; Identifying swatches
00:05:35 - Organizing palettes; Groups; Deleting swatches
00:06:22 - Duplicating palettes; Corresponding swatches
00:07:04 - Applying color effects to palettes
00:09:39 - Editing individual swatches
00:10:18 - Swapping palettes
00:10:44 - Saving palette to a file
00:11:13 - Setting current palette in case of mismatch
00:12:46 - Refining a palette
00:14:38 - Saving document with palette; Loading existing palette
00:15:20 - Refining a palette
00:16:28 - Excluding a group from swapping
00:17:33 - Creating a deep copy of character
00:19:04 - Finding and isolating specific colors
00:22:19 - Creating palettes for a prop
00:23:55 - Optimizing a palette; Reducing the number of colors
00:27:31 - Unifying colors

 
Comments

No comments yet.

Leave a Reply

*

 
Comments