|
|
Quick
and Easy Gel Buttons in Canvas™ 7
Part Seven |
 |
|
|
|
|
|
|
Shifting The HSL Values To Make a Whole New Rainbow
In the preceding examples, the colors
were 100% saturated, meaning that they were "pure".
I came up with those HSL values and the master button
to go with them. However, Mike Dawson came up with a
technique and HSL values similar to the following description
using the button in the original aqua
gel button tutorial. I wanted to include a similar
technique in this tutorial to show how easy it is to
apply. You can make buttons like the ones shown above
by using this technique.
28. These examples use a slightly different
master button (below left). It has a softer look by
using less transparency and a smaller Gaussian blur
radius for Object 3. The characteristics of the objects
in this master are closer to the ones used in the original
aqua
gel button tutorial, the main difference being that
the colors use the HSL model. Click either of the links
below right to download the master. If you like, you
can "deconstruct" it similar to the example
shown previously.
29. The color table used in these variations
follows a slightly different pattern:
| |
Object 1 |
Object 2 |
Object 4 |
| H |
h |
h-30 |
h-25 |
| S |
100 |
44 |
63 |
| L |
14 |
45 |
36 |
Here, you will change only the hue for
the fill color as in the previous examples. But in this
case, the hue for Object 2 will be 30 less than Object
1 and will be 25 less for the second color of the gradient
in Object 4. For example, the hue of this variation
of the master button is 240. Using the pattern in the
preceding table, the hue for Objects 2 and 4 are 210
and 215 respectively:
| |
Object 1 |
Object 2 |
Object 4 |
| H |
240 |
210 |
215 |
| S |
100 |
44 |
63 |
| L |
14 |
45 |
36 |
30. Shown below is another example using this variation
of the gel button. The hue of this example is 300. Using
the same pattern, the hue for Objects 2 and 4 are 270
and 275 respectively:
| |
Object 1 |
Object 2 |
Object 4 |
| H |
300 |
270 |
275 |
| S |
100 |
44 |
63 |
| L |
14 |
45 |
36 |
The rainbow of buttons shown in the graphic below was
produced by using a hue of 0 (zero) for the first one
on the left and by incrementing this value by 30 for
each button to produce 12 different colored buttons.
Try some variations of your own. There are 348 additional
combinations.
Click
Here To Continue...
|
