Artwork LOA Challenge 14: Animated Animation
For Land of Art Challenge 14 I made animated gifs. It wasn't until after I had submitted them, that I discovered I had misunderstood the assignment:( The subject of the gif had to be an animated film/tv-series or game, hence the title Animated Animations, d'oh. So I started again, this time I used scenes from my favorite Anime: Yuri on Ice (Oooh, it was just announced there is going to be a film and a second season, woohoo!)
Because I was quite pleased with my first batch of gifs, I'm posting all my animation efforts here. Plus a tutorial of that polaroid image (with the original still of JDM and that skeleton especially for crucified :)
JDM scene is from Extant S2Ep02; Yuri checking his phone messages is from YOI S1Ep01.
Sigtags [Signature tags for Land of Art]
The Fat Lady from Harry Potter; I edited photos I made at the Exhibition (Fonts: Lumos & Hogwards Wizard, of course;)
The streamer with my name and LOA team was inspired by Charlie Chaplin's Modern Times (font = Mercury Blob with edits)
Viktor winking from YOI S1Ep01 (Fonts: Mothica & MS Sans Serif caps)
Yuri vs Yuuri also from YOI S1Ep01 (Fonts: Amarillo caps & Violation)
Polaroid Effect Tutorial
Two screencaps from that scene in Extant; Jeff was really funny here:)
Base images: a polished version of the screencap up above and a blank polaroid.
Icon is 100x100 pixels (200 dpi), I made an orange background and then added the polaroid image, scaled and rotated it, and added a drop shadow (black, blend mode: multiply, opacity: 41%, angle 120°; distance 5px, spread 0%, size 5px)
Select the black in the polaroid frame with the magic wand tool.
While the black is selected, I select my layer with the JDM photo and press the add layer mask button (that square with the circle in it at the bottom of the layer window)
You can move and edit the photo by disabling the link between the photo and the mask - click that chain in between:) When the photo is framed to my liking I apply the layer mask.
I add a text layer (Font: Hand of Sean)
I merge the text, polaroid and background to limit the amount of layers for the animation.
Open the animation window (or edit in Image Ready) - you can add new frames through the menu (the triangle at the top right)
The frame that's selected can be edited by turning layers on or off. Animation length can be adjusted by clicking the time triangle. I chose 0.2 seconds for the moving frames and 1 second for the end frame., so people can stare at JDM a little longer;)
To make the photo appear slowly, I put animation frames in between the first and final frame with the Tweens button (the diagonal of circles)
I add 10 frames and set the parameter to opacity (sorry, in this image "position" is also selected, this is not needed for the polaroid effect; you can use that for the streamer effect up above for instance;)
Tadaah! Press play to check the animation.
In the file menu choose 'Save for Web' to save the animation as a gif and you're done!
Don't hesitate to ask any questions if anything is not clear:) This tutorial is part of landofart challenge 15 How Did You.. Do That?
If there are any other pieces of artwork (recent or ancient) that you would like to see a tutorial of, let me know!
J.
Crossposted from https://beelikej.dreamwidth.org/532354.html [
comments] Lurk or comment wherever you like:)
Because I was quite pleased with my first batch of gifs, I'm posting all my animation efforts here. Plus a tutorial of that polaroid image (with the original still of JDM and that skeleton especially for crucified :)
JDM scene is from Extant S2Ep02; Yuri checking his phone messages is from YOI S1Ep01.
Sigtags [Signature tags for Land of Art]
The Fat Lady from Harry Potter; I edited photos I made at the Exhibition (Fonts: Lumos & Hogwards Wizard, of course;)
The streamer with my name and LOA team was inspired by Charlie Chaplin's Modern Times (font = Mercury Blob with edits)
Viktor winking from YOI S1Ep01 (Fonts: Mothica & MS Sans Serif caps)
Yuri vs Yuuri also from YOI S1Ep01 (Fonts: Amarillo caps & Violation)
Polaroid Effect Tutorial
Two screencaps from that scene in Extant; Jeff was really funny here:)
Base images: a polished version of the screencap up above and a blank polaroid.
Icon is 100x100 pixels (200 dpi), I made an orange background and then added the polaroid image, scaled and rotated it, and added a drop shadow (black, blend mode: multiply, opacity: 41%, angle 120°; distance 5px, spread 0%, size 5px)
Select the black in the polaroid frame with the magic wand tool.
While the black is selected, I select my layer with the JDM photo and press the add layer mask button (that square with the circle in it at the bottom of the layer window)
You can move and edit the photo by disabling the link between the photo and the mask - click that chain in between:) When the photo is framed to my liking I apply the layer mask.
I add a text layer (Font: Hand of Sean)
I merge the text, polaroid and background to limit the amount of layers for the animation.
Open the animation window (or edit in Image Ready) - you can add new frames through the menu (the triangle at the top right)
The frame that's selected can be edited by turning layers on or off. Animation length can be adjusted by clicking the time triangle. I chose 0.2 seconds for the moving frames and 1 second for the end frame., so people can stare at JDM a little longer;)
To make the photo appear slowly, I put animation frames in between the first and final frame with the Tweens button (the diagonal of circles)
I add 10 frames and set the parameter to opacity (sorry, in this image "position" is also selected, this is not needed for the polaroid effect; you can use that for the streamer effect up above for instance;)
Tadaah! Press play to check the animation.
In the file menu choose 'Save for Web' to save the animation as a gif and you're done!
Don't hesitate to ask any questions if anything is not clear:) This tutorial is part of landofart challenge 15 How Did You.. Do That?
If there are any other pieces of artwork (recent or ancient) that you would like to see a tutorial of, let me know!
J.
Crossposted from https://beelikej.dreamwidth.org/532354.html [
comments] Lurk or comment wherever you like:)