Welcome, Guest

Please login or register

TUTORIALS SUBMENU

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

Related Links

Texture Mapping


Textures can be an excellent way to add great amounts of detail to an interface (or any other form of art) very quickly.  When used intelligently, they can imbue your creations with a life and energy hard to achieve using filters alone.  There are, of course, many ways to apply textures to your interfaces, but this is my method...

Step 1: Create a new document and populate it with two new layers.  For the time being, I'm gonna use a white background, with an object layer on top.  I'm not going to go into detail on how I made this shape, but its simply two ovals joined together at 45 degree angles, anti-aliased, and with a plastic effect applied.  You can, of course, use your own interface shapes as long as there is some sort of 3D effect or shading to build upon.

Step 2: Lets get the ball rolling.  Select your object layer and change the layer blending mode in the layer palette from normal to multiply - this will let it show through any layers beneath.  Now create a new layer between the object and background layers, load up a texture, and fill the new layer with your texture.

NB.  You can find textures all over the web - just go looking. You can buys CDs full of them from Marlin & Dosch if you want professional quality.

Step 3: We don't want the texture filling the whole design, of course, so a little trimming is in order.  Hold CTRL and click your shape layer to form a new selection around your object.  Now pick Select > Inverse from the menu, make sure the texture layer is selected in the layers palette, and press delete on the keyboard to trim the excess.   If you used a custom shape and it doesn't show through well, try putting the texture on top of the shape instead (but still make sure the top layer is set to multiply).

Step 4: For more exaggerated effects, consider stacking textures on top of each other.  This way you can manage some effects (especially metal) a lot better than by using a single texture alone.  Most of all, just play around and see what you can come up with.  The little butterfly on the right is hardly realistic, but took only a couple of minutes to design, and looks kinda cute in my opinion.  :)

There are, of course, many more blending modes apart from multiply selectable from the layers palette.   Each mode has its own unique uses and characteristics, although you'll definitely find yourself using a few more often than the others. Have fun experimenting!

- 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:  DanielM (#47548)
Date: Wed Jan 23, 2008. 23:43:36

Post #1 of 1

I follwed the tutorial step by step and recorded them as a action Now one click and I am done Thanks Regards danielm

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Quick Flames
Quick Flames
- Adobe Photoshop -
Simple Painterly E...
Simple Painterly E...
- Adobe Photoshop -
Semi-Transparent K...
Semi-Transparent K...
- Adobe Photoshop -
Clipping Masks
Clipping Masks
- Adobe Illustrator -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Download Source File
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 884 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1048 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1053 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1933 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1828 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14440 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2747 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2771 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3438 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2354 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, 2797 views
Forum Threads

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