Graphics

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.

Cinema 4D

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.

Materials

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.

Modelling

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.

Advanced Abstract Renders

This tutorial will bascially help you create more advanced renders, goin into HDRI, Radiosity, Caustics with photon lighting etc. First we wanna make our render. What were goin to do is just click the square in the right hand corner of our workspace. Looks like this.

Then take the spline tool and draw in the first three boxes something random. Like this.

You should now have three spline objects. Select Loft Nurbs And add the splines to the Loft nurbs like so.

Then click the bquare in the top-left box, right hand corner.

Click your loft nurb bject and press "C" on the keyboard. This will set it at current state. What your goin to do now is add a "Bend", "Twist" and "Bulge".

Apply them to your Loft nurbs. Select your bend object, make sure its on unlimited. and set the settings to what fits your render best.

Do the same to your "Twist" and "Bulge" object. You can also move, rotate and change size of your modifier objects if needed. Now add two Explosion FX

and apply them to your Loft Nurbs. Move them around to the "bulkier" parts of your render.

Add them to a Null Object. (Objects>>Null Object) Then add your Null Object to a HyperNURB Object. Now if this is too simple what you can do. Goto Null Object. (ATM this wont have anything in it) apply this to your HyperNURBS. Duplicate the Null Object that contains your Loft Nurbs. (copy(ctrl+c) and paste(ctrl+v)) Add the two Null Objects with LOFT NURBS IN THEM. to your Null Object with nothing in it. This way you dont ahve to use mutiple HyperNurbs. Can cut down rendering time. You can rotate both Null objects (containing loft nurbs) to your liking. Then add perspective and rotate the camera angle. Here is the simple render I have.

This is the FUN PART! Adding materials. For this type of Render I like goin for something that attracts light but stays dark. So Ill do my mat the old fashion way. =P

Ima go ahead. and go into render settings. Adjust the rays, reflection and shadow depth now. Also untick Auto Light.

So right now ima add a light object. Cause atm I have no light source on my render.

Make sure your light is Omni, and has soft shadows. Then goto Caustics.

When in Caustics tick, surface and volume caustics. For the purpose of this tutorial ill use a lower Photon count. and lower energy percentage. For this to work, go back into render settings and goto Caustics. use settings like this. Dont be afraid to experiment though.

Here is the render atm. The first light object is semi-behind the render. So I duplicated and lit a wider area of the render. This time I used ALOT less photons but more energy. Something like 750-900photons. Energy at 100%.

What we can do now is use some HDRI. Now I am not goin really into detail on this whole thing and how to get it perfect. theres better tuts made for that. But ill tell you how to do some simple-ness. Select a sky object.

Right-click your sky object and goto Cinema 4D tags>>Compositing..

Then untick "Seen by camera". The others are just optional.

Create a new material. Untick specualr and color. Tick Luminance. The goto texture>> load image. Load a random image. Ill use a pre-existing old piece I used with a dark red. I can edit these colors later in PS. Make sure to give it a blur. If you like (may make it better) Load the same image under the reflection channel. This time without blur. It gives it a better effewcrt sometimes. If you edit the dispersion under the reflection channel you can also focus parts where you like the most ambience. Well. According to the iamge I am using now. It differes for the image. so experiment if you wish :)

Somtimes I like using floor objects for an even better effect. using the same mat as my sky object. I will make the mat of the floor transparent though something like 30-80% trans. Ill go ahead and do that. If you use a floor object. What you want to do. is set it up at angle in front of your render. so its reflections will show on the render. You should also use the compositing tags for this. Here is what I have so far.

Now atm my render isnt in extreme need of radiosity. So ill move up the lights. to get a slighter darker feel. then adjust radiosity. What radiosity is goin to do. Is lighten the render itself. So if your render is really dark. and you like what lighting you have on it. Radiosity is the easy way out. Now im not goin in depth on this too much either, most HDRI tuts should tell you what does what in the Radiosity channel. So I just use defualt settings. adjust the stochastic samples to a smaller value. and put the strength low. adjust the min/max value to 70/150. If there is unwanted pieces in your render. Go back to the Loft Nurb. Pick the live selection tool, and the polygon tool. (shown below) and Select what you want to delete. (the polygons in red are selected) Then press delete.

See what I removed?

It also affects other polygons. for the best or for the worse. so be careful. :) Now lets edit the renders settings. I usally render at 2560x2048. twice the size of my comp screen reso. I also save as a TARGA, with alpha channel for transparent background. You can adjust DPI when you save. ill leave it default for now. Dont mind the radiosity. and be careful of the caustics. they wont be the same for your render most likely. The onto the effects. I always use the sharpen filter at 5-20%. Every now and then ill throw in the depth of field. with bg blur, distance blur. and autofocus. Usually not to strong. And the options again..

And thats about all we need to do for now. Lets see what my finish result will be. I duplicated my final null object btw. and rotated tried for more. :) My final render with the HDRI. Had a dark red tint and some purples. I adjusted the colors by going to (IN PHOTOSHOP) Image>>Adjustments>>Selective Color.

FireWorks

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.

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.

Interfaces

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.

Miscellaneous

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.

Three shade Ribbon Part I

I made this tutorial to show people how easy it is to make a three shade gradient ribbon.

First lets make a new image: W: 300 H: 300 backgroung: black (000000)

Now choose the rectangle tool and make a rectangle: W: 200 H: 20 Color: White (FFFFFF) **Center it

Duplicate that rectangle two times by draging the layer to the new bitmap image icon. Move one rectangle to x: 50 y: 120 Move the other to x:50 y:160

To choose your three colors there are a few methods, You could use the color pallet in fireworks and just select three shades but I like useing colors that aren\'t in the color pallet.

Heres what I do:

Create a square: W:100 H: 100 **center it.

Color: Select the the linear gradient in the fill catagory In the color chooser choose a dark shade of the color you would like then choose a lighter shade. Try not to stray to far from the dark shade. The colors may be to dramatic to look nice. I\'ll be useing these two colors: Dark: 0066FF light: 2BAAFF

Once these two colors have been chosen all thats left is to find a middle ground, that comes later. All you need to do is resize your 100 by 100 box with the transform tool to a narrow width. zoom into 1600% (ctrl+6). You should be looking at the three white boxes and your gradient.

Top box choose the dark color in your gradient and for the bottom box choose the lightest shade on your gradient. the middle box you choose, you guessed it, the middle shade of the gradient.

If you zoom to 100% (ctrl+1) you can now delete the gradinet box and you will have a three shade ribbon.

We are not done yet, you may have a ribbon but do you know how to make it have a curve? Check into Part II of this tutorial.

*** This tutorial is under the Dishwasher Safe use it and abuse it license. You can use it, you can modify it, you can claim it as your own! I dont care. ***

Wrap up: This tutorial can be use to add the effect of a gradient to vector piece. As we all know once you insert a gradient its no longer considered vector. Part II expands on this to create a 90o curve.

Techniques

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.

Text

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.

Textures

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.

Walk Throughs and Guides

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.

GIMP

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.

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.

Interfaces

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.

Miscellaneous

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.

Techniques

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.

Text

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.

Text Blending

I have my own style of blending text with Gimp, but I'm afraid you can not follow petty pictures, as they can be unreliable.

So I will use words, not screenshots.

When you start out, find an image to your liking that you would like to put text on. If you are starting out in your first attempt, you should probably just take a premade image about 500 by 120-130.

Then place the phrase you wish to say upon the image. Make it a large font, and first-timers should make it white, and put it in the center as well.

Pull up your layers window (ctrl + L) and right click the text layer. Choose "Alpha to Selection", which should be towards the bottom.

Then go back to the image window and drop a shadow (script-fu > shadow > drop shadow). The first 2 blanks should be set to "2", and the last "5". Deselect "allow resizing."

Then drop another shadow, this time the first 2 should be "1", while the last "0". "Allow Resizing" should still be deselected so don't mess with it.

Go back to your layer's window. Merge your 2 shadows. Now duplicate your background and original text and arrange them so they should appear in this order in your layers window:

* Duplicated Text
* Duplicated Background
* Original Text
* Drop Shadow
* Original Background

Set the following selected layer to screen. You can do this from your layers menu. At the moment they are set to normal.

* Duplicated Text
* Duplicated Background <----------
* Original Text
* Drop Shadow
* Original Background

Then set this layer to "multiply".

* Duplicated Text
* Duplicated Background
* Original Text <-----------
* Drop Shadow
* Original Background

Finally, if you wish to make your image a little more cooperative, you can bucket fill the orginal text by selecting "alpha to selection" again. Then you can put any pattern you wish into your text.

Textures

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.

Walk Throughs and Guides

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.
walkthroughs
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.

Image Ready

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.

Colour Changing Text Animation

Crazy Blue's Scanbar Animation Tutorial


Result:

Scan Bar

In this tutorial I\'m going to show you how to make a scan bar on your signatures. Open photoshop and your signature you want the scroll bar on. When you image is open click on your marque tool, then click CRTL A then CTRL C.

Next close your image and click file new OK. Then click CRTL V. This is so it\'s in the right format. Preview of my image:

Next click new and make the width: 30 pixels and height: the height of the signature you want it on. Now click on the marque tool again and click CTRL A. Now click on the paint bucket tool. Then go to your pallet and change the colour to white or black. Then fill it with the colour you have chosen. Now change you opacity to about 70%. Black preview:

Then click new layer. Click on marque, then CTRL A and right click on your image and select stroke. Stroke Preview:

Change the size to the size of you boarder. Then go layers, merge visible. Click the marque tool again and CTRL A then CTRL C. Now close that image and paste it on you signature one that is still open. Next click the photoshop to image ready image in your tool bar:

Now its opened image ready make sure your scan bar image is at the far left side of your image. Now click on a new animation layer. Select that layer and move the scan bar to the far right side. Select the first animation layer and click the tween button. Tween Button Preview:

Then put in these settings:

The Number is 80 Now when you have clicked OK. You have to select the last image and create a new animation layer. Now click on the new layer and drag the scan bar to the left side of the page. Next click on the animation layer before the last one. Then click tween and put in the same settings these:

The Number is 80 Click OK its done now go file, save optimized as. Now put in the name and set the type as gif. Heres my finished version:

Enjoy. :D

Simple Animated Tech Sigi

In this tutorial, we are going to make a simple Animated Tech Sigi. This tutorial has been written for Photoshop PS & PS2.
You need to do everything, step by step according my tutorial to make a tech sigi like mine:

Step 1:



Create a New 400.100 px document , RGB mood and with a white background, and create a new Layer on it. Choose the Paint Bucket from your Photoshop Tool bar and fill Black (000000) into your New Layer area.

This Image

Step 2:



Now Double Click on Layer 1 and add these Effects step by step:

Effect 1

Effect 2

Effect 3

Effect 4

Effect 5

Effect 6

Now you must have something like this:

This Image

Step 3:



Now create a New Layer and choose Rounded Rectangular Tool from your Photoshop Tool bar and create a Rounded Rectangular this like:

This Image

Step 4:



Now create a New Layer again, push Control on the keyboard and choose Shape 1 layer in your layer palette:
By this job, Shape 1 Layer will be selected. Now choose Layer 2 ( your new layer which you have created) and first choose Paint Bucket from your Photoshop Tool bar and fill into selected area with your favorite color then choose Brush Tool from your Photoshop Tool bar and start adding Brush Works on Black surface. In this job, I have used Fractal Brushes ( you can download from Deviantart, also you can use your favorite Brush and create an Abstract background like mine:

Image 1
Image 2

When you finish, you can press CTRL+D and reselect the area again.
Now add this Stroke Effect on this layer: ( Double Click on the Brushwork Layer and then add Stroke)

This Image
Now you must have something like mine. But remember, I have choosen Green color, you can choose your favorite color to do that.

This Image

Step 5:


Now go to the Menu Bar, Layer and choose Duplicate Layer and create a New Copy from your Brushwork Layer. Go to this Copy Layer and then go to Menu Bar, Image, and choose Hue and Saturation, and change the color on your copy layer.

This Image

Step 6:



Duplicate Layer again and go to Menu Bar, Image, Hue Saturation and change the color on New Duplicated Layer again.
I have done this job 9 times and have 9 different colors from my Brushwork Layer. Its completely up to you that how many colors and layers do you like to have, but I suggest you when you are working on this tutorial for the first time, create 9 layers in 9 colors like mine. these colored layers will be your Frames in Animation Part.

This Image

Step 7:



Create a New Layer again and this time choose Polygonal Lasso Tool from your Photoshop Tool bar

This Image

Now press CTRL+R on your Keyboard, the Ruler will appear on your Photoshop page. Now Click Right on the Ruler and choose Percent. Now create a shape like mine,
Ruler will helps you to create your Shape directly. And then choose Paint Bucket from your Photoshop Tool bar and fill Black (000000) into it.

This Image

Press CTRL+D to reselect. now its time to add Effects on this Shape. Double Click on the Layer and then add these Effects Step by Step like me:

Effect 1

Effect 2

Effect 3

Effect 4

Effect 5

Effect 6

Effect 7

Effect 8

Now you should have something like mine :

This Image

Step 8:



Now create a New Layer. Choose Rounded Rectangular Tool from your Photoshop Toolbar and create a Rounded Rectangular like mine:

This Image

Now Double Click on its Layer and add these Effects step by step like me:

Effect 1

Effect 2

Effect 3

Effect 4

Effect 5

Effect 6

Effect 7

Effect 8

Now you must have something like mine :

This Image

Step 9:



Now create a New Layer. Choose Rounded Rectangular Tool from your Photoshop Tool bar and create a Tiny Rounded Rectangular like mine.

This Image

Now Double Click on your Layer and add similar Effects with the previous shape. (bigger Rectangular). also there is a simple way for you to add Effects here, you can choose Bigger Rounded Rectangular Layer ( Previous Layer) in your Layer Palette and then a Right Click and choose Copy Layer Style. Then choose your New Tiny Rounded Rectangular Layer and a Right Click again and choose Paste Layer Style. Now you must have something like mine:

This Image

Step 10:



Now go to Menu Bar, Layer, and from there choose Duplicate Layer and create a New Copy from this Tiny Rectangular Layer. As you see I have repeated 10 times this step and have 10 Tiny Rounded Rectangular. You need to do this too.

Now you must have something like this:

This Image

Step 11:



Now again create a New Layer, then choose Ellipse Tool from your Photoshop Tool bar and create a Tiny Circle like mine:

This Image

Here Effects are the same with Previous Layer. Then you need to choose Previous Layer ( Tiny Rounded Rectangular ) from your Layer Palette and Right Click on it and choose Copy Layer Style, then choose your Tiny Circle Layer and Right Click and this time choose Paste Layer Style. After that you must have something like this:

This Image

Step 12:



Now you need to go to the Menu bar, Layer, and from there choose Duplicate Layer and create a New Copy from your Tiny Circle Layer. I have repeated this step 4 times and have 4 Tiny Circles. Its completely up to you that how many Circles do you like as the Top Decoration of your Sigi. Now you must have something like this:

This Image

Step 13:



Now its time to add a Text on your Sigi. You can write everything you like on your Sigi, for example, here I have written my name With Impact Font you can Download from -link-and have added it some Effects. You can also write a Text and add it your favorite Effects. Here I have choosen these Effects on my Text: ( Double Click on your Text Layer and then add these Effects) :

Effect 1

Effect 2

Effect 3

Effect 4

Effect 5

Effect 6

Effect 7

And this is my Sigi after adding these Effects on the Text:

This Image

Step 14: Animation



Now is the time to add Animation on to your Sigi. For this job, you need to send your Project to Image Ready by clicking on the Image ready Icon on your Photoshop Tool bar.

Step 15:



When you sent your Project to Image Ready , first you should remove all Eyes from beside of all your Coloured Brushworks Layers in Layer Palette like this Image: Remember, just let the First Coloured Brushwork Layer stays Visible and don't remove its Eye.

This Image

Now you need to create your first Frame. as I told you before, all these Coloured Brushwork Layers are your Frames and here in Image Ready, you just work with them to create Animation on your Sigi. Now start from Animation table and Frame Palette. First you can see a Frame there, you need to change the Number in the Bellow to 0.1 Sec and under it Loops must be Forever.
Now Click on Duplicates Current Frame on the bellow of Frame Palette and create a New Frame.

Step 16:



Now go to your Layer Palette and click on the Eye of the Second Coloured Layer to be appear. Then remove the Eye from Previous Coloured Layer.

Step 17:



Create another Frame again by Clicking Duplicates Current Frame. Now you have your Third Frame. You need to go to Layer Palette again and click on the Third Coloured Layer Eye to be appear and remove the Eye again from Previous Layer. like this:

This Image

Here in this Image , you can see my Third Frame , I have removed all other Eyes from Coloured Layers and just you can see the Eye beside Third Coloured Layer. And it makes my Third Frame.
Attention! When you create a New Frame, you need to just the Frame Coloured Layer appears and you need to remove the Eye from other Coloured Layers.
As I told you before, I have created 11 Coloured Brushwork Layer and now I have 11 Frames.
Now go to Menu bar, File , Preview In Browser and choose Internet Explorer or Fire Fox and see a Preview from your Sigi. Your Sigi must be Animated. like mine.

Step 18:



Now its time to Save. You need to go to Menu bar and choose "Save Optimized As" and then save your Sigi in your desired name. it saves in Animated Gif format, and you must have a Sigi like mine. a Tech Sigi, so simple, with Animated Background.

Written By Ellen

This is my frist tutorial, maybe it has many problems. also Im not native english. if you have or see any problems in thistutorial, just post here, Ill edit it and will explain for you :)

thanks

Paint

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.

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.

Blue Overlay

This Tutorial shows how you can place a blue overlay on your image with MS Paint.

1. Finish your Sig / Av or whatever Image that you want to use.

2. Upload it your your host (If you do not have a free hsot check out www.photobucket.com )

3. After uploading it go to the URL of the Image and Secelt all by press " Ctrl + A" on your Key board. your Image should now have a blue overcoat on it.

4. Print Screen by pressing " Prt Scrn" above the Insert button on American US English Keyboards.

5. Open Paint up and press " Ctrl + V" to past the Image into paint.

6. Crop the image to as smll as possable then erase the blue around the image, remake the background outside of the image and you are finished.

Interfaces

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.

Miscellaneous

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.

Creating A Moon

Anyways, this is the end result, I prefer the second myself, though both aren't all that grand, but they are moonish.

How to make the moons;

1: Use the circle tool in a medium light grey and make teh size of moon you want.

2: Fill in with a much paler grey.

3: Using the second choice spray paint and a darker tone of grey selected, shade in one side almost near solid colour and edge the spray around the moon to your liking.

4: With a lighter colour, add a highlighted area of sorts. touch up to your liking and tada!

You could probably use different colours and whatnot.
This is my first tutorial, so don't tell me it bites, I already know that. Just tell me how bad.

Techniques

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.

Textures

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.

Abstraction Avatars

*Takes a sharp breath inward* Here goes my first Tutorial: Needed: Good Knowledge of Paint Tools

1. Click Image > Attributes > and set it to 75 x 75

2. Find a color (I used blue) and using the paint bucket tool fill in the ENTIRE space.

3. Using the Free-Form Select I drew a whole lot of squiggles with out letting go of my mouse. (Do not fill in the entire square with squiggles it’ll look bad!)

4. Then once you think you have enough squiggles let go of your mouse button and move the image around. Then click on Image > Flip/Rotate. Flip/Rotate as much as you want.

5. Open another Paint document. Repeat step 1. Then find the color you used for your first document and pick a lighter shade of the color you used. Repeat step 2. Move it around and then push (on your keyboard) Ctrl + c.

6. Flip back to your first document and push (on your keyboard) Ctrl + v. Set to the second option.

7. Then using your second paint document click File > New. If it asks you if you want to save it click NO.

8. Repeat Step 5. and 6. with an even lighter color. Do this as many times as you wish, just don’t cover the first layer that you put.

9. Zoom in 8x. Now you can be as creative as you want. You may copy the pattern I’ve shown below.

10. Zoom out and examine your new avatar.

Simple Textures

1. Make a new image and make it whatever size you will be making into a texture.

2. Select a color, for this tutorial I will be using green.

3. Select the fill tool, which looks like a paint bucket.

4. Fill the area with your color.

5. Double-click on the color you selected and a color window should pop up.

6. Click "Define Custom Colors >>".

7. On the area that shows an arrow and the color that you have selected, going from black to your color to white, move the arrow up a little bit.

8. Click "Add to Custom Colors".

9. Click "Ok".

10. Use the spray can and move across the area, coloring in areas, filling in more at different areas.

11. Continue steps 5 through 10 until you are satisfied.

12. Copy the area of your texture.

13. Copy and paste several times to create larger scale work.

Finished Texture:

Walk Throughs and Guides

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.

Paint Shop Pro

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.

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.

Glass effect using gradients (PSP9)

open up an image 100X100 select a colour for your foreground colour box. I'm using #94288e

For your background colour box select a lighter shade of the same colour. i'm using #c337bb

click on the foreground colour box and select gradient with these settings

and fill the image

create a new layer and select the top half of the image and colour pick directly below the selection

click on the background colour box and chose a much lighter shade and reverse the colour boxes.

then fill the selection.

and adjust the opacity of the layer till it looks right for you. I have it at about 80%.

and that's all there is to it ;D

Signature Backgrounds

Im gonna let you in on a little secret of mine. What little secret? Well, in a few of my sigs i use a 'certain' way to get great looking effects by doing few, and easy steps. I do it using Paint Shop Pro 9. This is being done in PSP 9, but it may be possible to do in other programs, im not sure. (It depends if there is a 'Negative Image' option, or a similar one.)

1. Ok, first off, make a new image. Any size, mine is 300x100pixels (Width by Height)

2. Now, if your canvas is transparent, fill it with either black, or white. This next bit doesnt involve much skill, but you need some brushes. (search deviantart for some if you have none already - I am using some brushes from there that were created by destiny) Now, select your brush tool, and using the colors black and white (#000000 - black and #FFFFFF - white) randomly place brushes on your canvas. It doesnt have to look great or anything, mine doesnt at this point:

3. Now, duplicate that layer, and set the blend mode to 'Difference', now go to Adjust > Color Balance > Negative Image. My result:

And voila, thats it lol. I also added a bit more brushing on a new raster layer, just to give it a little more. But it wasnt much brushing, and i set the blend mode to overlay.

Then i added a new layer (raster) and added a border:

To add color, simply make a new layer below your border layer, and then paste a render into it, now go to blur and use motion blur, and then duplicate your layer a few times moving each layer about, then merge the render layers together and set the blend mode to either Overlay, Hardlight, or Softlight. And voila, color yay!!! Also add text and anything else you want ;)

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. Example

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. Make the color of that light white and set the hightlight size to 10. Finally, click OK.

YOu should get something like this: Here

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!

Interfaces

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.

Miscellaneous

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 Signature

This tutorial will teach you how to make an effective abstract signature. Photoshop users: This effect can be reproduced in that program but you need to know what you are doing.

Creating a Sig

Resource: A sig tut for GFX n00bs.
About: A basic sig guide that shows the steps on how to make a signature for PSP XI.


Easy Borders

1. Ok lets start this off by first taking out your image that you want to add a border too. This could be a signature, avatar, or even a box.

2.Next you need to decide what color you want your border to be (personally I think black looks the best since it stands out a lot more). To do this just simply look around your screen till you see the word STYLES underneath this should be 2 boxes connected by a two-headed arrow. Click on the bottom box and change the color to black.

3. Now simply go to the menu bar and go to image -> add borders and put your settings at 1 for everything and check the symmetric box if it is not. 4. This will merge all your layers and add a 1pixel border around the whole image.

-Injection

Inside Borders

heres a EX of an inside border

What you do is create a sig lets say 400 x 100 like this sig then after you make it make another image a little bit smaller if it was 400 x 100 make the new image 395 x 95 or 385 x 85 then add borders to it with with these settings

then sellect the magic wand

then put it directly over the border like this:

then select it so its only highlighting the whole border like:

after you cut it right click on an empty space and past it just to see that u got just the border like this:

after making sure go to your sig go to it and right click and past the new border you made and put it right in the middle like this:

then add a border and there you go!

Jay Z tag Tutorial

Create a stylish signature using an image of Jay Z. Make use of the clipping mask, brushes and the colour balance tool.

Light Beam

1. Start a new image 300x500 Pixels Raster bg 16 million colors Transparent bg

2. Fill the raster/bg with black. Go to the layer properties, and set the blend mode to darken, and the opacity to 80%.

3. Create a new raster, with the blend mode as color. Name it "color" fill it with 88C4FF. [u]All[/u], and I repeat all, layers after this should go under this layer. So at the end, the layer "color" should be at the top.

4. Make a new vector, and name it "beam". Select the Pen tool. Choose line segments as the segments type, anti-alias, width 20, foreground color white. Draw a line straight down the middle. Estimate the length to about the image below Convert the layer to a raster layer. Then go to Adjust>>Blur>>Gaussian Blur. Put the radius to 7.50 Should now lookl like:

5. Create a new raster layer and name it circle. Go to the selection tool, choose a circle, and make a circle at the bottom of the beam, look below to estimate where it should be. Fill the selection with white. Go to Gaussian Blur again, this time with a radius of 15.

6. Create a new raster, and name it "motion". Select the airbrush, using sizes 5-15, hardness 100, step: 1, density: 100, 0 rotation, opacity 100, blend mode normal, rate: 5. Just click dots right next to the beam, don't stop until you have quite a good number of them, all around it, but not by the circle. When done, go to Adjust>>Blur>>Motion blur and enter these settings: Direction: 180 Strength: 50 Then go back to motion blur, with the same direction and 100 strength.

7. Create a new vector, and name it "rings". Go to the shape tool. Choose retain style, create as vector, and anti-alias. Width of 1. Make 3 elipses with more width that height, and be sure to make it look like it could be a circle going around the beam if done properly. You can look at the image below to look for an example of width and height, and location. Convert it to a raster layer. Set white as the foreground color, and black as the bg color. Choose the color replacer tool, and click with the left button of the mouse over all of the elipses. They should turn white. Go to Effects>>3D Effects>>Drop Shadow, and enter these settings: Offset: Horizontal: 0 Vertical: 0 Attributes: Opacity: 100% Blur: 10 Color: White Shadow On New Layer: Unchecked Repeat that again. Then go to Adjust>>Blur>>Blur

Note: Just pretend that gray line on the edge isn't there. I messed up. You can play around with the circle layer, and make it look like something else. I, myself, like making it look like it's hitting something and refracting off, you can see that in the other examples above^^. Also, you can apply different bg's and try that out, though I suggest something dark like. If you have any extra effects that you found pleasing, post the extra steps for others to use please. Also, please post what you get by using this tutorial.

PSP8 Tutorial - Photo to Portrait

First, load up the image you want to use. i'll be using this:

First, load up your image, and make sure you have the window selected. Press CTRL+A, and make sure that you can see the 'Photo' Toolbar. go to enhance photo, and click on 'one step photo fix':

You should get something like this:

Keep using one step photo finish, untill you get the image you want!

My final image:

Scan Lines

Want scan lines like:

or like:

??

all you have to do is make a sig or image and fall this screen shot:

then make it with thease settings:

to make the scan lines like the 1st sig. and

if you want it like the second sig. and if u want it any other way just mess with the settings and there you go!


If you want an render or text to blend in with the scan lines, just click on the layer like:

and do the same go to effexts &gt; texture effects &gt; then blinds and set the same settings you did for the sig and there yeah go!!

Techniques

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.

Text

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.

Textures

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.

Walk Throughs and Guides

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.

Oddness Prevails Signature Tutorial

It more than likely can be done in PS, so if you wanna give it a shot, feel free to, just don't be asking me "how do I do this bit in PS", 'cos I more than likely won't know.

In the tutorial you should learn quite a few new things. Ranging from using effects and resources to get colour onto your signature, to using the pattern material to create a "clipping mask" kind of effect (clipping mask = PhotoShop feature).

Photo Impact

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.

Effects

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis consectetuer porta sem. Suspendisse quam. Aenean ultricies. Curabitur fringilla. Praesent libero erat, pulvinar id, feugiat quis, pharetra in, justo. Praesent dui felis, hendrerit egestas, tristique vitae, tempus quis, lectus. Nunc vehicula malesuada metus. Praesent nisi nulla, laoreet et, luctus et, pharetra vitae, sem. Aliquam eu arcu in magna suscipit condimentum. Suspendisse potenti. Duis risus quam, egestas ac, dapibus ut, euismod sit amet, nisl. Sed luctus. Maecenas ac pede. Morbi lacus. Suspendisse potenti. In nisi nisl, accumsan eu, ultrices id, nonummy eu, metus. Duis varius lectus ut nisi. Nam nisl tortor, hendrerit.

Interfaces

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.

Miscellaneous

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.

Techniques

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.

Text

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.

Textures

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.

Walk Throughs and Guides

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.

A Beginners Guide to Photo Impact

A Beginners Guide to PhotoImpact

Introduction:

OK, I don't know how many people actually use this, but as crappy as is may seem at first, it is pretty good software. It is made by Ulead and has a GIF animator with it (which I need to read my manual on how to access). But we wont bother with that right now.

The whole What It Can Do story isn't far off from the PaintShop Pro series, I think the only differences are that you will have to work twice as hard in PhotoImpact to get results that you would in PaintShop Pro and that the interface and how you use it is completely different.

Me myself, I am not an expert, but I am better than your average Joe.

Contents:
* Setting Up Your Interface To Best Advantage
* Using Text, Paintbrush And The Gallery
* The Do's And Don'ts Of Effects
* Creating A Matching Avatar And Signature
* Conclusion


Setting Up Your Interface To Best Advantage

Right, I assume by now you have started in PhotoImpact 8? :-/ If you haven't then please do, otherwise we will get absolutely nowhere. When you have started it up and it has loaded ect... Click 'File >> New >> New Image'. This should bring up a menu called 'New Image' of course.

Now a lot of people, including myself, when they start will come to make a picture but some of the colours or fill effects out of the gallery ect will not display properly or will not display at all. They have forgotten one of the basic (or didn't know in the first place) rules, it's called 'Colour Setting' or 'Data Type'. That's right, you see the words 'Data Type:' at the top of the menu? There are 5 icons next to it. They all represent colour type, by choosing one of these you are choosing wether you want your color to be in: 'Black & White' 'Black - Grey - White' '16-Bit' '256-Bit' or 'PhotoImpact Full Color'. To use ALL of the features you will need to set this to the last icon, the one with Red Green and Blue on it. Just click the icon to set it.

Next you will come to a section called 'Canvas:'. 'Canvas' is basically your background. If you want to make transparant images, with wierd shapes without that awful white, black or whatever colour you have background, transparant is the one to have. But for now, we are going to make a 'Mess-About-Image'. This is just me telling you what paintbrush to use, what they are for, what colours work right and how they can become important later so we don't need it other than basic white. Just select 'White'.

Next, 'Image Size:' section, for now just select 'Standard' and choose '512 x 482 pixels' for now.

The section labeled 'Resolution:' leave, this is unimportant and has nothing to do with anything important at the moment.

So now, click 'OK', you should have a blank window come up. Click the maximize button, it makes things a bit organized for the point that we are at. Now, do you also see another window/menu called 'Easy Palette - (read only)', if you don't then click 'View >> Toolbars & Panels >> EasyPalette'. There, all set up.

Chapter Conclusion: You have learned the basics of how to setup your image and features and how to set up your basic workspace.


Using Text, Paintbrush And The Gallery

We will now start, well what exactly are you looking at here? Just a blank white thing on your screen on what seems to you now a completely oblivious computer program. LOL, sorry about that, now you will see on the left, a menu, images from your basic arrow/curser to a contrast button with '+' and '-' on either side. NO? You should do becuase it's PhotoImpacts' default setting, that's why I didn't include it in the last chapter. If not then click 'View >> Toolbars & Panels >> Standard Toolbar' also do the same for the 'Attribute Toolbar': 'View >> Toolbars & Panels >> Attribute Toolbar.

Now we are ready to pant our blank space ;D

The first thing you want to do is familiarize yourself with 'Text', you all know what 'Text' is, but I am going to teach you how to use it. From the menu on the left click the big 'T' icon. Move your curser over to the center of your white space, click in the center of you white space and type 'My Image!'. Also you will notice that when you clicked 'T' the 'Text Panel' came up. Now hihlight all of the text, in the 'Text Panel' click the font dropdown list and choose some funky font, preferably 'Comic Sans MS'. Now, I am going to teach you something cool, you will see a coloured (probably black) square next to the align icons, click it. Below all the basic color icons click 'Gradient Fill'. Lets give this text a little more spice than one color eh? When the gradient fill menu pops up click 'Multiple Colors' and click the little colours icon underneath. Yet again another menu will pop up called: 'Palette Ramp Editor', and don' be put off by the fact that it says 'Editor'. At the bottom you will see some thumbnails, choose the blue one at the end, '004' and click 'OK'. That will close that menu and take you back to the Gradient Fill one, click 'OK' there as well. Now, make you font size about 38 big. Click the arrow icon on the left menu and click anywhere on the screen but not on your text. You will see that you text has a cool gradient fill to it, that's basically how to manipulate text.

Now onto using the paintbrush, this is a wierd one to use. Just click the paintbrush icon, click and drag anywhere on the screen for a while, you will create a simple black line. You can change the colour of this, do you see two squares, one overlapping the other? Underneath a mask and a ruler icon? Click them, a menu called 'Ulead Color Picker' should come up, you will have icons at the top, and color icons at the bottom, pick a simple blue. Now drag your mouse on te screen and draw another simple line. Well, this paintbrush is a little boring don't you think? Click the paintbrush icon again but this time click and HOLD until a dropdown menu comes up, you will see other types of paintbrushes, airbrish, marker ect... select the 'Particle' brush. Now draw a line, pretty cool eh? It's like DNA! This is ideal for creating your own trademarks. Have a play about with other brushes and see what you come up with.

Now, onto the gallery! That's the 'Easy Palette' by the way, now we have a 'White' background, we want to change this, but you are going to ask yourself, why didn't we just change it while setting up our workspace? Becuase we are going to use the Gallery to make a funky background instead of a boring color. In the Easy Palette click the '+' sign next to the fill gallery. Choose 'Gradient' and scroll down on the right hand side until you come to 'G18', double click it. UH-OH! Problem, our paint lines have dissapeared! But the text hasn't! Don't panic, this is normal, this is becuase the paint was not a 'Path Object' or even an 'Object', it was just something that you could 'Stick' on the end. So, go through the gallery and mess about with it but leave the 'Effects Gallery' alone for now!

Chapter Conclusion: You have learned how to use text, the brushes, colours and the gallery. Use them wisely!


The Do's And Don'ts Of Effects

OK, by now you should have ended up with something that said 'My Image!', with a wierd background, and a couple of stupid stuff you have just added, meh... it's pretty... plain? How about some effects, lets twist this picture into 'Abstract'. Click 'Effect >> Illumination >> Cool', menu should pop up, the middle thumbnale image preview (defualt) I don't really like, so double click the one in the top left hand corner. The colour has been 'Illuminated', but we aren't going to stop there! Click 'Effects >> Artistic >> Creative Warp'. Choose a creative warp for your background. Something exagerated and funky and then click 'OK'. Wait for it to apply.

The Do's And Don'ts: Never, use th same effect twice on one picture, it looks stupid. Don't use too much effects, it spoils the image. Don't use effects if you are using a background gradient that you might need to keep. DO save your work before using effects. DO use effects if nessesary.

Chapter Conclusion: You have learned how to use effects properly and the Do's And Dont's. Use carefully.


Creating A Matching Avatar And Signature

Basically the key to making any avatar or signature is to choose a theme, something you can relate to, say your forums, or your favourite computer game, film, actor, TV program, cartoon ect... the endless list of themes.

Setting Up Your WorkSpace: Signature

1) File >> New >> New Image
2) Data Type: Fifth Icon (Red, Green & Blue)
3) Canvas: White
4) Image Size, User Defined, width 400 hight 100
5) Click 'OK'

Retreiving A Theme: Signature

1) http://www.google.com
2) Click Image Search (on google)
3) Enter your chosen theme, e.g: Final Fantasy X
4) Copy an image, paste onto your canvas in PhotoImpact

Personalizing: Signature

1) Enter some text, size needs to be about 30
2) Customize Text
3) Add Effects, Extras
4) Save As: mysig

Setting Up WorkSpace: Avatar

1) File >> New >> New Image
2) Data Type: Fifth Icon (Red, Green & Blue)
3) Canvas: White
4) Image Size, User Defined, width 100 hight 100
5) Click 'OK'

Retreiving A Theme: Avatar

1) Select part of theme from signature, copy and paste into avatar space

Personalizing: Avatar

1) Make Some Text, about 20 size
2) Customize Text
3) Add same effects, extras as signature
4) Save as myavatar

Chapter Conclusion: You have learned how to make a matching avatar and sig using a theme, effects ect...


Conclusion

You have learned how to basically use PhotoImpact 8. Use this wisely, hope you enjoyed it and will use it :)

~GodFather~ (Copyright GodFather 2004)

Photoshop

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.

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&gt;&gt;Adjustments&gt;&gt;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&gt;&gt;New&gt;&gt;Layer...

6) In this new layer, go to Filter&gt;&gt;Render&gt;&gt;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.

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.

Interfaces

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.

Glassy Effect

Alright, so you want to know how to make that type of glassy effect that you see on gradients in a lot of forums? Well, it's really quite simple.

First, just start out with a blank canvas.

Now, create a new layer for your gradient. Select the color that you want to base the gradient off of, and fill-in your layer with it.

Ok, now for the gradient. Open-up the blending options for that layer, and go to the "Gradient Overlay". This is the hard part. For your first color, choose a color slightly darker than your base color. For your second color, choose a color slightly lighter.

Now, still in the "Gradient Overlay" field, select "reflected" from the "Style" field.

You can see it starting to come together, can't you? All we need now is a glare. Create a new layer above your gradient layer. Use a marquee to select half of the canvas vertically, but all of it horizontally. Fill it with pure white.

You're practically done. All that's left is to lower the opacity of that layer. DO NOT change the blending options. Just change the layer opacity to something between 5 & 15%.

Well, there you have it! A perfect glassy effect that can be used anywhere. You can use it as a cool effect in banners, a nice menu background, or for gradients. The possibilities are endless.