This tutorial was written by me on October 9, 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 PS.

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 :)

Supplies needed

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

You can download the 7 day trial of PS here.

Former PTU Kit now FTU:  I am using a gorgeous kit called "Sisters" created by Hania's Design.  You can download it from her blog here. 

PTU Animation: I am using Kiya Designs awesome new animation from Hocus Pocus pack 1 and Hocus Pocus Bonus pack.  You can purchase her awesome animation here.

Mask: I am using the mask that is included in the kit.

Please read all the Artist's/Designer's TOU.

Font of choice for your name.

Plug in: None

Drop shadow of choice.

Let's get started.

Remember to save your tag often in case PS crashes.  I always save my tags as a psd image.  It keeps all the layers and if you make tags for others you will always have the template.

To open an image, I click on the element or paper in the file folder and drag it into PS.

To transfer an element or paper in PS to my tag, I left click and drag it into my working canvas.  

The other way is to left click and drag the element from the folder right onto your tag. 

Either way you will get the same results :).  I will be using the both method for this tutorial.

For resizing and rotating I use the Ctrl+T command.

To mirror or Flip go to Image, Image rotation, Flip Canvas Horizontal (mirror) or Flip canvas vertical (Flip).

Let's get started.

Open a new 800x800 transparent image.  We will resize later.

Go to layers, New fill layer, solid color.  When the pop up window appears type in FFFFFF and click ok.

Drag element 119 into your tag.  Click the link icon between the W and H and resize 20%.  Click the check mark.  Duplicate.  Move one to the bottom left and the other to the top right corner.  Holding down the ctrl key, select the second layer mask in the layer pallete.  Right click and merge layers.

Drag paper 6 into your tag.  Click the link icon between the W and H and resize 29%.  Click the check mark.  Right click on the paper layer and select create a clipping mask.

Drag element 67 into your tag.  Click the link icon between the W and H and resize 30%.  Click the check mark.  Move to the center of the mask over the gate.

Drag element 106 into your tag.  Click the link icon between the W and H and resize 15%.  Click the check mark.  Move to the left of the mask by the bottom of the gate.  Duplicate and move to the bottom right of the gate.

Drag element 78 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the bottom left of the gate over the greenery.

Drag element 108 into your tag.  Click the link icon between the W and H and resize 15%.  Click the check mark.  Move to the bottom left of the gate.

Drag element 95 into your tag.  Click the link icon between the W and H and resize 20%.  Click the check mark.  Edit, transform, flip horizontal.  Move to the right of the mask. by the headstones.

Drag element 117 into your tag.  Click the link icon between the W and H and resize 40%.  Click the check mark.  Move to the right so it covers part of the gate, headstones and zombie.

Drag element 101 into your tag.  Click the link icon between the W and H and resize 20%.  Click the check mark.  Move to the bottom of the zombie.

Drag element 32 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the right of the bench.

Drag element 37 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the right of the bench.

Drag element 10 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the center of the bench.

Drag element 35 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the left of the encased mushroom.

Drag element 36 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the left of the bench.

Drag element 123 into your tag.  Click the link icon between the W and H and resize 8%.  Click the check mark.  Move to the left of the bench.

Drag element 91 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the bottom left of the bench.

Drag element 120 into your tag.  Click the link icon between the W and H and resize 20%.  Click the check mark.  Move to the left of the mask by the headstones.

Drag element 53 into your tag.  Click the link icon between the W and H and resize 15%.  Click the check mark.  Move to the right side of the tree.

Drag element 8 into your tag.  Click the link icon between the W and H and resize 20%.  Click the check mark.  Move to the bottom of the tree.

Drag element 51 into your tag.  Click the link icon between the W and H and resize 15%.  Click the check mark.  Edit, transform, flip horizontal. Move to the left of the bench.

Drag element 52 into your tag.  Click the link icon between the W and H and resize 15%.  Click the check mark.  Move to the bottom left of the mask. (We will replace this with the animated version later in the tutorial).

Drag element 56 into your tag.  Click the link icon between the W and H and resize 20%.  Click the check mark.  Move to the bottom of the mask in front of the witches. (We will replace this with the animated version later in the tutorial).

Drag element 22 into your tag.  Click the link icon between the W and H and resize 15%.  Click the check mark.  Move to the bottom of the cauldron.

Drag element 16 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the bottom left of the cauldron.

Drag element 70 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the bottom of the cauldron.

Drag element 71 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the bottom right of the orange pumpkin.

Drag element 9 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the bottom right of the white pumpkin.

Drag element 100 into your tag.  Click the link icon between the W and H and resize 12%.  Click the check mark.  Move to the bottom right of the white pumpkin.

Drag element 92 into your tag.  Click the link icon between the W and H and resize 10%.  Click the check mark.  Move to the bottom right of the white pumpkin.

Drag element 15 into your tag.  Click the link icon between the W and H and resize 15%.  Click the check mark.  Move to the top center of the mask.

Add any other elements you like and make any adjustments to the layers.

Crop away any extra space.  

Image, Image Size and resize 650 on the longest side.  See my settings below.

Oh almost forgot we need to drop shadow all of our elements.  I actually do the drop shadow at the end :)

Select the element on the bottom of your tag in the layer pallet and double click it.

A layer style window will pop up.  Click on Drop shadow. and use the following settings.

Now right click on the layer you just applied the drop shadow.  Click copy layer style.

Now click on the layer above and hold down the shift key, select the top layer.  Right click and paste layer styles.  Drop shadow complete :)

Select the tube layer, right click and duplicate.

Standing on the duplicate layer, right click and clear layer style.  Go to Filter, Blur, Gaussian Blur and type in 3.  Click ok.  Change the blend mode to soft light.  Repeat for each of the witches.  (we will need to do this for the animated witch also).  I duplicated the word art but changed the blend mode to hard light.

Add your copyright and name.

If you do not want to animate.  Hide the white background layer Save your tag and export as png.

Might want to grab a coffee :)

Open Kiya Designs Hocus Pocus 1 psd file in PS.  You will notice that there is 16 layers in this animation and it does not have the group layer.  That is ok as we are going to learn how to do this so it matches the animation layers of the tube.

We need to group all the layers.  Starting from layer 16, hold down your shift key and select layer 1.  Once all the odd layers are selected (the layers will be highlighted in blue) we need to group them. 

Go to Layers, Group layers or Ctrl + G on the Keyboard.  Make sure Group 1 is selected.

Select the layer you would like the animation to be placed.  I selected the cauldron layer.

Back to the animation.  Click on Group 1 and drag it into your tag.  Ctrl+T and resize 28%.  Move to a spot you like best.  I moved over the original cauldron and delete the none animated one.  

Close the original animation and don't save changes.

Click on the little white arrow beside Group 1 to expand it.  Click on the eyeball of each layer to hide it but leave frame layer 1 visible.  I also added a drop shadow by selecting frame 1, holding down the shift key and selecting frame 16.  Right click and paste layer style.  Click on the arrow beside group one to hide it as we do not want to accidentally make any changes.

Open Kiya Designs bonus Hocus Pocus 1 psd file in PS.  Repeat the steps above but select layer 52 in the layer pallet.  Click on Group 1 and drag it into your tag.  Ctrl+T and resize 28%.  Move to a spot you like best.  I moved over the original witch and delete the none animated one. Rename Witch group.

I also added a drop shadow by selecting frame 1, holding down the shift key and selecting frame 16.  Right click and paste layer style.

I also duplicated each of the frame layers, cleared the drop shadow on the duplicate, applied the blur and changed the blend mode to soft light. 

Next make sure your animation viewer is open on the bottom of PS.  I you do not see a row that has Animation (Frames) on the bottom, go to Windows, Animation.

Next is animating.

Click on the little icon at the right end of the animation screen then select make frames from layers.

When the pop up shows select  Make Frames from Layers

You are going to see a big mess in the animation window but we are going to fix this.

Click on the first frame and click on the trash can in the animation window.  Repeat this until you reach the first frame of the cauldron animation.  

Now you should be at the first frame of the cauldron animation.  Click on frame 17 and hit the trash can.  Repeat for all the remaining frames.  You should be left with 16 frames in the animation window.  This is the amount of frames for our animation.

This next step is very important.  Any changes you do from here you must be on frame 1 in the animation window. It will be highlighted in blue.

Go to the bottom of your tag in the layers pallet.  Make sure you have animation frame 1 selected.

Click on the eyeball beside each layer to make it visible.  For the white base layer you may have to click on the eyeball a couple of times to make it visible in all the animation frames.  It's a Photoshop thing.  Do not touch the group layer.

Next, I want to slow down the animation.  With the first frame selected, hold down the shift key and click on frame 13.  This will select all the frames.

Now the fun part.  On frame one in the animation viewer, click on the white arrow beside Witch group.  Click eyeball beside frame 1 and frame 1 copy.

Select frame 2 in the animation view.

Hide frame 1 and copy frame 1 by clicking on the eyeball and then click on the eyeball beside frame 2 and frame 2 copy.

Select frame 3 in the animation view.

Hide frame 1 and copy frame 1 by clicking on the eyeball and then click on the eyeball beside frame 3 and frame 3 copy.

Repeat the above steps for the remainder of the animation frames.  You will always need to hide frame 1 and copy frame 1 for each frame.

Select frame 1 in the viewer.  Hold down the shift key and select frame 16.  All frames should be highlighted in blue.

Next, click on the little black arrow beside the 0 sec as we want to change the speed.  A pop up window will appear.  

I selected 0.2 Sec.  Now click on the play button to view the animation.  Click on it again to stop it.

Click frame 1 again so we don't accidentally make any changes.

Now to save our tag as a gif.

Go to File, save for web device.

A new pop up window will appear.  Change the settings to my screen shot below.  Click on the image to enlarge it if needed.  Click save.  My screen shot will look different but the settings are the same.

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