My TOU

My tutorials are written by me and are the results of my own imagination. Any resemblance to another tutorial are purely coincidental.

Please DO NOT claim any of my tutorials as your own.

You may us my tutorials for challenges but please link to my tutorial on my blog.

You may not translate my tutorials.

DO NOT RIP MY TAGS

If you have any questions regarding my tutorials, please feel free to email me at gwils2007@gmail.com

The supplies for my tutorials are by FTU or PTU designers and were available at the time I created the tutorial. Please contact the designer if you are having trouble downloading from their site. Thank you.

Animated Tutorials

Hi everyone.
As you have noticed I am now writing animated tutorials.
I would like to thank the amazing Artist and designers for their gorgeous creations to play with.
My tutorials are written using PSP and Animation shop but there is a difference as I mostly use the .psd file for the animation and sometimes, but not often, I will use the mng file. My tutorials are very lengthy. You can always do just the tag and save it as a pspimage file and come back and try the animation part later. If you have any questions you can find me on Facebook here.

Have fun!!

Permissions

I have written permission from Engelshen's Crazy Fantasy World. to use their FTU kits in my tutorials.

Some of my favorite places

Art-Content
Annotation-2020-07-19-175728
CDO
PFD
Blinkie-Im-So-Hollow-TK
CCDFanof-vi
BLINKIE2
Hania-Blinkie
Kiya-Design-BLschn
Min-zps8y7gws1f
TTfanblnk-byangelsdesignz
th-Wicked-Little-Cupcake-Blinkie2-vi
Vivienne-Paintbox-Blinkie
Ao-RK-blinkie
Jensen
Wednesday, June 24, 2020

Barbara Jensen Learning tutorials part 3. Animating with a psd and mng file

This tutorial was written by me on  June 24, 2020. The results are of my own imagination.  Any resemblance to another tutorial is purely coincidental.  

Please DO NOT claim this tutorial as your own.

This was written assuming you have a working knowledge of PSP.

Please keep in mind that I write the tutorial as I am creating it.

Sometimes I may not explain properly where to place things so please see my example if you are ever in doubt :)

Please remember to read the Terms of Use (TOU) for any tube, scrapkit and/or animation you use.

We will be using two different animations for this tutorial and using two different methods.  I will explain the steps on how to do this.  

Supplies needed

I am using PSP 2018 but this tutorial should work with any version.

Animation Shop 3.11

PSPIMAGE tag file from Learning tutorial 1 - Barbara Jensen Free Tube & Kit Part 1.  You can find the tutorial here.  Delete the tube layer in this file as we will be replacing it with the animated tube. Resave as Barbara Jensen Lesson part 3.pspimage.

Beautiful free to use animated Blameless tube by Barbara Jensen.  You can find the tube here.  You do not need a license to get this gorgeous tube but you do have to be registered with the store. 

Awesome free to use animation by Kiya Designs.  You can download it from Barbara Jensen's store here.

You do not need a license to get this gorgeous animation but you do have to be registered with the store. 

We will be using the PSD file and mng for this tutorial.  

Let's get started.

Open your pspimage tag from the tutorial mentioned above in psp.

Open Animated Blameless2.psd in psp.  You will notice there is 16 frames for this animation.

Open KDAnimations-Freebie2.mng file in Animation shop.  You will notice there is 16 frames for this animation.

Let's get started.

We will be working the the animation psd file first.

In the layers pallet you will notice there are 16 frames.  16 frame layer at the top and if you scroll right down you will see frame 1 at the bottom.  

Standing on Frame layer 16 - it will be highlighted in blue. 

We want to select all our layers.  To do this, hold down your Ctrl key on your keyboard, and with your mouse, select the next layer which is frame 15.  Repeat the holding down the Ctrl key and click on frame 14.  As you can see in my screen shot that the selected layers are all highlighted in blue.  


Continue this process until you have all the  layers selected.  You can use the scroll bar in the layers pallet to view the lower layers.  Just make sure the Ctrl key is not pressed when you scroll down.

When you reach Frame 1 all layers should be selected.  You can use the scroll bar to double check.  If you missed one just hold down the Ctrl key and click on that layer.  

All layers selected or highlighted in blue?  If they are not repeat the steps above.

Yes?  Ok on to the next step.

We need to group our selected frames.

Go to Layers>New Layer Group.  


Another way to group the layers is by clicking on the New Layers Group icon.  You can locate it at the bottom of your Layers pallet.  It is the square with, looks like, two papers stacked above one another.  It should also be next to your trash can.  See my screen shot below.


When you select the New Layers Group a pop up window will appear.  You can rename this Blameless or leave it as Group 1.  All other settings will stay the same.  Click ok.


Screen shot is different on the screen image but the settings are the same.

You will notice you have a new layer at the top of the layers pallet called Group 1 (or something different if you renamed it) with all the layers under it as sub layers.  See my screen shot below.


Does your layer pallet look like this so far?  If Yes on to the next step.

We need to link our group to the sub-layers.  In my screen shot above you will notice an icon that looks like a chain link.  We will be using this next.

This part is very important.  When working with group layers, always make sure the main group layer is highlighted or selected.  The sub-layers should not have any highlights on them.   

When we move or resize a group it is done by selecting the Group layer.  What we do to the group layer will affect the sub frame layers.  For example, we resize Group 1 layer by 80%.  All the sub layers will be resized at the same time.

Ok enough of me babbling.

Is Group 1 selected?  Good.  Click on the link icon at the top of the layers pallet.  You will notice a little link will appear on Group 1.  We want to see that.


Next we need to copy the group so we can have it on our tag.

Standing on Group 1 layer,

Go to Edit>Copy or Ctrl + C on your keyboard.

Select your tag.  It does not matter if you select a layer on your tag as the Group animation will always paste to the top in the layer pallet.

Go to Edit>Paste as a new layer.

Your tag should look like this.



And your layer pallet should look like this.


You can close the duplicated animation as we no longer need it.  You do not have to save the changes.

Ok standing on Group 1 layer.  See that little white down arrow on the left beside the group one layer.  Click it to hide the group sub layers.

Next.  I want to move this group 1 layer just above my watch layer.  You can either select the group 1 layer and drag it down the layer pallet but since my frame layer is close to the bottom I am going to do the following:

Go to Layers>Arrange>Send to Bottom.

Your layer pallet should look like this.


Select Group 1 layer if it isn't already.  Holding down the left mouse button drag the Group 1 layer above the frame layer.  Or you can go to Layer>Arrange>Move up until the group 1 layer is above the watch.

Your layer pallet should look like this.


Next we need to resize the animated tube as it is larger then our tag.

Make sure Group 1 is selected.

Go to Image, Resize.  When the Resize box pops up, in the Percent field type 54 as we want to resize it by 54%.  All layers not checked and click ok.  See my screen shot bellow for the settings.  


Now we need to sharpen each layer of the animation.  Highlight frame 1 go to adjust> sharpness> sharpen.  Repeat the above step for the remaining frames 2 - 16.


Next, we need to add a drop shadow to each layer.  Standing on frame 1 go to Effects>3D Effects>Drop shadow.


The settings are as follows:

Vertical 0
Horizontal 5
Opacity 50
Blue 10
Color Black.

Shadow on new layer unchecked.  Click ok.

Repeat the drop shadow for frames 2 - 16.

Ok now we need to move it into place.  Make sure that Group 1 is still selected.

Select the Pick tool.  


If you do not see it under the magnifying glass, click on the little white arrow and it will be hiding in there.

With your left mouse click on the center dot.  Holding down your left mouse button, move the animation into a spot you like.  See my screen shot below for where I placed it.  


We are almost ready for animation shop.

I want my second animation to be above the frame layer but we are using the mng animation file for the sparkle.

Go to Layers>View>None.  This will hide all our layers.


Scroll to the bottom of the layer pallet and click on the eyeball for each of these layers to make them visible.


Background
Mask
Paper
Frame

All other layers are hidden.

Go to Selections>Select all.  We will need to keep this selected for the entire copy/paste into animation shop.  The select all will keep the size of our tag.

Go to Edit>Copy Special>Copy Merged.


Go to Animation Shop.

Edit>Paste>Paste as new animation. or Ctrl + V


This will give us the first frame of our animation but we need 16.

Holding down the Ctrl+Shift tap the L key on your keyboard 15 times. 

You should have a total of 16 frames.  It will show you in the bottom right corner.


You should have Kiya Designs free animation 2 open in Animation shop.  If not please click and drag it in to the workspace. (same process as clicking and dragging for psp).

Go to Edit>Select all.


We need to resize the animation by 60%.  

To do this, go to Animation>Resize Animation. 


A resize box will pop up.  Select by Percentage of original and type 60 in the box to resize it by 60%.  See my screen shot for the settings below.  Click ok.


Next, go to Edit>Copy or Ctrl+C on your keyboard.

Select the new frame animation and select all.

Go to Edit>Paste into selected frames or Ctrl+E on the keyboard.


The animation will be handing off your mouse pointer.  If you move the mouse up and to the left you will see it.  Try to place the animation in my screen shot below.  Once you have it in position, left click and it will place the animation.  If you do not like the placement, you can undo or Ctrl + Z and try placing it again by hitting Ctrl + E.   


You can now close Kiya's animation as we no longer require it.

To view the animation go to View>Animation


or click on the Animation icon next to the pointer with the ?. 
 

You can click on the animation icon to close the preview.

Next, We need to bring over the animated tube into animation shop.

Go back to psp.

Go to Layers>View>All.

Scroll down to the tube group layer, click on the little arrow beside the group layer to expand it.  Now click on the little eyeball beside each frame to hide them but leave frame 1 visible.

Scroll to the bottom and hide the following layers.

Background
Mask
Paper
Frame

Next, with frame layer one visible, go to Edit>Copy Special>copy merged.


Back to Animation Shop.

Go to Edit>Past>As new Animation or Ctrl + V on the keyboard.

**Back to paintshop (psp).

Left click on the eyeball beside layer 1 to hide it and click on the eyeball on layer 2 to make is visible.

With frame layer two visible, go to Edit>Copy Special>copy merged.

Back to animation shop.

Go to Edit>Paste>After current frame or Ctrl + Shift + L on the keyboard.**

If you look on the bottom right corner of Animation shop it will show you how many frames are in the animation.  Currently, there is two.

We are going to repeat from ** TO ** until we have 16 frames in animation shop.

Now that we have 16 frames in animation shop.  Go to  Edit>Select all.

Next Edit>Copy or Ctrl+C on your keyboard.

Select the new frame animation and select all.

Go to Edit>Paste into selected frames or Ctrl+E on the keyboard.

The animation will be handing off your mouse pointer.  If you move the mouse up and to the left you will see it.  Try to place the Animated tube portion on the left of the frame. In the same place it was on the tag.   Once you have it in position, left click and it will place the animation.  If you do not like the placement, you can undo or Ctrl + Z and try placing it again by hitting Ctrl + E.   


You can now close the tube animation as we no longer require it. Do not save changes.

Now we have 16 frames in animation shop but we do not know how the animation looks yet.

To view the animation go to View>Animation or click on the Animation icon next to the pointer with the ?.

I found the animation to fast and I want to slow this down.

To control the speed of the animation first you need to select all the frames.

Go to Edit>Select all or Ctrl + A on the keyboard.

Next go to Animation>Frame Properties.


When the pop up window appears change the display time to 12 and click ok.


Screen shot differs.  Please type 12 where the 15 is showing.

For the display time, the higher the number the slower the animation will be.

You can view your animation again to see the difference.

Time to save the animation.

Go to File>Save As.



When the pop up box shows, find a place to save it on your computer, name the file and the save as type should be gif.  See screen shot below.


A new pop up box will appear.  I always choose the following.  Better Image Quality.


Click on Customize button.

On the Colors tag my settings are 255 Colors,  Optimized Octree and Error Diffusion selected.


On the Optimizations tab I have the three center boxes checked and the first and last box unchecked.   Click ok.  


Click Next, Next, Next and Finished.

You have just completed an animated tag using a psd file and mng file.

I hope you have enjoyed my tutorial.  I would love to see your results.

GWC-Beachy-Keen-Name-Tag

Comments Disabled

Hi everyone, I apologize, you will no longer be able to post comments on my blog. I love reading them but due to the filthy spamming that has been posted to my blog they are now disabled. Unfortunately, this is the only way I can stop the spammers. Thank you for understanding. Gwils

Copyright Protected

Everything on my blog is Copyright protected

Copyrighted.com Registered & Protected  3EQE-FVJ8-DNWF-OT53

My Blinkie

2v2-J9yg9hx-A9-RH4

I CT for

2v2-E2ue-Lqx-Bj-Fy-S
Hania-Rawks
Kiya-Design-BLschn
VERYMANY-CT-BLINKIE
CTVMA
Jensen
CCDCTFor-vi

Followers

Labels

Archives