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 : Special Effects Last Updated: Apr 15th, 2008 - 18:38:37


Simple Waveform
Author: Kiwireviews.co.nz
Authors Website: www.kiwireviews.co.nz
Dec 5, 2006, 16:50

Email this article
 Printer friendly page

Create a new file to whatever size you want.

I suggest you start with something small, as it gives a more realistic impression.

Just make sure it's in RGB mode.

Web Designers Library- Tutorials and Articles
Simple Waveform


Fill it with black, them draw a 1 pixel thick wiggly line down the middle in bright green. It's not too important exactly what green, but it should be green.

You can always use a Hue/Saturation adjustment layer to change it later.

Web Designers Library- Tutorials and Articles
Simple Waveform


Fire up the Stylize >> Wind filter.

Your settings should be wind, from the right. (You can start with from the left, doesn't matter really.)

Click OK.

Web Designers Library- Tutorials and Articles
Simple Waveform


Press Ctrl-F to re-run the filter. Keep doing that until you are satisfied you have half your wave form.

Now use the menu to bring the filter up again, and switch to from the left (or from the right if you started with left).

This will complete the other half of the waveform.

Web Designers Library- Tutorials and Articles
Simple Waveform


Rotate the layer/canvas 90 degrees CW or CCW (your choice, whatever looks best) and bingo, you have your finished waveform.

Web Designers Library- Tutorials and Articles
Simple Waveform


This is just one way to make this effect. You may wish to fine-tune it using the Distort >> Wave or Distort > > Shear filters before you rotate it to horizontal.

At this stage you can use adjustment layers to tweak the colour, etc.

For extra fun, set this layer to screen blend mode, and lay it over another image.

Web Designers Library- Tutorials and Articles
Simple Waveform



Top of Page

 
Level Ten Hosting