Creating animated images - Revision history

Paradox-01 at 20:59, 7 May 2022

2022-05-07T20:59:09Z

← Older revision		Revision as of 20:59, 7 May 2022
Line 29:		Line 29:

	==Gimp==		==Gimp==
	From what [[User:Paradox-01\|I've]] seen on YouTube, I think Gimp has a "one image per detail change" workflow, which would mean you have to create every single image yourself.		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]]		[[Category:Modding tutorials]]

Paradox-01 at 20:56, 7 May 2022

2022-05-07T20:56:14Z

← Older revision		Revision as of 20:56, 7 May 2022
Line 1:		Line 1:
	{{finish}}		{{finish}}

	::''Add some free ~~programs as an alternative~~ to Gimp as it seems clumsy regarding animations.''		::''Add some free alternatives to Gimp as it seems clumsy regarding animations.''

	==Photoshop==		==Photoshop==

Iritscen: Iritscen moved page Creating image animations to Creating animated images without leaving a redirect: more natural English

2021-03-31T22:21:15Z

Iritscen moved page Creating image animations to Creating animated images without leaving a redirect: more natural English

← Older revision	Revision as of 22:21, 31 March 2021
(No difference)

Iritscen: copy-edit; +finish

2021-03-31T22:20:54Z

copy-edit; +finish

← Older revision		Revision as of 22:20, 31 March 2021
Line 1:		Line 1:
	~~[[Category:Modding tutorials]]~~		{{finish}}

	Add some free programs as alternative to Gimp as it seems clumsy regarding animations. ~~--[[User:Paradox-01\|paradox-01]] ([[User talk:Paradox-01\|talk]]) 12:40, 25 August 2016 (CEST)~~		::''Add some free programs as an alternative 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 ~~256x256 and~~ 64x64 ~~pixels.~~		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 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)~~.

			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.

	Note about frames: When you zoom in on your animation (slider at bottom) the unit type turns from s to f. Default fps of your timeline is seen at the bottom. If you don't want one second to be 30 frames long, go to the dropdown options of the timeline panel.

			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 "~~Adode~~ 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.
	: Choose TGA ~~formate~~.		:: 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 ~~amount~~ of images depends on how long your animation is in seconds and ~~with~~ what fps you will export it.		: 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 ~~(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==		==Flash==
	https://www.youtube.com/watch?v=AMQ9dRLg4yY		Exporting Flash Animations tutorial: https://www.youtube.com/watch?v=AMQ9dRLg4yY

	Flash's successor is Animate CC.		Note: Flash is now obsolete, and its successor is Animate CC.

			==Gimp==
			From what [[User:Paradox-01\|I've]] seen on YouTube, I think Gimp has a "one image per detail change" workflow, which would mean you have to create every single image yourself.

	~~==Gimp==~~		[[Category:Modding tutorials]]
	~~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.~~

Paradox-01: Doh, OniSplit can't import jpg/png for animated textures. File not found...

2016-08-25T14:38:29Z

Doh, OniSplit can't import jpg/png for animated textures. File not found...

← Older revision		Revision as of 14:38, 25 August 2016
Line 19:		Line 19:
	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.

	~~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~~.		Note about frames: When you zoom in on your animation (slider at bottom) the unit type turns from s to f. Default fps of your timeline is seen at the bottom. If you don't want one second to be 30 frames long, go to the dropdown options of the timeline panel.


Line 27:		Line 27:
	: Change "Adode Media Encoder" to "Photoshop image sequence".		: Change "Adode Media Encoder" to "Photoshop image sequence".

	: Choose TGA~~, PNG or JPG as~~ formate.		: Choose TGA formate.

	: The amount of images depends on how long your animation is in seconds and with what fps you will export it.		: The amount of images depends on how long your animation is in seconds and with what fps you will export it.

Paradox-01: 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.

2016-08-25T10:40:46Z

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.

New page

[[Category:Modding tutorials]]

Add some free programs as alternative to Gimp as it seems clumsy regarding animations. --[[User:Paradox-01|paradox-01]] ([[User talk: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.