Zymic

Webmaster resources

Professional XHTML & CSS Coding

Including Wordpress & Vbulletin from $145 - Learn More

Adobe Photoshop

Free Tutorials » Adobe Photoshop » Tiled Plasma

Create a nice looking plama effect.

Step 1

Create a new 400x100 document with a transparent background (400x100 is my preferred size but anything around there will do.

Step 1 diagram

Step 2

Press D then X to reset the colours to black and white.

Step 2 diagram

Step 3

Go Filter > Render > Clouds.
Your image should now have a black and white cloud like effect. Make sure you get a good balance of black and white and make sure it all looks blended.
If not, press Ctrl+F to repeat the filter.

Step 3 diagram

Step 4

Go Filter>Sketch>Chrome. Enter in these settings:
Detail: 10
Smoothness: 0
(NOTE: Adjust these settings to what you think looks like the best plasma effect.)

Step 4 diagram

Step 5

Your image will now look somewhat like this:

Step 5 diagram

Step 6

Duplicate the layer by right clicking on the layer and selecting “Duplicate Layer” Press enter when the confirmation screen comes up.

Step 6 diagram

Step 7

Click on the duplicated layer and go Filter > Texture > Patchwork and enter these settings:
Square Size: 1
Relief: 1

Step 7 diagram

Step 8

Press Ctrl+U to colour the layer. Click on colorize down in the right hand corner and enter these settings:
Hue: 125
Saturation: 25
Lightness: 0
(Don’t worry if it looks green for the moment, its meant to!)

Step 8 diagram

Step 9

Then click on the arrow above the layer (Blending Options) and set the option to overlay.

Step 9 diagram

Step 10

And finally, click on the background layer and colorize it. Click on colorize again down in the right hand corner, but enter in these settings this time:
Hue: 241
Saturation: 40
Lightness: +15 (This must be adjusted manually for the best effect.)

Step 10 diagram

Step 11

And there you have it! An awesome plasmatic tiled effect! This tutorial is extremely customizable and you couild have stopped numerous times through out the tutorial and still got a great effect, so go and add some of your own effect (e.g text, borders, etc.) and you will end up with something like this:

Step 11 diagram

Tutorial comments

25.04.2008 -

sajhu says …

it is very nice tutorial, visit www.seunwebmaster.uni.cc for free photoshop brushes, php script and so MUCH MORE

09.03.2008 -

kladz says …

Nice!

25.02.2008 -

x2c says …

thats just made. it made my sig goto a whole new level.

20.02.2008 -

G4 says …

Nice mmmmm oh yeah

13.02.2008 -

sprihacknet says …

Very nice! thank you! ^_^

View all user comments for this tutorial.

Tutorial statistics

Date added:
03.06.2005
Author:
X3r0X
User rating:
4/5
Rate tutorial:
Total views:
5681
Total comments:
10

Advertisements