|
|
|
As the saying goes, the beauty is in the detail. Even the most stunning
interface can look out of place and unrealistic if its too perfect for its own
good. Add a little damage to your interfaces and artwork with this simple
technique...
 |
Step 1: Create a blank 200 by 200px document
and use the horizontal Type Tool to create a single letter. In my case I've
used the 'Tarzan' font at size 222. Don't worry if you don't have this
particular typeface - just select something with a chiselled look (it'll
look more realistic when overlaid with a stone texture). You
don't have to use a letter, of course - it'll work on any stone
effect interface. |
 |
Step 2: Create a new transparent layer on top of the
other layers and, using the
Brush Tool (with airbrush if needed), and Eraser Tool, draw some cracks. Take
your time with this stage - the more time you take working on the fine
detail, the better your end result. Try to avoid using a brush that is
too big or you'll notice that its an artificial effect right away!
When you are finished, change the layer blending mode to Hard Light
and drop the opacity to 75%.
|
 |
Step 3: With the black cracks layer selected, pick Layer > Duplicate from
the menu to create an exact copy. Now select the lower layer and
choose Image > Adjustments > Inverse. You should end up
with white and black cracks on two separate layers, although you shouldn't
be able to see the white because it'll be overlapped by the black.
Using the cursor keys, offset the white cracks 1px down and 1px to the
right. As you have probably guessed by now, the perception of depth is
just an illusion... |
 |
Step 4: Now, using layer effects or
texture mapping, give your text / interface a more pleasing look.
Et voila - your finished design, slightly worse for wear. Of course, you
don't have to limit yourself to cracks - with a little more work you can
create crevices, overhangs, and other natural phenomena. Studying photos of
stressed rock can also help you make the effects a little more realistic.
Just have a play around - its often surprising how such a simple effect can
be so powerful. |
- Tutorial written by Man1c M0g
| 

|
|
 |
php, shoutbox problems Author: vanhansen Posted: Nov 17th, 1:30am Activity: 5 replies, 106 views
|  | MarkupGeeks Logo Author: ahstanford Posted: Nov 16th, 8:45pm Activity: 13 replies, 199 views
|  | Drawing Tutorials Author: ahstanford Posted: Nov 16th, 12:46am Activity: 0 replies, 120 views
|  | Superbowl predictions, anyone? Author: ahstanford Posted: Nov 15th, 10:46pm Activity: 10 replies, 172 views
|  | Photomanipulation Footsteps Author: ahstanford Posted: Nov 15th, 10:43pm Activity: 4 replies, 123 views
|  | Learning to draw... Author: ahstanford Posted: Nov 15th, 12:43pm Activity: 4 replies, 138 views
|  | Looking for simple UI elements Author: FenixRoA Posted: Nov 15th, 6:40am Activity: 7 replies, 128 views
|  | HDD Help? Author: Phoenix Wynde Posted: Nov 13th, 2:31am Activity: 1 replies, 126 views
|  | Fun New Battles Posted! Author: ahstanford Posted: Nov 11th, 7:33pm Activity: 0 replies, 157 views
|  | 4-man Simon Tournament Author: ahstanford Posted: Nov 11th, 3:28pm Activity: 0 replies, 103 views
|  | Design Brief Inspiration for BioRUST Battles! Author: ahstanford Posted: Nov 11th, 7:19am Activity: 4 replies, 153 views
|  | The BioRUST Free Stock Photography Thread Author: ahstanford Posted: Nov 11th, 6:32am Activity: 2 replies, 173 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|