|
Step 1:
Open your
PI and go to Web/Component Designer |
|
|
Step 2:
Click on the
small + on Banner, then on Side Text
2.
You will see the
little green frog
banner at the bottom left. |
 |
|
Step 3:
Click on "Next".
Step 4:
Move the % slider
until you see 420.00 in Width and
Height boxes
Step 5:
Click on Export
and choose "As Individual Objects
(in PhotoImpact)".
|
 |
|
Step 6:
Highlight all
parts of the frog in layer stack,
(there should be 5 parts) and drag
them of the banner onto their own
canvas
|
 |
|
Step 7:
Click on the eyes
and Right-Click/Duplicate.
Click on the
mouth and Right-Click/Duplicate.
Name your parts
by Highlighting the layer, then
double clicking on the word, this
will then allow you to type the name
you want on that layer.
For the sake of
this tutorial, name your parts the
same as I have done in the
opposite screenshot.
 |
 |
|
Step 8:
Highlight your
eyes right layer and move the eyes
to the right and down to the bottom
of the large light green eye.
|
|
|
Step 9:
Highlight the
layer that you have called "Mouth
Slim".
Click on
the "Path Drawing Tool" icon and
then the "Path edit Tool" and push
the top middle node down until you
have a slimish looking mouth.
When you have the
mouth to your satisfaction, click on
the "Path Edit Tool" once again. |
 |
|
Step 10:
Highlight the
"Mouth 2nd" layer.
Click on the
"Path Drawing Tool" icon and then
the "Path edit Tool" and push the
top middle node down just a little
just to tale the roundness off.
|
 |
|
Step 11:
Grab your
paintbrush with these settings
|
Paint brush:
|
Round |
|
Colour: |
#00B700 |
|
Size: |
79 |
|
Transparency: |
0 |
|
Soft Edge: |
2 |
|
Painting
Style: |
Freehand |
Click on the
"Paint as Object" icon (far right)
mode.
Place your
paintbrush just under the chin and
between the legs of the frog and
make a round ball shape, you will
only need to click on the paintbrush
once.
Click on the
"Paint as Object"
mode..................right-click/Arrange/Send
to Back
open all eyes in
the layer stack
File/Save As
Give your frog a
name and Save. |
|
Animating the Frog
|
|
Step 1:
Open your Frog in
your GA5 |
|
|
Step 2:
On the 1st Frame
in the Storyboard
Close: the eye on
the
Mouth 2nd
eyes left
Bottom legs and
body layers
Open:
the eye on the
the
Paintbrush Ball.
|
 |
|
Step 3:
Click on the
Duplicate Frame Icon underneath the
"Storyboard"
In the 2nd frame:
|
Close:
|
Mouth Slim |
|
Close: |
Paintbrush
Ball |
|
|
|
|
Open: |
Bottom legs
and Body |
|
Open: |
Mouth 2nd |
|
Step 4:
Click on the
Duplicate Frame Icon underneath the
"Storyboard"
In the 3rd frame:
|
Close:
|
Mouth 2nd |
|
|
|
|
Open: |
Mouth Slim |
|
|
|
|
|
|
|
|
Step 5:
Click on the
Duplicate Frame Icon underneath the
"Storyboard"
In the 4th frame:
|
Close:
|
Eyes Right |
|
|
|
|
Open: |
Eyes Left |
|
Step 6:
Click on the
Duplicate Frame Icon underneath the
"Storyboard"
In the 5th frame:
|
Close:
|
Mouth Slim |
|
|
|
|
Open: |
Mouth 2nd |
|
|
Step 3:
Click on the
Duplicate Frame Icon underneath the
"Storyboard"
In the 6th
frame:
|
Close:
|
Mouth 2nd |
| |
|
|
Open: |
Mouth Slim |
| |
|
| |
|
|
Step 4:
Click on the
Duplicate Frame Icon underneath the
"Storyboard"
In the 7th frame:
|
Close:
|
Mouth Slim |
|
Close:
|
Eyes Left |
| |
|
|
Open: |
Mouth 2nd |
| |
|
|
|
Your
"Storyboard" should look like the
Screenshot below.
Highlight the 1st
frame right-click/Frame Properties
and type 40 in the frame speed box.
Click OK
Highlight frame 2
hold down the shift key and click on
frame 7, right-click/Frame
Properties and give them all a speed
of 25.
Click on the
preview tab and if you are happy
with your animation, click on the
optimize tab and then on the save
button or go to File/Optimization
Wizard.
You are now done,
hope you enjoyed this journey.
|
