Jump to content

Creating Your First Animation


Recommended Posts

Well I use this tuto for make some signatures.


Creating Your First Animation

Tutorial Created By d0nk3y Aka's Ohikatu Friends

Posted on



See bottom for cliffnotes.


Before starting, it's important to know the basis of animation. In order to get things to move, we use different frames. Each frame contains a different picture, and when the pictures are put in order and up to speed, we see the series as it was meant to be portrayed, for example, as a movie clip.


To begin with, I will be using Eadweard Muybridge's The Horse In Motion. 19th century photographer specialized in sequences, and we will be turning his series of images into a clip of a horse running.


The first thing you need to do is to create all of your layers in Photoshop. You don't need to make fading layers, but you should have new layers for each new picture. What I need to do is cut apart all of these images and get them the same size, so the horse is not all over the place.

Once you have your layers created, we're ready to animate them. Click your 'edit image in imageready' button at the bottom of your tool bar (or press Ctrl + Shift + M), and wait a minute for Imageready to load.




Here's the most important part: Go to Windows > Animation, and make sure it's checked.


Now, depending on what you want your animation to do, this next step might differ. Because I have all of my frames created by now, and each layer is going to be a new frame, I'll use the next step. If you need to create your layer using a combination of layers, maybe you have moving text on a background, don't use this step.


Optional Step: In the animation window, click the little arrow, and then "Make Frames From Layers", to save yourself some work.


You now need to get your first frame exactly the way you want it. Move around all content until you're happy with it.


Now, either click on your next frame, or if you don't have one, click "Duplicates current Frame" in the animation window". Click on frame #2, and get it the way you want it. Repeat this step until all of your frames are as you want them.


You may now need to do some timing, because most likely you want to speed it up or slow it down. To set the time, you need to adjust each frame individually, or click one, and shift + click, to select all frames inbetween the two clicked frames. Additionally, you can ctrl + click each frame you are adjusting. When you have some frame(s) selected, you can click the arrow/number right below any of the frames, and set something. Repeat that for all of your frames, until your timing is perfect. If you want to test it, click the play button.


You should now be able to watch your animation! However, you still need to save it, but pay attention: Only .GIF Files will play animation, and when you click File > Save, only .PSD is available. Thus, you must click FILE > SAVE OPTIMIZED AS, and select GIF.


And you're done! You've created a simple animation! As time goes on you will get better. Keep reading for a few things you can add on to animations to liven them up.


Here's what I've got! animation_image_3.gif

With this technique, you can create miniature movie clips (press print screen and paste on each new frame), and much more!

Tweening (fading images)

You will most likely find yourself in a situation where you want to fade an image or text, into another image.


To do this, use the 'Tween' button. What you need to do is use the above technique to get all your frames created, except the ones between what your fading to. If you only have 2 frames, that's fine. Click on the "fade from" layer, hold ctrl, and click the "fade to" layer.


Now in your animation window, Look for a button (near play) that looks like some fading circles. Click the button, and have it on 'Selection' (if its not already). Now put in the number of frames you want. More frames would be a smoother transition, less would be faster. Anything more than 15 is pretty much useless.


Now you should check multiple times to make sure the image is fading properly. If all is correct, select File > Save Optimized > GIF, and your done!

Cliff Notes

  • create frames in photoshop to avoid imageready headaches
  • do the actual animating in imageready
  • make sure your timing looks believeable
  • use tween button for simple fading
  • always check your animation before considering it done
  • File > Save Optimized As > .GIF

I hope the tutorial helped you, I realize its basic for all of you who have tried this sort of thing before. Rip or whatever, it's just a tutorial...



Tutorial Copyright © To d0nk3y of

iPhotoshop. For further questions. Send an email to him.


Feel free to visit iForums - Renders, Graphics, and Photoshop (Powered by iPhotoshop Forums) for more amazing tutorials and a large database !


Any problem message to my friend donkey@iphotoshop.org


I think all who read this tuto can make one animation =P

Link to comment
Share on other sites

I wonder when people stop making all these guide-posts which are all pretty much C/P from some other site...

It's nice of you to think of it as usefull for others but really... people can use google cant they?

Link to comment
Share on other sites

We can, but we appreciate any kinda of help. Well, there some jokes here in Brazil and No-Idea about how to translate to you understand. Well, for Portuguese speakers... here goes a funny site :) www.useaporradogoogle.com (in english should be: www.usethe-beep-ofgoogle.com, or something like that). And I think that everyone got Googlemania... for exemple.. here goes a simpe version of joke :)


Person1: May I ask somet....

Person2: Use the google.

Person1: Where do I find ...?

Person2: Use the google...

Person1: Where can I downl....

Person2: www.usethe-beep-ofgoogle.com. lol


Edit: Ops, I Forget, Thanks for guide.

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in

Sign In Now

  • Posts

    • Chapter III is now LIVE!   -Max level is increased to 85 -Max level on subclass increased to 85 -Maximum attribute allowed in weapons is increased to 150 -Maximum attribute allowed in armors is increased to 60 -Ant Queen, Core, Orfen increased to level 83, same chance on Epic Jewel, addition of Eas/Ews/Beas/Bews drop. -Addition of Base Tower, Advance Pedestal & Tower of Naia Elpy teleport into Deltuva.   https://remastered.playinera.com/ https://discord.com/invite/WD8fWf5
    • Auto macro is already in the files. It's more important to focus on fixing the critical issues, like melee range critical skills on hero weapons.. These are the most important things for the server at the moment. You'll need more than 3 months and 2300 server restarts to address them all. ps I can sell you the fixes for a good price 🙂 Remember like before?   
    • Hello, could anyone correct the problem?
    • DISCORD : utchiha_market telegram  https://t.me/utchiha_market SELLIX STORE : https://utchiha-market.mysellix.io/ Join our server for more products : https://discord.gg/hoodservices
    • Grand Opening May 17th   Rates EXP/SP x50 Adena x50 Spoil x5 Seal Stones x5 Quest x5   Augmentation Skill and Glow chance are retail. Active and passive skills has the same status. Active skills increased time to 20 minutes.   Buffs Time 120 minutes. 24 slots, +4 divine inspiration. (need learn) Pets does not lose buffs with noblesse.   Clan & Alliance Clan penalties disabled. Alliance only 1 clan - for large crest. Max. 18 members in Raidboss and Siege zones.   Castle Sieges Sieges every 2 weeks. Siege duration 60 minutes. Only 1 castle available for sieges.   Enchant Weapons from +0 to +3: 100% from +3 to +16: 70% (decreasing 4% each level) Armors from +0 to +3: 100% from +3 to +10: 50% (decreasing 4% each level) Blessed enchant on failure returns the item +3.   Events Capture the Flag - Every day at 12:30 and 18:30. Crazy Rates - On weekends, full time. Death Match - Every day at 14:30 and 20:30. Kill the Boss - Every day at 21:30. Party Farm - On weekends at 16:00. Team vs Team - Every day at 16:30 and 22:30. Treasure Hunt - On Sundays, from 14:00 to 14:30.   Olympiads Ends on Mondays. Battle period: 20:00-00:00. Start battles: 5 registered players. No class-based battles. Tie does not lose points. Hero skills are retail.   Special NPCS Buffer: All buffs, including schemes. Class Master: 1st, 2nd and 3rd class free. Exchange Manager: Exclusive exchange system. General Manager: Shop, donation, services, functions, server infos... Global Gatekeeper: Teleport to all kingdoms and areas, free. Siege Manager: Contains info for all castles. Wedding Manager: Formal wear and adena required to get married.   Soul Crystals Stages from 7 to 12 selling at luxury shop by cristals. (retail) Stage 13 Anakazel and Ember: chance 15%. Antharas, Frintezza and Valakas: chance 100%.     Subclass & Noblesse Subclass free. (no quest) Add subclass at all Village Master. Max. 5 subclasses. Noblesse quest. (retail)   Voice Commands .menu - main features including auto farm & potion. .help - contains all available commands.     Additional Features Auto loot. Auto learn skills. Inventory slots 150. Seven Signs open 24/7. Shout/Trade chat delay 10s. Hero chat delay 30s. Chat filter - for illegal words. Offline shop. Shift + click on monsters to see the droplist. Spawn protection by 30 seconds. Max. 3 sessions per pc. Automatic restart at 07:00.   Raid Bosses Common Raids: 18h + 6h random. Barakiel: 6h. (no random) Tyrannosaurus: 5 minutes. Raids listed on the site/npc have improved stats and drops.   Sailren: Monday at 21:00. (individual teleport and locked after boss spawn) Queen Ant: Monday at 22:00.   Core: Tuesday at 21:00. Orfen: Tuesday at 22:00.   Dr. Chaos: Wednesday at 21:00. Zaken: Wednesday at 22:00. (door opens 00:00 game time and when boss is spawned)   Andreas van Halter: Thursday at 21:00. Frintezza: Thursday at 21:00. (random +/- 15 minutes. Need CC, min.2/max.5 parties)   Anais: Friday at 21:00. Baium: Friday at 22:00. (random +/- 15 minutes)   Antharas: Saturday at 21:00.   Valakas: Sunday at 21:00. All Epics are in PvP area and will be dead at server launch.   Changes Bishop level 40 has Noblesse Blessing skill. All debuffs with time greater than 30s have been reduced to 30s. All cancel skills remove buffs for 10 seconds. Cancellation increased reuse time x5 and chance to 100. Deflect Arrow increased power from 40 to 60. Mirage reduced time from 60s to 30s. Dodge increased the time from 5s to 15s, reuse time x2. Counterattack increased the time from 5s to 15s, reuse time x2. Touch of Death increased chance from 80 to 100. Arrest range increased from 150 to 600. (like shackle) Stun/Shock effect time reduced to 5 seconds. FOI works like in GF. (removed on any action except movement) Major Arcana Set 15% cast speed, 2% m.atk. instead of 17% m.atk. Imperial Staff adds Acumen instead of Empower. Removed fear skills from Antharas and Valakas. Removed teleport skills from Zaken.
  • Topics

  • Create New...