NOTE: In this tutorial we are using a color match system called ColorImpact from Tiger Software. A free trial edition of this excellent software is available for download from http://www.tigercolor.com.
We like this software not only for its high quality color picker (used to get the exact color values needed to match the NOF site styles), but also for its ability to show us matching colors that would work well in the web design.
How to match EZRound Colors with NOF Site Styles
1. Start NetObjects Fusion and go to the page view with the site style you want to match loaded.
(in this tutorial we want to match our EZRound design with the orangish color used in the NOF "Black Book" style)
2. Start the ColorImpact software
3. Click the eye dropper tool on the toolbar
4. Click the OK button to start your session. This will hide the ColorImpact screen and return (in capture mode) to the NOF screen.
HINT: If you move between programs with the taskbar, be sure that you go into NOF - then back directly into ColorImpact before you start your capture session. ColorImpact will return to the program that had focus before the session starts.
5. When ColorImpact minimizes you will see a magnifier screen in the upper left corner. As you move your mouse around the screen, the exact pixel you are over will be shown (along with a close view) and its color values displayed.
6. Move the mouse over the color you want to identify (in our tutorial the Orangish color) and left-click to capture the color.
HINT: In this tutorial we will only select the one color we need, but you can select multiple colors in one session by holding the <Ctrl> key while you click on the color to capture. In the multiple capture mode, the colors are added to the color pallet automatically.
7. Since we are only capturing one color here, it will appear in the center of the color wheel.
8. Double-click the center of the color wheel to add the color to the pallet bar (above).
9. To transfer the color value to EZRound via the Windows clipboard, place your mouse over the color on the toolbar. Then right-click and select Copy Color Value, then left click on the HEX entry that has the # at the beginning of the value.
HINT: You can enter color values into EZRound manually or paste ones that do not have the # (pound sign) at their beginning, but you would not get the correct color value until you put the # at the beginning of the color code.
10. To paste the color value from the Windows clipboard into EZRound, just click the PASTE button next to the Color control where you want it applied.
11. EZRound will validate that it understands the color value and then change the color picker and update the sample automatically.
HINT: Set the background color in EZRound to whatever color you are using as the background in NOF. If your Site Style has a wallpaper background then you may want to check the Background color is transparent option. This will cause the EZRound components to be generated as GIF files with a transparent edge.
That is all there is to it!
When you export your EZRound design it will match your NOF site style nicely.
