#i've added gifs to the original gifset for a bit

[demisexualnathanvuornos]

Audrey Parker+stimming

1x1 Welcome to Haven

1x5 Ball and Chain

1x11 The Trial of Audrey Parker

1x12 Resurfacing

1x13 Spiral

2x2 Fear and Loathing

2x13 Silent Night

3x9 Sarah

[dengswei]

your gifsets are perfect, I'm always in awe of what you can do and you're creativity!!! Could you please explain how you made the broken glass gif with different gif in it on photopea? https://www.tumblr.com/dengswei/754916132337729536/userdramas-creator-bingo-green-asiandramanet?source=share and would it be possible to do something similar with other shapes? Thank you for your lovely creations <33

heyy thanks so much!! and of course! i have to admit the way i do it might be a little bit tedious compared to like everyone else (though i don't know how photoshop users or other photopea users might do it 🤣) okay this is gonna end up being so long because of the way i do it so i'm sorry about that and i hope it makes sense 😭

okay i have to admit i couldn't find the texture i've seen people use for the shattered glass effect so i actually used a photopea default brush from this pack

to download the brush set go to window -> plugins -> brush and then search for wall cracks brush (it's literally the only wall related brush set in photopea so it'll show up the moment you download it)

so for the gif i did above i did my giffing the usual way of creating & colouring for different gifs seperatly and then adding them all to one project (it doesn't have to be 4 gifs i just chose 4 because that's what i wanted to show in this gif)

i've done this twice once for this set and another time for this the blood of youth set and i have to say the most important part of this is keep multiple versions of the brush in the position you want as you can so once you've used it to test it out and you like that version keep it because unless you can manage to position the brush in the exact same place every time you're gonna need to reference those (or even use the magic wand tool for it later) and also you need to keep at least a white on black background version for the outline

in the brush pack the one i used was this one: (3564, crack b 9)

for this part i just say play around with both positioning and sizing of the brush, it automatically opens with the size 3000+ which is fine i think with the tushan jing one (the green gif above) i stuck with that size and just kept clicking around until i got the positioning i wanted (this is another reason why i said what i said in the paragraph above because if the brush size is bigger than 1000 it's doesn't come out in the exact positioning as you expect it too

i decide the positioning of the gifs on the way i like the brick brush looking rather than the other way around, this is the positioning i went with if you're curious & would like to use it if that's easier 🤣

you'll need to keep this as a seperate layer at the top, i had it set to screen and then added a colour fill layer clipped on later so that i had the outline for when i was masking

so to start off i have the base gif which i do nothing to, that stays as it is, with the brush layer above set to screen

next is where you want to position your other gifs it may benefit to figure this out all at first before doing any of the masking so you know which parts you want to erase and which parts you want to keep

so this is what i decided with my positioning looking at where each of the cracks are

now comes the tedious part, in some ways the way i do this is a lot similar to how i do grid but it's not as easy (for grid photopea automatically locks onto the squares making it easier to mask, here you have to do it all manually)

first put a raster mask on all of the other gifs except for the base gif & use the magic wand tool on the brush layer so you get the outline of the brush and you mask that away from your gif (so if you turned off the brush layer it should look a little something like this: (it's not perfect but it won't matter that much because you should have the original turned on at the end anyway) (you don't have to do this step tbh i just did it because i thought it looked better)

so with the brush layer turned on you can use that as a template to which parts of the cracks you want to erase, you can either use the magic wand or the paint brush tool it really depends on how much of a perfectionist you are and whether or not the sharp edges bother you (plus some of the cracks have small openings so it might erase another part you don't want if you use the magic wand tool so it really is another instance of playing around and seeing what you like, and it might also change once you add the other gifs too)

so this is how it looks after i've done that (notice in the middle you can still see the edge of the gif? that won't matter because one of the other 2 gifs i still have yet to mask will cover that) & just repeat the same thing for the other gifs you want to add

this is how my masking folders look if you're curious

& last but not least i added a green colour fill layer clipped to the brush layer and set that to darken to get the green effect (make sure that the brush layer is still set to screen)

& once you've merged all of the gifs together you should get your desired outcome like the gif above (make sure that all the gifs have the same amount of frames too)

when it comes to other shapes i'm sure you can! like i did a tutorial with the grid version here, i guess it'll just be a lot of trial and error & finding a texture or brush with different shapes to try it out with kinda like how i did with both versions of this (i definitely did it a lot better this time around compared to the first version i did of this)

hopefully this wasn't too long or too confusing, if anything is please feel free to ask me again and i'll try and explain it a little better 🤣

[imogens-temult]

Hi!

I sent this ask to the UserGif blog and they directed me to you. I was wondering how you created this black widow layout set:

https://www.tumblr.com/usergif/709701351905624064/black-widow-2021-dir-cate-shortland-insp

The layout is so cool and creative, I love it so much.

Thanks in advance!

hey! first off, thank you so much i really appreciate it.

now i will attempt to explain it, but i am never the best at these things so if you have any questions, feel free to ask! (all this is assuming everyone has a basic knowledge of gifmaking etc.) we're going to recreate a gif from my original set here.

FIRSTLY, you need your basic layout, now i used the rectangle shape tool to create the space for the big gif, and the little palette boxes, and fill them black so you can see them easily and move them around until i'm happy with the layout. and then move onto my text, the posters i was originally inspired by on etsy no longer seem to be there but the font i used which i *think* is what was used on those (as i wanted to get as close to my insp source as possible) is Nimbus Sans L for the title in bold, and Nimbus Sans Rounded for the rest (semi bold for the director and the genre/date and italic for the starring actors) and once i perfected the layout, and added a white layer for the background i saved that as a psd for future use. (make sure you're in timeline mode, and that the frame rate of this canvas is 23.976 fps - as that'll stop any issues when creating the whole gif.)

from here, you're free to gif make your first gif as normal, colouring it and putting it all together in a smart object so then you're ready to just paste it into this canvas, clipping it over the big rectangle, resizing as needed and then sharpening. (if you're unsure about clipping masks - this gifset relies on them - there's a handy tutorial here!)

so, here's how it looks with the main gif in place, and i've filled in my movie details for the film i've picked (i try to keep my layers as organised as possible so i recommend labelling things so you know exactly which text layer is which) i put all the text layers in a folder, and make a folder for all the palette rectangle boxes too.

next is the fun bit, or at least it is for me (personally i like to zoom in for this bit) but it's time to colour pick for the palette. before you do this make a new layer for each palette and clip one to each of the palette boxes like below.

like i said, i like to zoom in for this, but select the eyedropper tool, and start picking your colours, i try to do it in a gradient, usually starting with either the brightest or darkest colour etc. for this gif i want to go from browny red to blue. once you pick your first colour, go to the layer clipped to the rectangle you want that colour and fill it with your colour. keep repeating this process until all your colours are picked and you're happy with your palette.

and here is what you're left with. so now, just do what you'd usually do when saving your gifs, i personally put everything back into frames, so i can save with a timing of 0.05. and then repeat for each gif until you've got a beautiful gifset that you love!

i hope this made sense, and is easy enough to follow! sorry if it's a bit rambling and ridiculous, me and explaining things are not compatible.

[pansexual-puppy-pack]

teen wolf x original pinoy music, no. 1 — thiam and mundo by iv of spades

scenes from @/sterekargentscenes and @/scenespacksforu on instagram!

an idea that's been bouncing around my head for a while! i'm filipino (hence the opm crossover), and i think that opm should have a bigger presence in fandom spaces :D that's all <3

translation from tagalog to english via me and spotify's weird translation feature :) (it's not the best, but you can't really capture the nuances of tagalog in a single line, so i'll do my best to explain my translation edits under the cut!

disclaimer: i am not a professional tagalog to english or english to tagalog translator! i'm just bilingual :>

1. AKING SINTA — my love

sinta is a term of endearment, equivalent to love, darling, sweet, etc. aking is a possessive, like my or mine. i just took "my love" from the spotify translation, but i think darling flows better :)

2. IKAW NA ANG TAHANAN AT MUNDO — you have become my home and my world

tahanan means home, and mundo means world. gramatically, i've taken some liberties, since translating sentences like this into english is actually really difficult: it directly translates to "you are now home and world", without any possessives, but i thought adding "my" would work well in this context, even if the direct translation is beautiful as it is

3. SA PAGBALIK — when i return

here's another example where there's no subject or narrator. this directly translates to "when return", without specifying what or who returns. i've written out "when i return," even though the translation for that would be "sa aking pagbalik."

4. MANANATILI NA SA PILING MO — i will remain by your side

the direct translation is "will remain/stay with you", i just decided to take some creative liberties so it fits the context a bit better. (also thank u spotify translation)

5. MUNDO'Y MAGIGING IKAW — my world has become you

another tricky one. this one is directly "world will become you" or "you will become world" again, without any possessives or narrator. magiging is in future tense, but hey, creative liberties ! it would've been weird for me to switch the tenses in the middle of the gifset (see point 10)

6. LIMUTIN NA ANG MUNDO — forget the rest of the world

this one's gorgeous as it's direct translation: "now forget the world" which makes me go insane. to flow better in english, i modified it a little bit :D

7. NANG MAGKASAMA TAYO — when we are together

"when we are together." (direct) NO NOTES.

8. SUNOD SA BAWA'T GALAW — following every move

"following every move" (direct) this line doesn't usually have an apostrophe, but i think it makes sense :)

9. HINDI NA MALILIGAW — no more getting lost

directly: "no more getting lost" or "[you're/i'm] not getting lost [anymore]". i prefer the first translation, since it really fits in this context, but the second one is still so good i love this song so much

10. MUNDO'Y MAGIGING IKAW — my world has become you

i originally thought that the lyric went "nagiging", which is past tense, (which would make the translation "world has become you," which would've made me cry and bawl) but i decided to stick with the official lyrics just this once. even though i'm a little pissed about it

if any tagalog speaker has any notes, do leave them in the reblogs/replies! <3

also special thanks to @urmomsfavauthor for moral support !!! RAHHHH 🗣️🗣️

[crumb]

re this post

I would love to see a compilation of your "reject" gifs that don't make it into the set and then don't get posted ever. is it because they don't fit the theme or you have too many for the set?? how do you choose which ones make the cut?

It all really depends! Sometimes I'm just throwing together my favorite parts of a film/show or the most interesting visuals, which can make the process a bit more straightforward—but sometimes I have like a very specific narrative I want the gifset to portray. Like my last Passenger gifset, I was going for another parallel action kind of thing like I did with the one before that. But since there was dialogue involved with this one and 'beats' I wanted the gifs to hit, I ended up adding, replacing, removing, etc a handful of gifs in that set... many times... like it felt stupid after a while lol. Originally that gifset was going to be 9 gifs, then that expanded to 11, then that expanded to 16, and then i cut it back down to 11. I really try to not go over 10 gifs in a set because... idk it just seems like too much after that point lol. I say that but at the same time I don't notice it on other people's gifsets, I'm not counting how many gifs they use, I'm just enjoying their work! But when I'm making my own gifs I'm very self conscious of how many I'm putting in my set for some reason. I don't know why 😭 I know it's dumb So here are the 5 unused gifs from that set:

I ended up adding some of the removed dialogue as text under the gifset to flesh it out a bit for people who haven't seen the film and kept the gifs that retained the narrative/context enough on their own.

And an example of how sometimes I'll make several versions of a gif, here's what one of my gifset folders looks like 🫣:

You can see in this one I made at least 7 versions of a gif I ended up not even using in that set because I just wasn't able to get it how I liked while staying under the 10MB filesize limit. I'll probably end up revisiting that shot in another gifset in the future but yeah I just got so fed up I replaced it with a different shot lol. And that's not even the most versions I've done of a gif. there have been times (dark times) when I've done like 15+ versions of a single gif to test out coloring, sharpness, framerate, etc. It's all a ridiculous work in progress and a process of trial and error. And other times I'll get the gifs all uploaded in a draft and they all look great but I'll look it over and end up removing a gif or two simply because it doesn't flow with the others or it's not as visually strong so it feels out of place. Sometimes cutting the fat is simply motivated by vibes lmaooo.

To anyone who ended up reading all this: what do you think about gifsets that are long? would you have preferred it if I kept the 5 gifs in the original set and uploaded all 16 together? Do you prefer shorter gifsets? Like, obviously the main motivation is and should be what do I like but I also enjoy making these to share with others so getting other people's feedback is also something I care about.

[inessencedevided]

(You can find the set that this gif belongs to here 💙)

From planning to posting, share your process for making creative content!

To continue supporting content makers, this tag game is meant to show the entire process of making creative content: this can be for any creation.

RULES: When your work is tagged, show the process of its creation from planning to posting, then tag 5 people with a specific link to one of their creative works you’d like to see the process of. Use the tag #showyourprocess so we can find yours

I was tagged by @aheartfullofjolllly. thank you so much Pat! it was really fun to reflect about my own process 💗 You can find her post here and @lan-xichens' post that started it all here :)

Also thank you @huigusu 🥰 (who tagged me for my nie brothers set) I'll get to that one in a few days!

Now Pat gave me two sets to chose from to show my process, so obviously I chose the more complicated one :P

I only work in Photoshop CC 2018. I know that there are programs out there for easier cutting and sharpening but I have only just figured out how to do that in PS and I am too lazy to figure out any other programs right now xD

1. Idea and Planning

This set, like most of my sets with lyrics started with me reading the poem, clutching my heart and going "oh shit this fits my favourite characters!!". The idea actually started with me thinking that the first stanza of the poem would go really well with wwx during the burial mounds arc. Then I realized that the last stanza fits lwj better than him and from there came the idea to contrast the both of them next to each other. This is when I realized I wanted to do a dark-light contrast set, though I did not know that I would go with red and blue at that time. My idea in the beginning was just to do a black and white set

I was really impressed by how Pat said that she plans her sets around exact timestamps. Because I don't do that at all ^^ I just get ideas for which scenes would fit (in this case the wwx burial mounds scenes and lwj's kneeling and punishments scene) and then I watch the scenes to narrow them down.

Back when I made this set, I still used a screenrecorder (AceThinker Screen Grabber Pro to be precise. They have a test version that allows you to record up to 3 minutes) and recorded the scenes I needed from Netflix. This worked well enough but now I have the entire show saved on an external drive and it makes a world of difference when it comes to gif sharpness

Now, in this case I had to repeat this step once because when I was almost finished, I realized that I wanted a gif for the lwj corner but let's pretend I didn't do that and that's the way this gif was always going to look because otherwise this post will be way too long ^^

2. Creation

Short disclaimer: The creation process for this gifset was anything but linear. Multiple effects I used here were things I had never tried before. I just had a vague idea and tried to realize it through trial and error. So whenever I say "then I did xyz", it is implied that I ultimately went back to that step several times and changed stuff ^^

I started with the Wei Wuxian part of the gif. I usually use a frame rate of 0,06 (with some variation depending on gif length and size). I work in timeline so I converted all the layers to a smart layer. Then I resized the gif into a square, leaving big chunks of the gif empty (as can be seen below.) I flipped the gif horizontally, so he is looking inwards. This was simple because I felt it fitted the composition better. Then I imported the Lan Wangji part of the gif, again with a frame rate of 0,06. (Image 2)

After that I created a layer for masking in a separate PS document by rotating a square until it was point down (is that a rhombus?). I sized it to match my gif (540x540 pxl) and copied it over. (Image 3) a bit of masking magic and ta da! There's the basic layout (Image 4)

I put a layer of solid black behind wwx to get rid of the transparent bits (Image 5) and then started adding more white and black to both sides by adding solid whit and black layers that i put masks on and changed the opacity as i needed (Image 6)

("reading" direction: from the upper left to the lower right corner)

Then I fiddled with the colours a bit. The first thing I always do is using the curves layer to get more contrast. Then I use the colour balance tool and the selective colouring tool to get rid of that cql-typical cyan tint after that it's just trying to have it look "natural" while the colours still fit the overall scheme. This was difficult here because wei Wuxian’s side of the gif was very dark and when i turned up the saturation to see which colour dominated it was a very weird mixture of multiple colours. That's when i decided that I'd just go with red on his side, since lwj's side was already so blue and those to look great as contrasts.

After that just came a lot of fiddling with selective colour layers and brightness and contrast unti I has happy. There really wasn't much to it ^^. (Image 1)

After that I added the text. I knew I wanted the two lines to for a square of some kind. So I tried different fonds until I arrived at the one below. The two lines are in seperate layers so I could move them around and change the spacing between the letters until I was happy with the layout. I also changed the layer mode for the text to "difference" (is that what it's called in english? my PS is set to german sorry ^^), keeping their colour white. (Image 2)

I originally hadn't planned adding anything else but I felt like the gifs (plural because I switched between the gifs of this set) was still kind of empty and lacking, so I added the tear down the middle (a tutorial for that is either coming up later or already posted. I recently got an ask for this :)) (Image 3)

It still felt empty after that, so I tried different overlays. Okay no, first I wasted a lot of time on different free image sides but then I tried out different ones until I chose the one you can see in the finished gif. I liked that one because a) I felt the round shape was a nice contrast to all the straight lines already there and b) because once I applied a black and white filter to it and switched the layer setting to "difference" (again, i hope this is the correct translation) it looked a bit like a moon. (Gif at the top)

("reading" direction: from left to right)

And that's it! :)

Although in general, these gifs took so much fiddling! I went back and forth between them a lot and sometimes almost redid the entire thing because I had no idea what I was doing in the beginning and by the time I noticed an error, the only way to fix it was ti redo everything. So yeah, this set definitely is the the one that took me the longest out of all the ones I've posted so far.

3. Posting

I save all my gifs to my drafts first to see what they look like put together and to check if they look any different on mobile. Usually i do this several times and change stuff until I'm happd enough with it to hit post. Once i am happy enough, i can't hold back. Doesn't matter if it's at a time when nobody is online, i hit post 😅

And that's it!

Tagging:

@lanwuxiann for this gifset (I adore it so much. I've looked at it and read it severat times since you posted it and the poem just kills me every time!)

@suibianjie for this gifset (The combination of static images and gifs in your gifs is always absolutely perfect! This one is only my favourite of yours because the light coming from behind wwx is just so pretty!!! ^^)

@sweetlittlevampire for this piece (It was soooo hard to pick a piece of yours because I have so many favourites! But this one is just so out if this world, I want to know how you worked that magic :D)

@wei-gege for this set (sparkling shijie! 😭 that set is so incredibly beautiful! I love how you matched the colour of the overlay with her dress!)

@purplexedhuman for this set (your gifs are always incredible! I chise this one because it showcases both your colouring skills and some really intricate effects)

If any of you have already been tagged or don't have the time or energy for this, obviously no pressure to do this at all! 🥰

(btw, I originally tried to place the actual text of this under a "read more" cut but somehow it always messed with the order of the images, so this ended up as a rather long post. sorry!)