Creating animated images: Difference between revisions
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.) |
Paradox-01 (talk | contribs) mNo edit summary |
||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{{finish}} | |||
Add some free | ::''Add some free alternatives to Gimp as it seems clumsy regarding animations.'' | ||
==Photoshop== | ==Photoshop== | ||
===Preparation=== | ===Preparation=== | ||
Create a new RGB document and set its dimensions to power of 2. Probably you make it between | Create a new RGB document and set its dimensions to a power of 2. Probably you want to make it between 64x64 and 256x256. | ||
Enable the timeline with '''Window > Timeline'''. Create a '''video timeline'''. This gives you more possibilities with layers and effects. You will be able to set keyframes so that the changes between them are interpolated (created automatically). | |||
===Editing=== | ===Editing=== | ||
Expand your layers (▼) in video timeline to gain control over position, opacity and styles. | Expand your layers (▼) in the video timeline to gain control over position, opacity and styles. Set or remove keyframes by clicking the diamond symbol (◆). A selected keyframe turns yellow. | ||
Set or remove keyframes by clicking the diamond symbol (◆). A selected keyframe turns yellow | |||
A note about frames: When you zoom in on your animation (slider at bottom) the unit type turns from 's' to 'f'. The default fps (frames per second) of your timeline is seen at the bottom. If you don't want one second to be 30 frames long, see the dropdown options in the timeline panel. | |||
===Export=== | ===Export=== | ||
File > Export > Render video | '''File > Export > Render video''': | ||
: Change "Adobe Media Encoder" to "Photoshop image sequence". | |||
: Change " | : Choose the TGA format. | ||
: The number of images depends on how long your animation is in seconds and at what fps you will export it. | |||
: Choose TGA | :: For example, if your animation is 2s long and you set the fps to 24 fps you will get 48 images. | ||
:: The fps can be anything, so you don't have to worry about frames and seconds. | |||
: The | : When you've decided on your number of images, start the render. | ||
:: For example if your animation is 2s long and you set fps to 24 fps | |||
:: The fps can be anything so you don't have to worry about frames and seconds. | |||
: When you decided on your | |||
==Flash== | ==Flash== | ||
https://www.youtube.com/watch?v=AMQ9dRLg4yY | Exporting Flash Animations tutorial: https://www.youtube.com/watch?v=AMQ9dRLg4yY | ||
Flash | Note: Flash is now obsolete, and its successor is Animate CC. | ||
==Gimp== | |||
From what [[User:Paradox-01|I've]] seen 2016 on YouTube, I think Gimp has a "one image per detail change" workflow, which would mean you have to create every single image yourself. | |||
[[Category:Modding tutorials]] | |||
Latest revision as of 20:59, 7 May 2022
|
This page is unfinished. Can you fill in any missing information? |
- Add some free alternatives to Gimp as it seems clumsy regarding animations.
Photoshop
Preparation
Create a new RGB document and set its dimensions to a power of 2. Probably you want to make it between 64x64 and 256x256.
Enable the timeline with Window > Timeline. Create a video timeline. This gives you more possibilities with layers and effects. You will be able to set keyframes so that the changes between them are interpolated (created automatically).
Editing
Expand your layers (▼) in the video timeline to gain control over position, opacity and styles. Set or remove keyframes by clicking the diamond symbol (◆). A selected keyframe turns yellow.
A note about frames: When you zoom in on your animation (slider at bottom) the unit type turns from 's' to 'f'. The default fps (frames per second) of your timeline is seen at the bottom. If you don't want one second to be 30 frames long, see the dropdown options in the timeline panel.
Export
File > Export > Render video:
- Change "Adobe Media Encoder" to "Photoshop image sequence".
- Choose the TGA format.
- The number of images depends on how long your animation is in seconds and at what fps you will export it.
- For example, if your animation is 2s long and you set the fps to 24 fps you will get 48 images.
- The fps can be anything, so you don't have to worry about frames and seconds.
- When you've decided on your number of images, start the render.
Flash
Exporting Flash Animations tutorial: https://www.youtube.com/watch?v=AMQ9dRLg4yY
Note: Flash is now obsolete, and its successor is Animate CC.
Gimp
From what I've seen 2016 on YouTube, I think Gimp has a "one image per detail change" workflow, which would mean you have to create every single image yourself.