beelikej: (SteamUnicorn)
[personal profile] beelikej
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 [livejournal.com profile] crucified :)

polaroid-iconGIF.gif YuriJUMPscare_icon_100.gif
JDM scene is from Extant S2Ep02; Yuri checking his phone messages is from YOI S1Ep01.

Sigtags [Signature tags for Land of Art]
AnimatedLOA_LadyGIF.gif streamer-SIGTAG-BLJ_GIF.gif
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)

ViktorWink_sigtag_BLJ.gif Yuri-vs-Yuuri_sigtag_BLJ.gif
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
28Extant S2Ep2-screencaps JDM.jpg 29Extant S2Ep2-screencaps JDM.jpg
Two screencaps from that scene in Extant; Jeff was really funny here:)

Extant S2Ep2-screencaps JDM.jpg polaroid-blank500.jpg
Base images: a polished version of the screencap up above and a blank polaroid.

01Tutorial Polaroid icon.jpg
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)

02Tutorial Polaroid icon.jpg
Select the black in the polaroid frame with the magic wand tool.

03Tutorial Polaroid icon.jpg
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)

04Tutorial Polaroid icon.jpg
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.

05Tutorial Polaroid icon.jpg
I add a text layer (Font: Hand of Sean)

06Tutorial Polaroid icon.jpg
I merge the text, polaroid and background to limit the amount of layers for the animation.

07Tutorial Polaroid icon.jpg
Open the animation window (or edit in Image Ready) - you can add new frames through the menu (the triangle at the top right)

08Tutorial Polaroid icon.jpg
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;)

09Tutorial Polaroid icon.jpg
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)

10Tutorial Polaroid icon.jpg
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;)

11Tutorial Polaroid icon.jpg
Tadaah! Press play to check the animation.

12Tutorial Polaroid icon.jpg
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 [livejournal.com profile] 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.

May 2025

M T W T F S S
   1234
567891011
121314151617 18
192021222324 25
262728293031 

Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 2nd, 2025 10:21 pm
Powered by Dreamwidth Studios