Home  >  Tutorials  >  Plugins & Filters  >
Animation with Kang's Filters
E-mail this tutorial to a friend Email to a Friend

Animation with
Kang's Filters
Created by: Diamonds Graphic Designs

 
I was searching on the web for some new filters and I found a great one called "Kang's Filters". I spent almost two hours going through all these filters with over 100 to choose from and having a good laugh over the catchy names used. I found one that really caught my eye and I thought I would make this tutorial. Lets get started ...
 
You will need Kang's Filters which is a free filter. As I mentioned earlier, there are quite a few filters. The one we are going to use for this tutorial is "Spectra-flare". Once you have installed the filter, you will see Kang 1, 2, 3 and 4. You can find the "Spectra-flare" on Kang 4.
 

Standard Toolbar - New (image) button

Open a new image:
– Width x Height = 175 x 175
– Background color = black
– Image type = 16.7 Million colors

Duplicate this image two more times by going to Window || Duplicate (Shift+D).

 

Go to Effects || Plugin Filters || kang 4 || spectra-flare. Apply the filter using the default settings:

– X placement = 128
– Y placement = 128
– size (+) = 102
– size (x) = 70
– weight = 255
– place red = 97
– place green = 15
– place blue = 41

 

Select your second image and again apply the filter but change the settings to the following:

– X placement = 128
– Y placement = 128
– size (+) = 102
– size (x) = 61
– weight = 255
– place red = 129
– place green = 29
– place blue = 0

 

Select your third image and again apply the same filter changing the settings to the following:

– X placement = 128
– Y placement = 128
– size (+) = 102
– size (x) = 61
– weight = 255
– place red = 0
– place green = 142
– place blue = 78

 
  Go to File || Export || Gif Optimizer and save all three files. I named mine "/tutorial/html/tutfilters/spec1.gif", "/tutorial/html/tutfilters/spec2.gif", and "/tutorial/html/tutfilters/spec3.gif".
 

Animation Wizard

Go to File || Jasc Software Products || Launch Animation Shop. We will use the Animation Wizard: Go to File || Animation Wizard.

First dialog box:
– Same size as the first image frame
Click on "Next".

Second dialog box:
– Opaque
– Color = Black
Click on "Next".

Third dialog box:
– Upper left corner of the frame
– With the canvas color
Click on "Next".

Fourth dialog box:
– Yes, repeat the animation indefinitely
– How long ... = 15
Click on "Next"

Fifth dialog box:
Click on the "Add Image" button and locate the three gif files you saved before. Click on the first saved image and then, using the Shift key on your keyboard, select the other two and click on "Open". You may have to use the "Move Up" and "Move Down" buttons now to bring them into the right order.
Click on "Next".

Last dialog box:
Click on "Finish".

 

We can now animate these images we have created.

By now you should have 3 frames on your screen. No changes need to be made to the first frame.

Click onto the second frame and go to Effects || Apply Image Effects. Click onto the drop down menu and select the 'Shear' effect. Leave the 'Elapsed time' as is. Click onto "Customize":
– Shear distance = 50
– Shear direction = Horizontal
– Shear wrapping: Wrapped = checked

(Note: Horizontal maybe already be ticked but just check it to make sure.)

 

Click onto your third frame and again go to Effects || Apply Image Effects. Click onto the drop down menu and select the 'Shear' effect, then click onto "Customize" and change:
– Shear direction = Vertical

No changes need to be made to 'Shear distance' and 'Shear wrapping'.

 
View Animation Now its time to view your animation. Go to View || Animation in your menu bar.
 

Once you are satisfied with your work, you can save your file. I used the Optimization Wizard first and then saved my file as a gif.

I hope you enjoyed this tutorial.

Happy PSP'ing!