|
|
|
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
| 
|
|
|
Thank You for this tutorial, was just what I was looking for. Very well done! |
Reply to this post |
User: saxc (#39130)
Date: Sat Mar 10, 2007. 07:50:35 | Post #2 of 5 |
|
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 ---
|

|
|
 |
TrentonCS Author: ahstanford Posted: Nov 06th, 7:40pm Activity: 2 replies, 19 views
|  | Html 5 Author: ahstanford Posted: Nov 05th, 1:32pm Activity: 5 replies, 85 views
|  | What are your favorite websites? Author: ahstanford Posted: Nov 05th, 12:51am Activity: 0 replies, 45 views
|  | What do you do for a living? Author: ahstanford Posted: Nov 04th, 11:04pm Activity: 0 replies, 43 views
|  | What is your favorite Subway sandwich? Author: ahstanford Posted: Nov 04th, 11:02pm Activity: 4 replies, 84 views
|  | Windows 7 Author: ahstanford Posted: Nov 04th, 10:59pm Activity: 0 replies, 47 views
|  | Google Wave Author: ahstanford Posted: Nov 04th, 10:52pm Activity: 0 replies, 57 views
|  | University Project Author: Gjbphp Posted: Nov 03rd, 8:59pm Activity: 1 replies, 89 views
|  | Hello BioRust! Author: ahstanford Posted: Nov 02nd, 5:39pm Activity: 4 replies, 84 views
|  | Illustrator cs4 - Convert outlines/graphics to ... Author: izidrew Posted: Oct 29th, 3:48pm Activity: 3 replies, 252 views
|  | Hello BioRust!! Author: MOST Posted: Oct 29th, 12:52am Activity: 4 replies, 142 views
|  | Hey! newbie Author: prelimiting Posted: Oct 28th, 11:51pm Activity: 1 replies, 112 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|