Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Cracks & Crevices


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

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  lilymoonsilver (#40028)
Date: Fri Mar 30, 2007. 17:36:08

Post #3 of 3

You're overloading me with cool effects to try. I'm going to lose the rest of the afternoon in experimenting! Thanks.

Reply to this post


User:  saxc (#39129)
Date: Sat Mar 10, 2007. 07:30:46

Post #2 of 3

Thanx! Another useful, simple but effective, nice working tip.

Reply to this post


User:  jose garcia (#24123)
Date: Fri Feb 17, 2006. 07:51:45

Post #1 of 3

Easy tutorial and nice work

Reply to this post


--- View Entire Thread ---
Featured Content

Warps & Vortexes
Warps & Vortexes
- Adobe Photoshop -
Planetary Masses
Planetary Masses
- Adobe Photoshop -
Simple Shape Tween...
Simple Shape Tween...
- Macromedia Flash -
Realistic Gears
Realistic Gears
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 54 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 56 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 119 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 94 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 28 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 112 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 137 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 163 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 164 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 205 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415