#userfran

#1 — so first i wanted to find the png i was going to use. just search up ____ (whatever you're looking for) png transparent online and you should be able to find heaps of good, and free to use options! my go to site is nicepng but there are sooo many places you can look!!

what's important to remember is that for a cleaner result, you want to find a png with smooth outlines - aka nothing that is really rough or jagged in its edges.

so i chose this sun png and it has plenty of black space in it (as this will play a key role in how the colour shows through the png later) but it isn't a solid block of black either!

#2 — so i have my two gifs ready, coloured and blended with each other. remember that the gif choice underneath will also affect how the png's colours show through [whether the gif has a lot of pure white/black can really change the effect!]

#3 — so now i've just inserted the png onto the gif and you can position it anywhere you want on the canvas!

#4 — i'm not sure on the technicalities on why you need to do this (😭) but the png typically is black right, but you want to make it white so make sure to invert the png so it shows up white!! you can invert through adjustments or by pressing command + i or ctrl + i to do this!

#5 — now go to the blending mode of the png and set it to EXCLUSION. i think you can set it to difference as well but i'm no expert in that and i think they give the same result. your white png should turn sort of blue-ish translucent!! now we're ready to add colour <3

#6 — now right click/double click etc on the png and go to blending options here!

#7 — this is an optional step but if you want the outline of your png to appear a little more against the gif (say as the majority of the background in mine is mostly dark) then you can add a shadow to your liking! these are just my typical settings nowadays :D

#8 — head over to gradient overlay and choose a colour gradient that you would like! there are heaps of easy presets that i often default to (like plenty of blue/green/purple options) <3 and make SURE you set the blend mode of the gradient overlay to EITHER: — multiply (shows up pretty dark which can be useful at times!) — hard light (which shows up pretty bright, i'm going to use that in this gif because bright is what i need!) — colour (shows up more light/white and works well on lighter backgrounds imo)

#9 — finish up by adding your typography however you would like! i added the same gradient effect to 'SEVENTEEN' at the bottom of the text for a little more pop of colour!

and there you have it!!! that's your finished gif (or at least the same principle behind the hotd/anti hero set!) and here's the finished result <3 i hope this helps!!