Welcome, Guest

Please login or register

TUTORIALS SUBMENU

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

Sponsored 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

Remote Rollovers
Remote Rollovers
- Adobe Photoshop -
Pixel Stretch
Pixel Stretch
- Adobe Photoshop -
Whispy Smoke
Whispy Smoke
- Adobe Photoshop -
Signature Techniques
Signature Techniques
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Advertisements





Special Options
Download Source File
Printer Friendly Version
Forum Threads

hello
Author: anderkober
Posted: Jul 14th, 3:09pm
Activity: 1 replies, 3355 views
 Re: 3ds Max Tutorials for Beginners
Author: 3DSMaxresources
Posted: Feb 22nd, 4:29pm
Activity: 0 replies, 3410 views
Delete Account
Author: Neo824
Posted: Oct 18th, 7:47am
Activity: 1 replies, 4547 views
Back...
Author: unleash
Posted: Jul 02nd, 12:37pm
Activity: 3 replies, 4558 views
Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 5037 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 3587 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 4447 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 5862 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 4073 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 5165 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 11542 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 19621 views
Forum Threads

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