Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

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 ---
Featured Content

Electrical Circuits
Electrical Circuits
- Adobe Photoshop -
Type Along A Path
Type Along A Path
- Adobe Photoshop -
Creating Warm Light
Creating Warm Light
- Adobe Photoshop -
Shiny Spheres
Shiny Spheres
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Download Source File
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