Creating animated images

From OniGalore
Revision as of 10:40, 25 August 2016 by Paradox-01 (talk | contribs) (I completely forgot about the depot. However I'm not in a hurry since I want to add some more features before making it all public. And like said: there should be some demos too.)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search


Add some free programs as alternative to Gimp as it seems clumsy regarding animations. --paradox-01 (talk) 12:40, 25 August 2016 (CEST)

Photoshop

Preparation

Create a new RGB document and set its dimensions to power of 2. Probably you make it between 256x256 and 64x64 pixels.

Enable timeline: Window > Timeline

Create a video timline. This gives you more possibilities about you can do with layers and effects.

You will be able to set keyframes so that the changes between are interpolated (created automatically).


Editing

Expand your layers (▼) in video timeline to gain control over position, opacity and styles.

Set or remove keyframes by clicking the diamond symbol (◆). A selected keyframe turns yellow.

Bug in CS6: When you zoom in on your animation (slider at bottom) the unit type turns from s to f. Ignore that. The time values are still seconds.


Export

File > Export > Render video

Change "Adode Media Encoder" to "Photoshop image sequence".
Choose TGA, PNG or JPG as formate.
The amount of images depends on how long your animation is in seconds and with what fps you will export it.
For example if your animation is 2s long and you set fps to 24 fps (frames per second) you will get 48 images.
The fps can be anything so you don't have to worry about frames and seconds.
When you decided on your amount of images, start render.


Flash

https://www.youtube.com/watch?v=AMQ9dRLg4yY

Flash's successor is Animate CC.


Gimp

From what I've seen on Youtube I think Gimp has an "one image per detail change"-workflow which would mean you have to create each single images yourself.

Retrieved from "https://wiki.oni2.net/w/index.php?title=Creating_animated_images&oldid=25548"