We are going to learn how to make an animated affiliate like this one.



Part 1: Background

1. Open a new canvas in Photoshop with size 88x31px.

2. First make a nice background that you want in your affiliate. This is what I ended up with.



3. Now on the layer above the background, type the text you want to be shown in the affiliate. This is what I did.



Part 2: Sliding Doors

4. Now we are going to learn how to make the sliding doors in the affialite. First of all, above the text layer, make a nice gradient or anything that you want as your doors. I used a gradient and this is what I got.



5. Now grab your Polygonal Lasso Tool and draw out one side of the door. Look at my picture to understand what I mean.





6. Now you should see bunch of dotted lines like these.



7. Now while your door layer is selected, press Ctrl+X on your keyboard to cut out one side of the door. Now it should look like this.



8. Now press Ctrl+V on your keyboard, and the side of the door that you cut out will appear in a new layer. So now you should have 2 layers of the door. Now move the new layer down and align it to make it look like it was the orignal door.



9. Now right click on one of the door layers and then click on Blending Options. Check the Stroke and add these settings to it.



10. Now repeat step #9 but do it to the other door layer. Now it should look like this.



11. Now repeat step #9 but this time do it to the Background layer.

Part 3: Animation

12. Now click this button in your tools window. This will transfer you to ImageReady.



13. Now look at your Animation window which looks like this. Study the keywords in the image below because you will need to know them for the steps ahead.



14. Now, Dublicate the frame. Now click on door layer which is on the top. Now move it all they way down with the Move Tool.



15. Do the same as step #14 but DON'T dublicate frame, and this time, move the other door layer.

16. How press the Tween button and then use these settings.



17. Now you should have 7 frames.



18. Now dublicate frame 7 and using the Move Tool, close both of the doors again. Then tween using the same settings agove.

19. Now click on frame 7 and change the Delay time to .5 sec.



20. Now change the delay time for frame 1 to .5 sec also.

This is the final result.