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. 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 ---
Amazing Font Pack!

Featured Tutorialsmore

Creating & Using F...
Creating & Using F...
- Adobe Photoshop -
Old Movie Effect
Old Movie Effect
- Adobe Photoshop -
Glassy Pill Buttons
Glassy Pill Buttons
- Adobe Photoshop -
The Making of 'Sed...
The Making of 'Sed...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 887 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1051 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1054 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1935 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1832 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14441 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2751 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2772 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3439 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2355 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2498 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2798 views
Forum Threads

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