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


Drawing Rips
Author: Matthew O'Leary
Authors Website: www.matthew-oleary.com
Dec 13, 2006, 13:13

Email this article
 Printer friendly page

Step 1: Create a new document within photoshop cs (File/New: Ctrl + N). Be sure that background contents: is set to white.

*Due to the behavior of a filter used, I usually create the document with twice the desired height, and then crop it once I am finished.

Web Designers Library- Tutorials and Articles
Drawing Rips


Step 2: Set the default colors to black and white (d). This ensures contrast in future steps.

Step 3: Create fibers (Filter/Render/Fibers).

Be sure that the preview shows variety of contrast, but not too much. You may have to play around with these settings again after you understand how to do it.

Web Designers Library- Tutorials and Articles
Drawing Rips


Step 4: Blur the image to make it more liney. Make sure the angle is set to 90 degrees (Filter/Blur/Motion Blur).

Web Designers Library- Tutorials and Articles
Drawing Rips


Step 5: Create a 3-d effect that to me looks like stretched rips through skin or plastic fabric (Filter/Filter Gallery/Sketch/Plaster).

Web Designers Library- Tutorials and Articles
Drawing Rips


Step 6: Select the areas you want to color. I simply used color range and clicked OK keeping the default settings which automatically selected only black (Select/Color Range). The black is supposed to be the holes in the fabric, so if their is something behind the cloth, put it in this selection.

Step 7: Color the rest of the image. This is the part of the image representing the ripped material. Inverse the selection (Select/Inverse: Ctrl + Shift + I) + (Image/Adjustments/Hue Saturation: Ctrl + U).

Web Designers Library- Tutorials and Articles
Drawing Rips


Step 8: Should this look like sliced cloth give it a pattern. I chose burlap. (Filter/Filter Gallery/Texture/Texturizer).

Web Designers Library- Tutorials and Articles
Drawing Rips


Web Designers Library- Tutorials and Articles
Drawing Rips



Top of Page

 
Level Ten Hosting