WELCOME TO ANIMATED LOCKET TUTORIAL

.................... Elfie Creations © .................... Welcome To My PSP Animated Locket Tutorial ....................

^You May Start The Tutorial By
Reading Everything On This Page First^

divider

_______________________________________________________________________

Making An Animated Locket In PSP

_______________________________________________________________________

This tutorial was done using PSP 7.02.

You will need PSP for this tutorial to get a free
trial to play with for 30 days

download it here.

PSP 9

You will need my locket tubes parts download them here.

After you have saved them to your folder them un-zip them to
a folder you will remember so you can open them first thing.

Disclaimer: This is my own idea any similarity to any other
Tutorial is purely coincidental.

________________________________________________________________________

Start With The Tubes

________________________________________________________________________

1.) Open the tubes you will need first.
Select the gembase-ec.psp, the gold-hinge-ec.psp and the
agate-gemstone-ec.psp
See Example Below.

Base   Hinge   Top

Open a picture you want inside your
locket I used this one of an elk
you may right-click on it and save it to your
hard drive where you can
open it in PSP to use inside your locket.

Elk

2.) Now we are going to put them together.

3.) Go to Windows/Duplicate the gembase
close the original image and go to
Image/Canvas Size and resize the canvas
to about 300x200.
This is how I did it.

Canvas Size

4.) Now use the mover tool to move your base
all the way to the left and to the top but
don't put it too the edge leave a bit of space
not too much.

Base Moved

5.) Copy your gembase go to Edit/Copy.

Copy Base

6.) Go to Edit/Past as a new Layer.

Paste Copy of Base

7.) Move this new image next to the other one
leaving a small gap between lining them up.
(Don't have to be to picky with this it will
animate ok as long as they are close!)

Paste As New Layer

Moved Copy of Base

8.) Now click on your hinge and copy it.

9.) Click on your working graphic and go to Edit/Paste
as a new Layer, move it between
the two bases so that it just touches both
if you have one of the bases too close then
move it so it will let the hinge rest between them.

Hinge Placement

_________________________________________________________________________________

Adding The Image To The Locket

_________________________________________________________________________________

10.) Now click on the layer with the right
base to make it the active layer.

Select Base Left Layer

11.) Get your magic wand tool Magic Wand Tool set at the default settings,
Match mode = RGB
Tolerance = 0
Feather = 0
Sample Merged box NOT checked.

12.) Now click on the outside of your right
base go to Selection/Invert.

Magic Wand Selection   Selected Area

Selected Area Inverted

13.) Go to Selection/Modify/Contract by 8.

Modify By 8   Contracted Area

14.) Now open and click on the picture you want to
put into this locket, go to Edit/Copy
and then Edit/Paste into selection.

Pasted Image

15.) Deselect go to Selections/Select None.

____________________________________________________________________________________

Adding The Text To The Locket

____________________________________________________________________________________

16.) Now click on the layer that contains the
left base to make it the active layer.

Select Left Base Layer

17.) Select the text tool Text Tool and click on it find the center of your
graphic and a large bold font
that will just fit inside of your graphic with
the text you decide to type in there.

18.) Make sure "Floating" is not selected that "Selection"
is and "Antialias" is selected.
Also that you have clicked on standard text.

Text Setup

19.) Don't worry if the text isn't in the exact center
as long as it is close and you know it
will fit in the center space your ok, we will
move the text later.

20.) You now have colorless letters with the marching
ants/marquee moving around them.
Do not deselect.

Text Selected

21.) Go to Colors/Adjust/Brightness -
Contrast with these settings:
Brightness = -4
Contrast = 0

22.) Now go to the layer palette and right-click
on the the active layer and add a new
raster layer.

Add New Layer

23.) Go to Effects/3D Effects/Cutout with these settings:
Offset:
Vertical = 1
Horizantal = 1
Color Shadow = Black (#000000, RGB 0,0,0)
Attributes:
Opacity = 100
Blur = 2.4
Fill interior with color box NOT checked.

Cutout Setup

24.) Go back to your layers palette and right
click on the layer you just put the cutout on
add a New layer same as before.

25.) Go to Effects/3D Effects/Drop
Shadow with these settings:
Offset:
Vertical = 1
Horizantal = 1
Color Shadow = White (#FFFFFF, RGB 255,255,255)
Attributes:
Opacity = 100
Blur = 0

Drop Shadow Setup

26.) Go to Selection/Select None. (Deselect).

27.) You may adjust the layer opacity slide controls
on the Layer Palette to look the
way you want on your cutout and drop shadow layers
I put the drop shadow at
88 and the cutout layer at 90.

Change Layer Settings

28.) Go to your layer palette and right-click on a layer
and scroll to view none, now you
will see nothing in your image file, click on the
glasses on only the drop shadow
and cutout layers and right-click again on a layer
and scroll to Merge/Merge Visible.

Select Layer View

Merge Layer View

Selected View

Change Layer View

29.) Now you can right-click on the layers palette
again and scroll to View/All now you
see your image again.

Rename Merged Layers

30.) You can now use your mover tool and move
the text into the center of your image.

Move Text Into Center

31.) Now Go to the layers palette again and right-click
scroll to Merge/Merge Visible.

Merge Layers Visible

32.) Double click on your selections tool, now you have
a box with numbers on it we are
going to select only the part of your graphic with the
image in it to make it smaller and
not so much left over space. With these numbers set
your selections for:
Left = 0
Right = 235
Top = 0
Bottom = 180

Selection Tool Setup

33.) Now you see that the marching ants/marquee is
only around your image to cut off all
this excess go to Image/Crop to Selection and now
your image has been cut down to
size.

Image Selection

Crop To Selection

34.) Save it, we are now done with this part of our locket animation.

Save Base Image

____________________________________________________________________________

Now To Create The Top Of The Locket

____________________________________________________________________________

35.) Click on your top image tube to make it active and
go to Edit/Copy now go back to
Edit/Paste as a new image, close your original if you
like we won't need it any more.

Save Base Image

36.) Click on the new image you just created and go
to Image/Canvas Size and use the
same settings as the last image, move the image
away from or closer to the edge
just a bit with your mover tool and up on the top,
try to make it look as close to the
edge as your other image was.

Move Top Into Place

37.) Now go to your selections tool and double click it again.

38.) Use the same settings as before.

39.) You may have to use the deformation tool Deformation Tool
to resize it so it will fit inside the selection.

Size Image

40.) Now go to Image/Crop to Selection as before,
save it and your done with this part of the locket.

Save Image

___________________________________________________________________________________________

Now To Animated Your Locket

___________________________________________________________________________________________

41.) Open your Animation Shop by clicking on File
scroll down the list to Jasc Software
Products and over the arrow to Launch Animation Shop.

Open Animation Shop

42.) You can close your PSP if you like,
you won't need it for the rest of the tutorial.

43.) In Animation Shop go to File/Animation Wizard.

Select Animation Wizard

44.) When the window opens use these settings:
Same size as the first image frame is ticked
Click on Next.

Animation Wizard Part 1

45.) Transparent is ticked
Click on Next.

Animation Wizard Part 2

46.) Upper left corner of the frame is ticked
With the Canvas Color is ticked
Scale frame to fit box is NOT checked
Click on Next.

Animation Wizard Part 3

47.) Yes, repeat the animation indefinitely is ticked
How long do you want each frame to be displayed
(in 1/100th of a second)?
I put 100 in the box you may choose
a large number to make it slower or a
smaller number to make it faster, this is up to you,
it can be changed later.
Click on Next.

Animation Wizard Part 4

48.) Now you add your graphics you just made,
click on the button Add Image now
browse to where you save your images and
click on them both the base and
the top image.
Click on Next.

Animation Wizard Part 5

49.) Click on Finish.

50.) Now you have a graphic with two frames in it
one frame has your base and the
other frame has your top in it, go to
View/Animation to see how it looks.

View Of Frames

51.) If it looks good to you then save it, when you
save it you will get a window with a
bunch of settings just use the default setting.
See example below.
(Don't change anything unless you want or know
what they do. Make sure you don't
mess with them if you don't know what they are,
you may just ruin your great animation you just created.)

Save View Part 1

Save View Part 2

Save View Part 3

Save View Part 4

52.) If you would like to make this your graphic and
have your information on it go to each frame and
select it then right-click on the frame and scroll to
frames properties and select the comments tab this
is also where you can change the animation speed if
you think it's too slow or too fast change the number
in the box to a larger number will make it slower and a
smaller number will make it faster. When you click on the
comments tab you can then type any information you
like in here and make sure you do this in both frames.

53,) Also right-click a frame and go to Animation Properties
and make sure the Transparent is ticked and then click
on the Comments tab and type in or paste the same
information as before then go to Ok and your done with this.

Frame Properties

Change Frame Speed

Type Your Info Here

Animation Properties

54.) Go to File/Save As.. Name it what you want
to call it the default is Animation and a number.

_____________________________________________________________________________

Animated Locket   Andri's Animated Locket

Now you have just created a pretty kewl Locket.

You can create your own parts and follow this
tutorial to put it together as my friend Andri
did here is her example of what she did with this
tutorial her picture is of her darling grandson
and she has changed the side it opens from, now
that's cleaver and ingenious!!
<<'-)
Good Job!
She has a few tutorials of her own check out hers here.

Hope you enjoyed this tutorial and have fun!

If You think this one was good then you can add to it
by creating more with the other locket tops.

divider

ElfieCreations@gmail.com
Click On Button
To Email Me!

divider

 
Home Page
 
Next To Background Tutorial Page

divider


Disclaimer:
This is my own idea any similarity to any other
Tutorial is purely coincidental.

Terms of Use:
Please feel free to use the tutorial final project
how ever you like.

Do not send this through email as the person receiving
it will not see all the backgrounds.
Please only send the link to this page.
You may copy this page onto your own PC for your own use but,
Please do not use this tutorial as your own for web site,
download or to sell on a CD or in any other way for personal
income!
Thanks
<<'-)
Char
Elfie Creations©

Elfie Creations © created all
Bordertiles Backgrounds, Bars & Buttons
on this page.

divider

You may turn off the sound by
clicking on the mute
button somwhere at
the top of this page.

~ MUSIC: Forest ~


<-- OE5 Sound Script