Hummingbird Tag Animated

This is my creation, any similarity to other tutorials on the Internet is unintentional.
Please do not copy or place this tutorial or any graphics to any other place without written permission directly from me. Thank You

My tutorials are only guidelines to help you accomplish a certain creation. Please feel free to be inventive and take whatever liberties you would like. I hope each of you enjoy this tutorial. Your finished creation is yours to do with as you please.

Screen shots are resized and for faster loading. Don't forget to SAVE your work often.

This tutorial is written in and for PSP Version 7.04 and assumes you have a good working knowledge of PSP. I am sure this can easily be done in other versions with a few adjustments.

 

What you will need to do this tutorial
Jasc PSP..... 30 Day Evaluation Copy
HERE PSP V8 Demo
Tube and bkground........HERE
Tube provided for download for this tutorial is provided by Designs Depot. She has some wonderful tubes, you should visit her site.......HERE

Your PSP needs to be setup for saving in .psp format to Jasc Animation Shop. See Screen Shot

It requires a Good to Excellent working knowledge of PSP and Animation Shop.
There is precise work in parts of this tutorial, but I have made the instructions as clear as possible, and if you follow them step by step, you shouldn't have any trouble. I use ZOOM IN and PRECISE CURSOR on all tools all thru this tutorial to help my old eyes...LOL

Now if you're ready.....let's start....PLEASE ....."SAVE OFTEN"
1. Open your tube...sr_Hummer_Flower43 in PSP.
Image/Resize to 200X200 with ALL LAYERS CHECKED
Save As....to your folder of choice.....as Humming Bird Animation.

2. With lasso tool select around outside of the hummer, then click inside of your
selection.
Go to Selections/Promote to Layer....and Rename this "Hummer 1"
Turn Off Layer 1

3. Duplicate.....Hummer 1......on layer palette.
Turn off Hummer 1 layer....we will be working with Copy of Hummer 1.


4. Zoom in by 1 or 2 and using your Lasso Tool and Precise Cursor, select the FRONT wing , being careful to follow the body shape of the hummer and top edge of green section of the wing......click inside to select the wing.
Go to Selections/Promote to Layer...Rename..."Front Wing"


5. Activate Copy of Hummer 1 layer again.
Select Back wing, clicking inside of selection.
Selections/Promote to Layer....Rename...."Back Wing"
Activate Layer 1, and move the roses over to the right, and down,
so you have more room to work on Hummer, and it will be easier to
put the second Hummer's beak into the rose.....
"SAVE"


I normally don't merge layers, but because we are making 2 Hummers, there was too much distortion. Please follow the steps exactly to obtain your 1st hummer.


6. Activate Copy of Hummer 1 layer
Turn Off FRONT and BACK Wing Layer.
With Eraser Tool, remove any stray pixels you might have left on your image.


MERGING PROCEDURES
1. With Copy of Hummer 1 layer active.....Duplicate
2. Turn FRONT WING layer back on and Activate it.
Image/Rotate 10 Degrees RIGHT.....All layers UNCHECKED.
With Mover tool, carefully move rotated wing into body to match.
Effects/Sharpen/Sharpen.
3. Duplicate Front Wing and TURN OFF Copy of Front Wing you just made.
4. Turn OFF...COPY of Hummer 1
5. Activate BACK Wing Layer
Image/Rotate 10 RIGHT.....as before
Effects/Sharpen/Sharpen
Duplicate
6. Turn OFF BACK WING layer.
7. With Copy of Back Wing layer active , Copy of Copy of HUMMER 1
and FRONT Wing layer VISIBLE.
Layers/Merge Visible....see screen shot below
Rename ....."Hummer 2" and drag down to above Hummer 1
Turn OFF Hummer 2 Layer

8. Activate Copy of Front Wing layer.
Image/Rotate 10 again...
Effects/Sharpen/Sharpen
Duplicate on layer palette
Turn OFF ..Copy of FRONT WING
Activate BACK WING LAYER
Image/Rotate 10 as before
Effects/Sharpen/Sharpen
Duplicate
Turn OFF BACK WING LAYER.


9. Activate Copy of Hummer 1
Duplicate
Turn OFF Copy of Hummer 1
With Mover Tool slide FRONT and BACK Wings into
alignment with body.
Layers/Merge/Merge Visible....and Rename "Hummer 3"
Drag down to above Hummer 2
Turn OFF Hummer 3 Layer ARE YOU SAVING OFTEN..;)

 


10. Activate Copy of FRONT WING
Image Rotate 10 as before
Effects/Sharpen/Sharpen


11. Activate BACK WING
Image/Rotate 10 as before
Effects/Sharpen/Sharpen


12. Activate Copy of Hummer 1 layer
With Mover Tool, slide both WINGS to body of Hummer
Layers/Merge/Merge Visible
Rename "HUMMER 4"


FINAL CHECK OF EACH HUMMER
Activate HUMMER 1...look for stray pixels where you have moved
wings and DO SO ON EACH LAYER...Hummer 1,2,3 and 4
Erase any Pixels and TURN OFF each layer as you check the next .
WHEW...."Take a Break.....Next Steps are a little easier....

.
Now you should make some decisions on what background you would like....I used clouds....which I provided with the download.
What frame do you want to use, and what signature are you going to put on your animation?
I suggest you put everything you add here on a new layer, so that you can adjust, or change easily for future animations.
Add New Raster Layer...
Background....your choice....move to bottom layer
Kudo's ......your choice...i.e....Beautiful Job...Nice Work etc.
Frame.....your choice
Signature.....your choice
This all needs to be done before going into Animation Shop.


NOW FOR OUR SECOND HUMMER
1. Activate Hummer 1 Layer
Duplicate
Rename...."Hummer 1 Rotate"
Image/Rotate 75 Degrees RIGHT.....All Layers UNCHECKED
Using Mover Tool, drag him LEFT and DOWN to bottom flower.
Effects/Sharpen/Sharpen

2. Turn OFF Hummer 1
Activate Hummer 2 Layer
Duplicate
Rename....."Hummer 2 Rotate"
Image/Rotate 75 Degrees RIGHT...All Layers UNCHECKED
Using Mover Tool, drag him on top of Hummer 1 Rotate, matching
your alignment at the beak, and tiny dark spot on the tummy that look
like feet to me....LOL.
Effects/Sharpen/Sharpen


3. Turn OFF Hummer 1 Rotate
Leave Hummer 2 Rotate Visible
Activate Hummer 3 Layer
Duplicate
Rename...."Hummer 3 Rotate"
Image/Rotate 75 Degrees RIGHT...All Layers UNCHECKED
Using Mover Tool, drag into alignment with same matching points
Effects/Sharpen/Sharpen


4. Turn OFF Hummer 2 Rotate
Leave Hummer 3 Rotate Visible
Activate Hummer 4 Layer
Duplicate
Rename....."Hummer 4 Rotate"
Image/Rotate 75 Degrees RIGHT...All Layers UNCHECKED
Using Mover tool, drag into alignment with same matching points
Effects/Sharpen/Sharpen


OK, now we have our new Hummer Rotate finished. Told you it was easier...LOL. For convenience on SAVING, I suggest you drag your layers into Sections...Hummer 1, 2, 3, 4......Then Hummer Rotate 1, 2, 3, 4 on your Layer Palette. I always create a subfolder in my Original Folder for Save, to put the layer "Save As" for animation. It's less confusing when you're in animation shop and searching for your images.


Now to Save for Animation Shop in .psp format.
1. Make sure all your background, frame, signature, kudo's layers are ON.

2. Activate Hummer 1, and make sure all other Hummer layers are OFF.


3. File/"SAVE AS" Hummingbird 1

4. Turn OFF Hummer 1 layer.
Activate Hummer 2 layer.
Files/"SAVE AS" Hummingbird 2


5. Turn OFF Hummer 2 layer
Activate Hummer 3 layer.
Files/"SAVE AS" Hummingbird 3


6. Turn OFF Hummer 3 layer
Activate Hummer 4 layer.
Files/"SAVE AS" Hummingbird 4


Now that we have the first Hummingbird SAVED, do exactly the same
SAVE AS, with each Hummer Rotate Layers....but RENAME them
"Hummingbird 1 R....for ROTATE....to distinguish between them in your folder.



OPEN ANIMATION SHOP


Go to the Animation Wizard...See Screen Shot


Click on Animation Wizard
For the Following WINDOWS: Make boxes in....
Same size as First Image.....NEXT
Transparent......NEXT
Upper Left Corner of Frame..With Canvas Color...Scales frame to fit...NEXT
Repeat Animation Indefinately....PUT "1" in box....NEXT
Click ADD IMAGE and browse to your Subfolder with
Animation Saves...
ADD Images in the FOLLOWING ORDER:


Hummingbird 1
" " 2
" " 3
" " 2
" " 4
" " 3
" " 2
" " 1
Then move to Humminbird R 1
" " " " 2
" " " " 3
" " " " 4
" " " " 3
" " " " 2
" " " " 1


Click on NEXT button


All of your FRAMES are now loaded, and presented in order.
1. Right Click on Frame 1...Window will appear...change Properties to "10"
See Screen Shot..


Now using your bottom RIGHT scroll bar..move to Frame "8" change to "10"
" " " " " " " " "9" " " "10"
" " " " " " " " 15" " " "10"
Click on your VIEW on the top Menu Bar...see screen shot above
This will show you your animation.


If you're satisfied with the VIEW...
Go to top Menu / File...SAVE AS...to your subfolder, or to your Tag Folder for Group Kudo'S....Give your animation a TITLE...and Animation Wizard will finish optimizing your animation.


We are finished.....BRAVO....YOU HAVE DONE IT......
I have prepared an Award for your hard work.
This is on the HONOR SYSTEM, so when you have
completed your animation, RIGHT click on the
Award, and Save to your Computer. It is on a
transparent background, in gif format, so can be
put on your Website, and still match your background color.


 

Tutorials written and created by patao of Patao.com. These Tutorials are copyrighted by law. You may not remove any of the graphics, zip files or html within these pages to reproduce these Tutorials, without the expressed permission of Patao.com. These pages may not be removed from this website and sent via e-mail, nor saved, stored or archived in files in YahooGroups or other mailing list sites. They may not be translated without written permission. Creations made from these tutorials are your creations.
Patao.com holds the copyright to all selections, original tubes and original images that I have created and provided for use within my tutorials. Page backgrounds and images are created exclusively for this website and may not be downloaded or used without written permission.

 

Terms of Use

Tutorial Index

If you need to email me my address is on the Terms Page

 

Website maintained by patao

All rights reserved, copyrights to patao.com 2005