Tutorial Created May 2005                                                                                                                                              ©2005 Alicorn

                                                                                                                            

Animated Butterfly with Name

 

 

You will need:-

PSP9 [will work in any version but the screenshots may differ]

Animation Shop

 A Butterfly Tube

 

A Font of your choice, download and save it to your fonts folder or use one already in your psp programme.

Open your fonts folder and open your chosen font file, leave it onscreen or reduce it to your taskbar.

 While it is open it will appear in your fonts menu when you come to use your 'Text Tool'.

~~

Go to 'File' 'New' and open a 'New Image' 500 x 300 pixels, raster, transparent.

In the 'Materials' palette, click on the colour which appears in the 'Foreground and Stroke Properties' box to open the 'Materials Properties' box and select  white.

 

Using the 'Floodfill Tool' click once on your blank canvas to floodfill with white.

 

Right click on 'Raster 1' in the 'Layer' palette, select 'Rename' and rename the layer 'Background'.

 

Go to 'Layers' and open a 'New Raster Layer'.

Click on the 'Picture Tube Tool'   and click on the picture showing in the preview to open the tubes menu.

Select your butterfly tube. Ive scaled mine down to about 50. If you scale it down go to 'Adjust' 'Sharpness' 'Sharpen'

Click on your image to place the butterfly then go to 'Effects' '3D Effects' 'Drop Shadow' and apply these settings.

 

Right click 'Raster1' in your 'Layer' palette, select 'Rename' and rename it 'Butterfly'

 

Go to 'Layers' and open a 'New Raster Layer'.

Select the 'Dropper Tool' .........

 

 .....and run it over the butterfly and you will see colours appearing in a little preview window.

When there's a colour you'd like to use for the outline of your text, left click your mouse and it will appear in the 'Materials' palette in the 'Foreground and Stroke Properties' box.

 

 A right click of the mouse selects colour for the fill of your text and it appears in the 'Background and Fill Properties' box.

 

Select the 'Text Tool'    Set the 'Line Style' to '+Solid', 'Create as 'Floating' 

Select your chosen font from the 'Font' drop down menu and select the 'Size'..... I've typed in '100'

 Set 'Stroke Width' to '1.00'

 

Click on your image to open the 'Text Entry Box' and type in your text and 'Apply'.

 Go to 'Effects' '3D Effects' and apply the same 'Drop Shadow' as before.

'Selections' 'Select None' to deselect [to get rid of the marching ants]

Right click that layer [Raster1] in the 'Layer' palette and rename it 'Text'.

Still in the 'Layer' palette, click and drag the 'Text' layer to underneath the 'Butterfly' layer.

 

Use the 'Move Tool'   to move the text if needs be and to place the butterfly on a letter.

In the 'Layer' palette, right click on 'Butterfly' and choose 'Duplicate' then right click on 'Copy of Butterfly' and choose 'Duplicate' again. You will now have 3 butterflies, one directly on top of another.

'X' out 'Copy (2) of Butterfly' by clicking on the little 'eye' at the end of the row.

Click on 'Copy of Butterfly' to activate it.

Click on the 'Raster Deform Tool'.......

 

 ..........and you will see a box around your butterfly.

 

Drag each wing in a little using the nodes on the right and the left. You will see the original butterfly underneath.

 

You may have to move the butterfly a little so that the body lines up with the first one...so click hold and drag the circle in the centre of the raster deform to move it.

 

'Un X' the 'Copy (2) of Butterfly' layer and click on it to activate.

Drag each wing in as before but a little further this time.

 

Click on the 'Move Tool'   to remove the 'Raster Deform Tool'

We now have 3 butterfly layers and need to match each up with a background layer and a text layer

 so, in the 'Layer' palette, right click on 'Background' and select 'Duplicate'....right click the 'Copy of Background' layer and select 'Duplicate' again.

Do the same for the 'Text' layer, right click it and select 'Duplicate' and right click that and select 'Duplicate' again.

You should now have 3 of each., 3 backgrounds, 3 texts and 3 butterflies

 

We need to position the layers in the palette so that there are batches of a 'Background' a 'Text' and a 'Butterfly' layer so click and drag your layers so that your finished palette is the same as this below.

 

Now...'X out' all the layers except the bottom 3 and click on 'Background' to highlight.

 

Go to 'Layers' 'Merge' 'Merge Visible'

'Xout' the 'Merged' layer and 'Un X' the next 3, click on the 'Copy of Background' layer to highlight

 

Go to 'Layers' 'Merge' 'Merge Visible'.

'X out' that 'Merged' layer also and 'Un X' the last 3, clicking on 'Copy(2) of Background' to highlight.

 

Go to 'Layers' 'Merge' 'Merge Visible'

'Un X' all the 3 'Merged' layers.

 

Go to 'File' 'Jasc Software Products' 'Launch Animation Shop'.

Click back to PSP [you'll see it on your taskbar at the bottom of your screen]

In the 'Layer' palette, click on the bottom one of the 3 'Merged' laters to activate, go to 'Edit' 'Copy'.......go over to Animation Shop and click on 'Edit' 'Paste as New Animation'.

Go back to PSP and click on the 2nd 'Merged' layer in your palette, go to 'Edit' 'Copy'....go over to Animation Shop and click on 'Edit' 'Paste' and this time 'After Current Frame'

Go back to PSP, click on the top 'Merged' layer, 'Edit' 'Copy'....over to Animation Shop and 'Edit' 'Paste' 'After Current Frame'

Click on the 'View Animation' icon   to view your animated butterfly.

Click on the 'View Animation' icon again to close the animation.

If your butterfly is moving too fast you can alter it by going to 'Edit' 'Select All' [which selects all your frames, 3 in this case]

 and then to 'Animation' 'Frame Properties'. Here you can alter the 'Display Time'...

.....the higher the number the slower the animation.

 

 To finish go to 'File''Save As' and save your image as a 'CompuServe Graphics Interchange (*.gif)'

 

 

We hope you enjoyed this tutorial.

Upsited Home     SiteMap    High Heel Renders

 

This tutorial was created and written for Upsited and High Heel Renders. Please do not reword or upload the tutorial onto another website or group. You may however link to the tutorial by using a text link to the specific page.

Have fun

© 2005 Alicorn

Revised 2007