Animation Tutorial: Electric Sparks - Revision history

Mister minations: /* Conclusion */

2022-11-21T04:44:42Z

Conclusion

← Older revision		Revision as of 04:44, 21 November 2022
Line 153:		Line 153:
	If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.		If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.

	Go make something better than this image of Cardi B's humping the sofa and pretending to ~~a have an~~ orgasm, I guess.		Go make something better than this image of Cardi B's humping the sofa and pretending to orgasm, I guess.

	[[File:Mister minations - cardi b - 2.gif\|left\|thumb]]		[[File:Mister minations - cardi b - 2.gif\|left\|thumb]]

Mister minations: /* Conclusion */

2022-11-21T04:44:20Z

Conclusion

← Older revision		Revision as of 04:44, 21 November 2022
Line 155:		Line 155:
	Go make something better than this image of Cardi B's humping the sofa and pretending to a have an orgasm, I guess.		Go make something better than this image of Cardi B's humping the sofa and pretending to a have an orgasm, I guess.

	[[File:Mister minations - cardi b - 2.gif\|thumb]]		[[File:Mister minations - cardi b - 2.gif\|left\|thumb]]

Mister minations: /* Conclusion */

2022-11-21T04:43:40Z

Conclusion

← Older revision		Revision as of 04:43, 21 November 2022
Line 151:		Line 151:

	==Conclusion==		==Conclusion==
	~~[[File:Mister minations - cardi b - 2.gif\|right\|thumb]]~~
	If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.		If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.

	Go make something better than this image of Cardi B's humping the sofa and pretending to a have an orgasm, I guess.		Go make something better than this image of Cardi B's humping the sofa and pretending to a have an orgasm, I guess.

			[[File:Mister minations - cardi b - 2.gif\|thumb]]

Mister minations: /* Conclusion */

2022-11-21T04:43:21Z

Conclusion

← Older revision		Revision as of 04:43, 21 November 2022
Line 154:		Line 154:
	If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.		If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.

	Go make something better than this image of Cardi B's humping the ~~air~~ and pretending to a have an orgasm, I guess.		Go make something better than this image of Cardi B's humping the sofa and pretending to a have an orgasm, I guess.

Mister minations: /* Conclusion */

2022-11-21T04:42:23Z

Conclusion

← Older revision		Revision as of 04:42, 21 November 2022
Line 151:		Line 151:

	==Conclusion==		==Conclusion==
	[[File:Mister minations - cardi b - 2.gif\|~~left~~\|thumb]]		[[File:Mister minations - cardi b - 2.gif\|right\|thumb]]
	If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.		If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.

	Go make something better than this image of Cardi B's humping the air and pretending to a have an orgasm, I guess.		Go make something better than this image of Cardi B's humping the air and pretending to a have an orgasm, I guess.

Mister minations: /* Conclusion */

2022-11-21T04:41:51Z

Conclusion

← Older revision		Revision as of 04:41, 21 November 2022
Line 152:		Line 152:
	==Conclusion==		==Conclusion==
	[[File:Mister minations - cardi b - 2.gif\|left\|thumb]]		[[File:Mister minations - cardi b - 2.gif\|left\|thumb]]
	If you made it this far, you either learned how to animate a spark or how to take an existing ~~spark~~ and put it on some animation.		If you made it this far, you either learned how to animate a spark or how to take an existing effect and put it on some animation.

	Go make something better than this image of Cardi B's humping the air and pretending to a have an orgasm, I guess.		Go make something better than this image of Cardi B's humping the air and pretending to a have an orgasm, I guess.

Mister minations: /* Conclusion */

2022-11-21T04:38:27Z

Conclusion

← Older revision		Revision as of 04:38, 21 November 2022
Line 151:		Line 151:

	==Conclusion==		==Conclusion==
			[[File:Mister minations - cardi b - 2.gif\|left\|thumb]]
			If you made it this far, you either learned how to animate a spark or how to take an existing spark and put it on some animation.

			Go make something better than this image of Cardi B's humping the air and pretending to a have an orgasm, I guess.

Mister minations: /* Use Cases */

2022-11-21T04:34:17Z

Use Cases

← Older revision		Revision as of 04:34, 21 November 2022
Line 144:		Line 144:

	==Use Cases==		==Use Cases==
			Imagine, if you would, going to the bathroom. It's dark, so you turn on the light. Now, for the purposes of this thought exercise, the light switch suddenly immediates a stream of sparks.

			How you react to that scenario is indicative of when you should use sparks.

			Too many effects will look ridiculous. Effects used in inappropriate situations will look silly. As always, temperance is the key; never do more work than you have to.

	==Conclusion==		==Conclusion==

Mister minations: /* Lighting */

2022-11-21T04:26:40Z

Lighting

@@ Line 124: / Line 124: @@
 ===Lighting===
 ==Use Cases==
 ==Conclusion==

Mister minations: /* Adding Effect to an Existing .gif, Frame by Frame */

2022-11-21T04:18:03Z

Adding Effect to an Existing .gif, Frame by Frame

← Older revision		Revision as of 04:18, 21 November 2022
Line 101:		Line 101:

	===Adding Effect to an Existing .gif, Frame by Frame===		===Adding Effect to an Existing .gif, Frame by Frame===
			Notes before starting:
			* "spark" refers to the animation of the electrical spark
			* "target" refers to the image on which the sparks are applied
			* "layer" and "frame" are used interchangeably

			Steps for Applying the Spark Effect:
	# Download the image		# Download the image
	# In GIMP, open the ~~image~~ as layers		# In GIMP, open the spark as layers
	# ~~With each frame given as a layer~~, move ~~each frame~~ into a layer group		# In the opened project, move every layer within the spark into a layer group (a given set of operations, such as movement and transformations, affect all layers within a layer group)
	~~# Find some .gif content you think will do well with~~ a ~~spark effect~~		# Download the target animation and open as layers within the same project '''(IMPORTANT: make sure that the .gif is not loaded into the spark layer group)'''
	# In the ~~same project you opened,~~ open ~~the content~~ as layers '''(IMPORTANT: make sure that the .gif is not loaded into the layer group ~~you just created~~)'''		# Within the target animation, determine some frame ''n'' from which the spark effect will start
	# ~~Of the layers in~~ the ~~opened .gif~~, ~~find the~~ frame on which ~~you think~~ the spark effect ~~should~~ start
	# Move the layer group containing the spark effect to a good starting position		# Move the layer group containing the spark effect to a good starting position
	# For ~~each layer above~~ the ~~given layer~~, perform the ~~below~~ steps:		# For target frames ''n'' to ''n + m'', where ''n'' represents the starting frame and ''m'' represents the number of frames within the spark, perform the following steps:
	## ~~Identify~~ the frame of the spark ~~animation that corresponds with the frame in the main image~~ (for example, if ~~you're~~ starting at frame 1 ~~of the original image~~, it corresponds with ~~frame 1 of the spark)~~		## For frame ''n'', identify the corresponding frame within the spark, which will be a number from 0 to ''m'' (for example, if starting at ''target_frame=5'', it'll correspond with ''spark_frame=0'', then ''target frame=6'' -> ''spark frame=1'', and so on such that ''target_frame=5+m'' corresponds with ''spark_frame=m''
	## Copy ~~and place~~ in place (ctrl+alt+v) the corresponding spark frame from the layer group		## Copy, paste in place (ctrl+alt+v), and anchor the corresponding spark frame from the layer group
	## ~~Anchor and reorder~~ the spark frame to above the corresponding frame ~~in the animation~~		## Reorder the spark frame above the corresponding target frame
	## Merge the spark frame down to the ~~main image layer~~		## Merge the spark frame down to the target frame
	## Repeat for each frame in the spark animation		## Repeat for each frame in the spark animation
	# Delete ~~or hide the~~ layer group		# Delete layer group
	# run the animation playback to test how the overall .gif will look, adjust frames-per-second as needed		# run the animation playback to test how the overall .gif will look, adjust frames-per-second as needed
	# export image as .gif, make sure that frames as set as "replace"		# export image as .gif, make sure that frames as set as "replace"