hi! sorry to bother you but you know how in your “olaf the storyteller” ten “images” but more than ten gifs?? i have 18 gifs and i have no idea how to get them on the same “image” type thing... help lol do you have any advice or a tutorial or something you can help me with??? please help lmao
Yes! Fair warning, this is gonna be long. I like to write out every step and add screenshots of it all. So even if you know, bear with me, it’s just easier for me that way hahaha.
EDIT: For the first step turn the background transparent rather than full white. Okay so what you do is for horizontal, you make a canvas with the size 540 px width and for height, I typically do 151 px (that’s the autosize from 1920x1080). It could be 113 px for 1920x800 videos.
Click create video timeline then change it to the regular timeline/frame animation.
Then you get the scenes and make your gifs and resize them to 268x151 (or whatever you crop it to).
Then you go to your first gif, and select all frames and copy frames.
Then you go back to the canvas you created in the beginning. You paste the frames and click replace frames, then click OK.
Then you get this.
Now you go to your second gif and repeat the steps above, but instead of replace frames, you want to paste over selection (remember to select all frames first).
Once you’ve pasted it onto the canvas, you’re gonna get this.
Then you want to select ALL the LAYERS in the group for this second gif and then move it to the side, make sure you see the pink lines snap.
And then you’re done! Change the timing and then add your sharpening, coloring, etc.
EDIT: For your coloring, create a clipping mask and apply the coloring to each part.
So you’d do that for the first GIF, duplicate your PSD, and create clipping masks again for the second GIF.
For vertical GIFs, you’re going to change the size to 268xwhatever height instead of 540. For the height though, remember to double the height of the gif and add 4 to it, so for your typical sized GIF it should be 268x306. 151+151+4=306. I assume it’s the same spacing width and height wise on Tumblr photosets, as your horizontal. 540-268-268=4.
For the 4 vertical, the height says 616 according to inspect on google chrome. 151+151+151+151+4+4+4=616. So yeah it adds up (hahah #puns). So the 4 vertical one does get tricky. But as you add gifs, it does tell you how much spacing is in between them. So you kinda figure out exactly where they snap. It will tell you each time you add a new gif below.
It involves quite a bit of math/addition haha. I don’t think I’ve done 4 horizontal (aka 2 on rows on top of each other) but I assume it’d be 540x306. Take the height from the 2 vertical and tack 540 for it.
Now if your height is NOT 151, you’re going to have to do the math to figure it out. It’s going to be (height of one gif x however many gifs) + (4 x however many spaces there are between the gifs aka one less than the number of gifs you have) = total height.
Okay, I hope this helps! Please feel free to message me again if this confused you in any way.
