Effects

Learn

Our tutorials have been submitted by our own members and staff over the last four years. They cover a range of design packages and programming languages.

Tutorials are key part of learning new skills, so we not only recommend that you try some, we suggest you experiment with the framework that they give you, don't be scared to wander from the instructions.

Click the categories below to get started!

Contribute

Alternatively you can pass on your useful tips and advice to others, by creating your own.
Submit a Tutorial

Recommend to Others

If you like a tutorial, please use the "digg" button below it.

Abstract Avatars

I will now show you all how to make abstract Avatars. Its very easy, so just follow along. Pre: Open up image, 400x400 [yes, 400x400], transparent

1. Press 'd', and Fill the entire thing with black.

2. Go to Filter, Render, Lens Flare, then put it at these settings: Lens Type: 50-300 mm Zoom Brightness: 100 Put it at the center of the image.

3. Use the Smudge tool, at brush size around 19-25, and make a spread out shape, I'm using a star, and use the smudge tool on all the lines 3 times.

4. Now, go to Filter, Distort, Wave, and press randomize until you get some either that you like, or spread out. [spread out gives a more finished effect for 2nd part.

You can stop here, and just go to the final step if you want to, this right now makes a weird, but effective logo, if you can fit it into a site.

5. Duplicate the layer. Now, go to Filter, Distort, Wave, and press Randomize again, until you get something you like, and is different from the 1st layer.

6. Set this layer to either Screen, or Lighten. (It depends on what you got when you randomized, and what looks good to you). Then, Merge All the Layers.

If you stopped at step 5, come back down here, and follow the steps until the end.

7. Now, all you have to do is resize it to be 100x100.

8. Just press ctrl+I to invert the colors to make it a cool shade of blue, then maybe add a border, and you are finished with your very own Abstract Avatar.

Abstract Background

Make a new document (I used 800x800) Fill it with black Go to: filter>render>lense flare (100% 50-30mm Zoom) Make 5 of these so that they mimic the layour below

Go to filter>sketch>chrome (detail:4 Smoothness: 7) Go to filter>artistic>plastic wrap (highlight: 5 detail: 9 smoothness: 7) Go to filter>distort>wave and change type to "triangle" and leave the other settings on default

Now duplicate the layer two times and set blending option to "lighten" on both layers On the top layer go to filter>distort>twirl (angle: 300) On the second layer go to filter>distort>twirl (angle: -300) Now it should look like this:

Now you have two options, either colorize each layer and the flatten it or flatten the layers first and then colourize.

Abstract Signature Tutorial

Firstly you need to create a new image. Use the sizes 430x150

Now you need to fill the background black. This makes the brushng easier to see. You can always make it another colour after you finish!

Now we add some brush strokes to the picture. Use around 10-20 layers on this stage. Use alternating colours on each layer: black, white, black, white etc. Brushes can be found at http://brushes.deviantart.com

We now add some colour to this image. Every 3-5 layers add a \"colour balance\" layer found at layer > new adjustment layer > color balance. Mess around with the colours until you get a cool combination.

Here is what I ended up with: Hint: Don\'t go too overboard with the colours on the first and second colours balance layer.

Now to add some text. Simply choose a font you like and write what you want.

Play around with the font, give it a border and change the blending mode.

Now to add a proffessional looking border. Press ctrl+d to deselect everything and make a new layer above everything. Select the rectangle marquee too and drag a box over the whole image then stroke it by right clicking and selecting "stroke". Make a 3 pixel border like the on found in the tutorial at the following address. http://advertisezone.co.uk/ar/t1111.htm

To finish off mess around with the layer blending options a bit and add some filling effects. Then you are done. Here is my finished result!

That's it! Below are resources you may want...

Stroke technique:

Abstract Signatures

1) Make a new, blank, 400x100, transparent background project. RGB color and etc.

2) Press [Ctrl+D] on your keyboard to reset the colors to default, then click your Gradient Tool.

3) Make five or six clicks with the Gradient tool, but make sure that the settings are on 'Difference.' It should look something similar to this by now:

4) Press [Ctrl+U] on your keyboard, or go to Image>>Adjustments>>Hue/Saturation. A window should pop up. Click on [Colorize], then adjust the color to whatever you want. This is my example:

5) Now, go up to Layers>>New>>Layer...

6) In this new layer, go to Filter>>Render>>Clouds. Press [Ctrl+F] as many times as you need if you didn't get a cloud selection you like.

7)Color your clouds with [Ctrl+U]; try to use colors similar to the layer beneath it, if not the same colors.

8) Now go to your [Layers] window and move this colored cloud layer beneath the gradient. After doing this, change the layer blending of the gradient to [Hard Light]. It doesn't truly matter what you want to use; I prefer Hard Light because it gives a better effect.

You now have a nice little abstract background you can use for your signatures.

Optional Steps: 1) Make a new, transparent layer over the merged ones and select your Brush tool. Choose a nice brush that you feel will suit the purpose, then stamp it once in the color white.

2) After this, go to the Layers window again and move the stamped layer to the bottom, under the clouds layer. Make the blending for the cloudy layer into Hard Light as well.

3) Using the lasso tool [Be sure that your Feather is on 20px], select the stamped layer and make a figure like this:

Then press [Ctrl+I] to invert the selection like this:

Afterwards, delete the selected parts. It should look like this:

To make it blend better, change its opacity to 42%. [Anything works, really, as long as you can see it]

5) Make a new layer above all previous layers. Take the pencil tool, and with a 1px brush, black, make horizontal lines across the image. Space them with 1 px in between.

Then, go to Opacity and make it 13%. [Be sure you can still see it, but not so much that it overtakes your background.]

6) For text, fill in a bit of text wherever you want; in this case, since the left side seems so empty, I'll put my text there.

7) Do whatever you want to your text; make it glow, shadows, etc.

8) [This is a completely optional step that is rather useless if you think about it.] Take up your lasso tool once more and make an outline around your text. Afterwards, select the layer with the lines and press delete twice. This will make the background for your text clearer and outline it a bit. With that all said and done; you are finally finished! Apply different colors, brushes, patterns, etc. and see what you can come up with. My final product:

Airbrush Effect (Motion Effect)

Alright, start off with a new layer, 400x100 will do, now give it a black background.

Select the Text tool, and use text size 72p, now with the size of this layer, i'm going to write 'ash'

You put what you want. Make sure it's in white, now move it to the middle. Duplicate the text layer 2 times, and rasterize the first and last. (right click > rasterize) Now select the first layer, and go to Filter > Blur > Motion Blur Use the settings : Angle : 0 Distance 352 (or what you prefer)

Now click ok. Now press ctrl f twice Now repeat the blur with the last duplicate, but this time use the angle as 90.

Now delete the text layer you have left. Now merge the two rasterized layers into 1. then duplicate that. Duplicate it once more. Now, you should have something like this..

Preview

Now i realize the image is plain, but if you add it to another images, and set the layers mode to soft light, it should look good.

Blood Splatter

Step 1: Make a new document size 400 x 100, then add a black to white gradient across it: Preview

Step2: Go to Filter >> Distort >> ZigZag, then use these settings: Amount = 100 Ridges = 20 Style = Pond ripples You should get something that looks like this: Preview

Step 3: Go to filter >> Distort >> Wave, select square, then click randomize, you should get something that looks like this: Preview

Step 4: Go to Filter >> Noise >> Add noise, have amount set at 13.13, distribution = Uniform, and check Monochromatic. You should get something that looks like this: Preview

Step 5: Go to Filter >> Blur >> Radial Blur, select zoom and have Amount = 100. You can choose the quality yourself. You should get something that looks like: Preview

Step 6: Go to Filter >> Brush Strokes >> Ink Outlines, and use the settings: Stroke Length = 4 Dark intensity = 20 Light intensity = 10 Click OK and you should get something like this: Preview

Step 7: Go to Image >> Adjustments >> Hue/Saturation, check colourize then mess around until you get the red colour you like, you should end up with this: and there you have it, an effective looking blood splatter, try experimenting to see what you can come up with: Preview

My final picture turned out like Preview

Blue Swirl

1) Start by opening a new, blank, transparent, 1024 pixel x 768 pixels, transparent
click here
2)Make a new layer
click here
3) On the first layer fill it with black, 000000
click here
4)Go to Filter>Render>Lens Flare, place the flare in the middle of the layer.
click here
click here
5)Move layer 1 above layer 2
click here
6)Click the eye next to layer 1 to hide the image. Then select layer 2.
click here
7)Click your Gradient tool
click here
8)Then click the black and white gradient
click here
9) Next apply the gradient 4 or 5 times, you should get something like this
click here
10)Next go to Filter>Distort>ZigZag
click here Amount- 99 Ridges- 19
click here
11)Next go to Filter>Distort>Twirl
click here
click here
12)Click on layer one, make it visible again by clicking where the eye was
click here
13)Change the opacity to 35%
click here
14)Next click on Image>Adjustments>Hue
click here
click here
15)Pick the colors you want for this I will use blue
click here
16)Click on Layer 2 and repeat steps 14 and 15
click here
17) Now you are done and my final image looks like this:
click here

Cartoon Effect

1. Find an image you like, just for example, I'll use the following:

2. Paste this in photoshop. Go to filter > blur > Gaussian blur with a radius of 3. 3. Go to filter > fade (top) and set it to 100% and darken. 4. Voila! You're done! You should've ended up with something like this:

Enjoy! :)

Cool Abstract

step1: go to file>new>select whatever sizes you want>ok

step 2: hit d to reset he colors>select the paint bucket tool>fill the entire area with black it should now be like this:

step3: go to filter>render>lens flare select these settings: brightness:100% lens type:50-300mm zoom render four lens flares,so it should now be like this:

step 4: go to filter> sketch> chrome put all the settings on:about half way it should now be like this:

step5: duplicate the layer and set the blen mode to lighten(there doesn\'t look like much difference but it will be important in future steps step6:duplicate the layer(layer 1 copy)another three times.

step6: select layer 1 copy then go to filter>distort>polar coordinates select rectangular to polar

step 7: select layer1 copy 3 go to filter>distort>polar coordinates select polar to rectangular

step 8: select layer1 copy 2 go to filter>distort>polar coordinates select polar to rectangular then go to edit>transform rotate 180

step 9: select layer 1 copy go to filter>distort>wave use these settings: no of generators: 5 wavelength:min:10 max:120 amplitude:min:5 max:35 scale:horiz:100% vert:100% type:sine undifined areas:repeat edge pixels click ok you should now have something that looks like this:

step 10: select each individual layer> press ctrl + u>tick colorize>change the hue,saturation and light ness to what ever you want: then go to layer>merge visible finished result:

Cross Spikes Effect

To save time, I made the tutorial an image so just view the image below to go to it :)

And there you have it.

Dreamy Effect

1) Get your image bg, and the render you're gonna use.

2) Take your render and paste it on.

3) Set the render's layer style to Soft Light, and duplicate it. Then change the new layer's blending style back to normal.

4) Go Filter>Blur>Gaussian Blur With these settings:

5) Duplicate the Soft Light layer, and put it above the Gaussian Blurred one. It should look like this...

Aaand then you're done. Enjoy. :P

Ink Outline

Creating an interesting inky effect using Photoshop and a base image.

Click the image for the tutorial in a new window.

by Retribution.

Neon Rush Background

1. Open a new file with a white background. Size doesn’t matter, I have chosen 300x100. Press D to reset the colors.

2. Click on the line tool and set it to 1 px, black. Randomly scribble lines over the file, and try not to make too many horizontal or vertical lines. Diagonals work best.

3. Now set it to 3 px and draw some more lines, but fewer.

4. Set it to 7 px and draw just a couple lines.

5. Now go to Layer>Flatten Image. Then go to Filter>Blur>Motion Blur. The settings are Angle: 25 and Distance: 25. Press OK.

6. Filter>Artistic>Neon Glow. The settings are Glow Size: 0, Glow Brightness: 17 and Glow Color: May be anything, I used 00D600.

7. Duplicate the layer. Filter>Sketch>Water Paper. Fiber length: 38, Brightness: 49 and Contrast: 51. Press OK.

8. Set the new layer blend mode to Overlay.

9. Open a new, 100x100 file. Set the color to whatever color you used for the Neon Glow (00D600 for me). Using the square tool draw a square in a corner, and duplicate this as many times as it takes to go across the square. Three seems about right. It’s fine if it’s not perfect. Now go to Layer>Flatten Image. Unlock the background by double-clicking in the Layers palette and pressing OK. Edit>Define Pattern. Name it what you like.

10. Go back to your original image. Layer>Flatten Image. Unlock the background. Double click to get to blending options. Check Pattern Overlay. Settings are Scale: 1, Opacity: 63% and Blend Mode: Overlay.

11. Filter>Artistic>Plastic Wrap. Settings are Highlight Strength: 18, Detail: 8 and Smoothness: 10.

12. Edit> Fade Plastic Wrap. Set the opacity to 63%.

13. (Optional) Filter>Stylize>Wind. Select Wind and From the Right. Yes! Finished Piece:

I have no actual idea exactly what Neon Rush is, this is my first tutorial and I’m not very good at it yet. I don’t want you to copy this exactly after the first time. Change it up and add your own stuff to it. PM me if you figure out how to do something interesting with it!

Pixel Stretching

Using the pixel stretch effect to make a background.

Click the image for the tutorial in a new window.

Created by Ns-5

Reflections

Ok in this tutorial I would teach your how to create a simple reflection , which you can use on text , or images.Lets begin.

Step-1 :

Open the document that you want to add a reflection toBe sure that it is in layers! It doesn\'t matter what it is.

Preview

Step-2 :

Now for me the layer I want to reflect is text.Duplicate that layer.

Preview

Step-3 :

Now on the top menu go to edit>transform>vertical... after you fliped the duplicated layer move your reflection layer underneath the main layer.

Preview

Step-4 :

Now to complete what we came here for , we\'ll have to add a layer mask to the reflection layer.

Preview

Step-5 :

Choose the gradient tool , and select just above the reflection layer to about 3/4 of the way down.(try time and time again till you get it the way you want it) Heres my final image

Preview

Sparkle Dust

First off, It's easier if we get a piece to work around, or if you want, just start off with a:

1. 500x500 canvas with a black background, like so: Preview

2. Select your brush tool (B)

3. Click on 'Windows > Brushes'. A new window should popup, like this: Preview Click 'Brush tip shape' and find the 'Star 33 pixels' brush. Preview Now follow these settings: Brush Tip Shape Spacing: 50% Shape Dynamics Size Jitter: 100% Scattering Make sure 'Both Axes' is ticked. Scatter: 436% Count: 4 Count Jitter: 21%

THERE ARE MY PERSONAL DEFAULT SETTINGS, FEEL FREE TO PLAY WITH THESE SETTINGS TO ACHIEVE YOUR OWN DESIRED EFFECT!

Now go back to your canvas, make a new layer and start drawring your stars. (make sure your foreground color is white) Preview

Now this is nice, but give this star layer an outer glow, with an opacity of 50%! (right click layer and go to blending options) so now after a few mess arounds, the outcome should be like this: Preview

For a better piece where this star dust is used, check this: Preview

Starry Sky

This tutorial will help you if you intend to make a realistic night sky.

1. Start with a dark background color. Black, dark blue, whatever.

2. Here's the trick. GO to Effects-->Artistic Effects-->Balls and Bubbles. The settings you will need are as follows: Select the "Automatic multiple Balls or bubbles" option. Coverage: 10 (change this depending on how many stars you want) Average size: 0 Size Variation: 50 Balls or Bubbles type: Intersecting It might not look very "starry" yet, but just wait. Click the "surface" tab. Make the settings as follows: Opacity: 0 Shininess: 100 Gloss: 0 Under the Maps tab, just make sure nothing is checked. Under Illumination: Ambience Maximum: 100 (min doesn't matter) Individual Light properties: Make there be only one light, either by adding or removing some. Mke the color of that light white and set the hightlight size to 10. Finally, click OK. You should get something like this:

If you wish to make a more detailed sky, make several layers of these stars and set the opacity levels differently. You can use this technique to make snow by increasing the highlight size too. Happy starmaking!

Wire Background

I was trying to randomly put something together and came out with this interesting background.

1. Hit "D" to reset colors.

2. Filter>Render>Clouds

3. Filter>Pixelate>Mosaic - Cell Size: 17

4. Filter>Stylize>Find Edges

5. Filter>Stylize>Emboss - Settings: Leave at Default

6. Hit Ctrl + U to change the colors.