Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Tutorials : Textures & Patterns Last Updated: Apr 15th, 2008 - 18:38:37


Rock Texture
Author: Adobetutorialz.com
Authors Website: www.adobetutorialz.com
Apr 16, 2007, 14:13

Email this article
 Printer friendly page

In this tutorial we will be creating a rock texture. This can be used for many things including stone walkways, grave stones, and even textures for 3d programs. It's a fairly easy effect to master and it produces very cool results. Let's get started.

First open up a new 500x500px canvas and hit D to change your colors back to black and white.

Now fill your canvas with all black and go to Filter>Render>Difference Clouds. Hit Ctrl+f two more times to get an effect similar to mine.
Web Designers Library- Tutorials and Articles
Rock Texture


Now switch to your Channels tab and create a new channel.
Web Designers Library- Tutorials and Articles
Rock Texture


Fill this new channel with all black and again go to Filter>Render>Difference Clouds. Repeat this two more times as before.
Web Designers Library- Tutorials and Articles
Rock Texture


Now we're going to add some noise to give the pattern a bit more of a rocky look. Go to Filter>Noise>Add Noise and use the settings shown in my dialog.
Web Designers Library- Tutorials and Articles
Rock Texture


Get back to your background layer by hitting the Layers tab, and clicking on the background layer.

This is where we make the Rock texture come alive. Go to Filter>Render>Lighting Effects and use the settings shown in my dialog. Make sure you switch your "Texture Channel" to Alpha 1, the channel we just created.
Web Designers Library- Tutorials and Articles
Rock Texture


After hitting OK, you should see something similar to the effect I got. You can stop now if you like the grayish color, but for this tutorial, we're going to add a brownish tint.
Web Designers Library- Tutorials and Articles
Rock Texture


With your background layer selected, hit Ctrl+u to open up the Hue/Saturation dialog and use the settings shown in the picture.
Web Designers Library- Tutorials and Articles
Rock Texture


Now your rock has a nice brownish color and looks pretty real. Have fun thinking of ways to use this technique.
Web Designers Library- Tutorials and Articles
Rock Texture



Top of Page

 
Level Ten Hosting