Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

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. 18: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 Tutorialsmore

'Out Of Bounds' Im...
'Out Of Bounds' Im...
- Adobe Photoshop -
Metallic Pill Butt...
Metallic Pill Butt...
- Adobe Photoshop -
Thermoptic Camoufl...
Thermoptic Camoufl...
- Adobe Photoshop -
Quick Flames
Quick Flames
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links

Special Options
Printer Friendly Version
Forum Threads

 Link Pop Up
Author: Rtouch
Posted: Aug 28th, 12:59pm
Activity: 5 replies, 0 views
Tips and Tricks on how to speed up rendering
Author: heartscool
Posted: Aug 21st, 6:42am
Activity: 0 replies, 0 views
Hello
Author: goingtothedogs
Posted: Aug 17th, 5:42pm
Activity: 3 replies, 0 views
3ds,zbruh,texturing help
Author: heartscool
Posted: Aug 16th, 5:06am
Activity: 0 replies, 0 views
3dsMax-autocad question
Author: heartscool
Posted: Aug 03rd, 7:02pm
Activity: 0 replies, 0 views
Car texturing
Author: heartscool
Posted: Aug 02nd, 5:28am
Activity: 0 replies, 0 views
 Hi Everyone!! :)
Author: StarMania
Posted: Jul 31st, 5:30pm
Activity: 3 replies, 0 views
Fire text effect in 3ds max
Author: heartscool
Posted: Jul 24th, 1:56pm
Activity: 0 replies, 0 views
Where did everyone go!?!
Author: LemonTree
Posted: Jul 22nd, 12:15am
Activity: 6 replies, 0 views
Protecting Email Addresses from Spammers in HTML
Author: LemonTree
Posted: Jul 22nd, 12:13am
Activity: 0 replies, 0 views
3ds max wireframe render ?
Author: heartscool
Posted: Jul 20th, 2:51pm
Activity: 0 replies, 0 views
Site issue
Author: Jormi_Boced
Posted: Jul 07th, 8:40pm
Activity: 11 replies, 0 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    438
Total Fonts:    4673