|
|
|
Lets face it, everybody likes jello! Although it tastes utterly bland by
itself, you can add some flavourings, pour over a little cream, and be in
dessert heaven! The same applies, of course, to Photoshop - just take a
mellow colour, add a few layer effects, and bask in the yummy splendidness of
your work. Here's how...
 |
Step 1: Create a blank 200px by 100px
document and fill the background with anything you like (white may be best
at first). Create a new transparent layer on top and, using the Rectangular Marquee Tool, Elliptical Marquee Tool, or rounded Rectangle Tool, draw a rectangular shape
and fill it with a light blue (hex colour: #8CB1D1) |
 |
Step 2: With the shape layer still selected
in the layers palette, choose Layer > Layer Style > Gradient Overlay
from the menu. This will pop up a dialog like the one in the example
opposite. Apart from the blend mode and angle, there is little to change
from the Photoshop Defaults. |
 |
Step 3: Without exiting the Layer effects
dialog, go to the Stroke subsection and enter in these settings.
This will add a reinforcing outline to the shape. |
 |
Step 4: Go to the Inner Shadow
subsection and enter these settings. This will add a sharp white highlight
to the top of the shape. If a deeper feel is desired, just increase
the Distance parameter until satisfied. |
 |
Step 5: Progress onto the Inner Glow
subsection and duplicate these settings. This will add a slight light haze
to the outside of the shape and help reinforce the pseudo-3D illusion. |
 |
Step 6: No self-respecting PS artist would
leave out the drop shadow! So, simply go to the Drop Shadow
subsection and enter the settings on the left. |
 |
Step 7: Now press OK to exit the layer
effects dialog and admire your work! The object created in this
walkthrough is ideal for interfaces and navigation buttons but, with a
little work, you can do so much more.... |
 |
Variations: Feel free to experiment with the
layer effects settings, and you'll be amazed what you can create. The
gooey gel on the left, for example, took mere moments to make using default
Photoshop tools. Feel free to download the .PSD and see what makes it tick. |
- Tutorial written by Man1c M0g
| 
|
User: saxc (#39130)
Date: Sat Mar 10, 2007. 07:50:35 | Post #2 of 4 |
|
Thanks, man! Nice looking effect. And it's always nice to deal with different settings dialogs and panels with proper guidance to understand them better. That's where the real power of any app is, and where all the mind twisting for beginner starts. |
Reply to this post |
--- View Entire Thread ---
|

|
|
 |
Drawn Battle? Author: tamlin Posted: Aug 28th, 2:32pm Activity: 0 replies, 5 views
|  | Rich Vs. Poor Author: synthetic Posted: Aug 27th, 7:43pm Activity: 2 replies, 21 views
|  | Biorust Notification Bug? Author: synthetic Posted: Aug 27th, 2:57pm Activity: 5 replies, 69 views
|  | Electro Art Author: buud Posted: Aug 27th, 12:48pm Activity: 3 replies, 66 views
|  | Firefox 3 Author: Kenneth Posted: Aug 26th, 10:02pm Activity: 6 replies, 123 views
|  | Hello Everyone! Author: salva Posted: Aug 26th, 8:14pm Activity: 1 replies, 58 views
|  | Photo Illustration | Vector Conversion | Photo ... Author: radixweb Posted: Aug 26th, 6:06am Activity: 0 replies, 94 views
|  | horrible skin tone photo needs help! Author: delph99 Posted: Aug 26th, 2:31am Activity: 13 replies, 226 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 406 |
| Linkbase Links: | 255 |
 |
|
 |
 |
|