Web Design   Web Hosting   Photoshop Tutorials   Free Fonts   Drawing Basics  
Photoshop Tutorials - Free Fonts
[Read Me First!]
[Photoshop Tutorials]
[Canvas Tutorials]
[Corel Tutorials]
[Quark Tutorials]
[Illustrator Tutorials]
[FreeHand Tutorials]
[Drawing Basics]
[Porting Files]
[Free Fonts]
[Font Tutorials]
[Misc Tutorials]
[About Mike]
[Related Sites]

  Quick and Easy Gel Buttons in Canvas™ 7
Part Seven

Shifting The HSL Values To Make a Whole New Rainbow

Demo Page 1 Demo Page 2 Demo Page 3

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.


Click to download


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...


Previous   Home    Contact Mike   Related Sites    Next

Copyright © 1998-2016 Mike Doughty, All Rights Reserved Legal Notices
Page Last Revised: October 26, 2016
Privacy Policy