Hi! Could you make a tutorial on how to make a gif that has good quality? If you do not mind
For 30fps (normal) gifs:
For ultra smooth 60fps (usually for ts files):
60fps is fantastic for short shots, such as live performances where the camera changes scenes every second or two. It gives you HD quality without the gif seeming too short.
Be aware that in order for the 60fps processor to work correctly, you either have to have a file that specifically states it’s 60fps or a .ts file (found on sites like twitter, kpop24hrs.com, etc).
Even if you process a normal .mp4 or .mov file with 60fps, it’ll just double every frame and you’ll end up with a weirdly slow gif. So just use .ts or 60fps videos okay?
PS export settings for either 30fps or 60fps
These export settings stay the same for both. Most important thing you can do is set your gif to original, NOT optimized. Toggle between them and you’ll see why.
Final comparison
Here are two gifs of the same scene. Both gifs have 60 frames, and are using the settings above. You can see doing 30fps allows a longer scene, while using 60fps looks smoother. So it really just depends on your preference.
Hello! I'd like to introduce my GIF Making Demo! (Without sound, sorry!)
Here I show two ways to make GIFs. An absolutely FREE way and a way that does require some money.
This tutorial doesn't go into depth about the programs themselves, but it does show exactly what I do in each program.
I try not to handhold in this video. Feel free to pause, take notes, etc when watching, but I didn't slow things down or narrate (w/ text) every click I'm making.
The programs in the video:
Bandicam (Screen Recording Software) (Free versions and Pro versions available)
VSDC (Free Video Editing Software) (Pro version available, I think)
Adobe Premiere Pro (Video Editing Software) (Paid Program)
Here is a list I used when finding free video editing programs.
While Bandicam does have a watermark (as seen in the video) I do show you how to remove it when making GIFs.
A few notes:
I've only used VSDC today for this video. I have downloaded MANY a free video editing software and this one is by far the best. I did not mess too much with it, but I'd highly advise one to go through a manual, tutorials, and the like to find out all of its hidden features.
I'll admit, it is NOT very beginner-friendly and may have a bit of a learning curve. But if you know editing software or are tech-savvy, it'll be a breeze. One HUGE PLUS for this program is that it does not give your videos watermarks!!
My method is with Premiere Pro which is why I can move along so fast with it. If you need any assistance please reach out to me!
This is just my own method, so it is definitely not the "one true" method of GIF-making. If any other GIF makers have any other input, feel free to share! :D I've got post-nap brain so I'm sorry for my ramblings
Here is the GIF made with only FREE software ⬇
Here is the GIF made with a paid software ⬇
(It's only brighter due to editing, otherwise it would be the same color as the free one)
DISCLAIMER: I am NOT an expert, my whole process is more sheer luck and a few mental breakdowns, followed another tutorial that I can't find again and just learned the rest by messing around in photoshop, but I'll try to explain what I do when I make gifs because people have asked me to! Hopefully it will be understandable lol if there's a better way to do things I simply do not know
First, to make GIFs you have to have a program like Photoshop installed in your pc, I use Adobe Photoshop 2024 - to download that you need to either buy it or just google how to do it because I do not wish to take on the responsibility of explaining how to do that in the wrong way and messing up your pc... when you have that, you need the file from which you are going to take the frames that you're going to transform into our gifs, basically a video is a group of pictures that are in sequence and move really, really fast, so they appear as a video in our brains - the frames are the singular pictures! When you want to make gifs always search for files video that have at least 1080p or higher as the resolution (basically the quality of the image, full HD - idk the specifics, google it lol)
once you have the file video in your pc you need a video player that takes very fast screenshots/stills automatically, I use this one called GOM player which is free, but you can use whatever you like, you just need to check if they have the option to screencapture...
Once you have opened the video in your player:
-> right click on the video -> video -> advanced screen capture
click on that and it will open the option to take the screencaps, make sure the parameters are these ones and choose a folder in your pc where you're going to save all the images we're using to make the gif - you can choose from the ''custom'' option with those 3 points you see - basically that's the ''adress/location'' where you're telling your pc to put all the frames, make a folder for that specifically
then go to the part of the video that you want to GIF and click play a bit before that starts, then click on '' burst capture'' and it will start saving them - oh also you can change the '' burst interval'' depending on what you need, if you increase it you have fewer images to process and the GIF goes faster basically, if you choose a lower number like 3 etc. you get more pictures, anyway I usually keep it around 7 more or less...
once we have the frames saved, I go look in that folder and organize them in smaller files with the frames that I want to use for the gifs like this:
you can also just upload them all if you want and cut them after but it will probably crash photoshop and for me it takes more time than what it's saving!
okay now, put that aside and open photoshop, then go in file -> script -> load files into stack
it opens this (sorry I have it all in italian and can't change it) - make sure you open a folder instead of single files by changing from ''files'' to the other option which should be folder I think idk the translation in english now I hope it's correct lmao - then go in ''browse'' and find the folder inside your pc where you saved the screencaps - select the folder and click ok, it opens them up inside the little square - then you click ok again here, and it will open them inside photoshop
you need to make sure you have the ''timeline'' window enabled, go in ''windows'' (finestra) and find where timeline is and click it so that photoshop will show it, you also need to have the layers enabled (livelli)
(then after you can also create actions so you can do stuff faster because you just need to record it once, and you can then click that and Photoshop does it for you)
once you have that, you need to click ''create frame animation'' that you can find where you see the ''create video timeline'' just click on the little arrow down and change it, then click on ''select all layers'', you can find that option in the part of the options up near where the window option is - it should say select -> all layers
then go down again and go where the arrow says here:
open that and click ''make frames from layers'' and it will open the frames in sequence inside the timeline, once you have that click on ''select all frames'' and ''invert'' them - you find both options inside the same place where the red arrow is pointing in the previous screenshot I put here... now you have them in order and you can play the preview if you want - with the play options, but you need to choose the speed - select all the frames again and then open the little arrow near the 0 sec - which will open this where you can change the speed - I use either 0,1 sec or 0,05 - to put 0,05 you open the ''altro'' and personalize it how you want - try to see what looks the best by trying with the preview of the animation
once you have the speed you want, make sure you have the loop enabled with '' forever'' - then I crop the image how I want the gif to be, use the crop option, decide how you want your gif to be etc and then click the ok button, and it crops the whole gif
okay after this I do the sharpening of the gif, select all the frames again - then go here
click that and then select all the layers again like before, then go in '' filter'' right next to select - always in the section up on the left of the screen - open filter and then convert in smart object (filtro -> converti per filtri avanzati - sorry I'm not sure if my translation is the same as photoshop so hopefully you find it )
click that, then go in filters again then in ''sharpen'' -> smart/advanced sharpen -> then I do this 2 times
the first time I use these parameters
the second time I use these (basically repeat the process - sharpen - advanced sharpen - and copy the numbers you see here etc )
you can save these so you don't have to put them every time - after you put all the numbers click on the little arrow where you see ''SH1'' and do the ''save '' option and name it as you wish - so the next time you go to sharpen you have it saved already -
anyway do this ''sharpen 1'' and then ''sharpen 2'' - you can also mess around with the values and see in the preview what looks the best to you, sometimes these are not the best depending on the quality of the images, there are other ways to sharpen, I found this tutorial here too if you want to check it out (again my own knowledge comes more from trial and error)
okay now that we have sharpened our Queer Mike Wheeler gif we can modify the size of the image, if you want to post it on tumblr I use 540px, but you can make them smaller if you want - look up the best size for tumblr gifsets on google
so go in ''image'' -> modify size -> and put 540px
basically change whatever number is in there to 540 then do ok, and it will resize your GIF
then we can start the coloring, I found this tutorial already made, it's always the same thing anyway, you just have to mess around with the options and see what looks the best in your opinion, this is like completely personal, you do what you want!
once you're done with that you can see them there
and you can even copy them to the other GIFs you will make if you want to have the same exact coloring for all of them, you just drag them to the other GIF file, keep them both open and drag (for example ''valori tonali 1'') them in the ''layers''(livelli) square of the other file, and it copies them on top of your GIFs doing the coloring again - or you can save them with the actions too if you want -
now to save the GIF go in file -> export -> save for web
put these parameters (I'm sorry, I do not know the translation for this ç_ç )
make sure it's not bigger than 9.7 M - make sure that you have the loop enabled on forever, test the preview and then save it, name it as you wish and keep the .gif format
IF your GIF is bigger than 10mb you can trim it after, basically save it anyway then open the GIF in a new Photoshop window by dragging it inside the program, you have all the frames on the timeline, every few frames delete one frame, then skip a few and delete another etc - then save the GIF again with the same process as before and check if the MB has reduced, make sure to check the animation because if you eliminate too many frames the GIFs speeds up too much, and it looks superfast like a hamster on drugs, and you don't want that, usually to avoid this try to not have too many frames when you're starting to make the GIF, I try to use less than 80 frames, or cut the GIF if the scene is too long, and it usually stays under 10mb - basically you can't upload it on Tumblr if it's bigger than that -
anyway... that's it!! here's our sus Mike Wheeler gif
Let me know if you need help with anything and if you use this, tag me in the comments because I want to see the GIFs you made!!
I'm sure you can find better tutorials online, but I tried my best lol enjoy and happy editing!!
hi sending much love after this terrible race weekend </3 i'm trying to learn how to make gifs and was wondering how u do ur colourings?? they always look so nice 🥹 or what's your general process like? ty 🙏🙂↕️
hi thank you so much for checking in, i haven't fully recovered from canada but i'm doing okay. let's say i'm less angry about it and i'm trying to remain hopeful for the rest of the season. i hope you're okay as well 💘
thank you so much for liking my gifs! i am not the best person for tutorials, i'm usually shit at explaining but i can give you some basic pointers. i'm not super skilled with photosop, so i use the most basic settings to colour my gifs, like
luminosity / contrast
exposure
color balance
selective color
for example, for this george gif, i used the following settings (sorry my default language in photoshop is italian, i hope you're still able to understand it, the settings are the one i listed above, in order)
luminosity / contrast and exposure:
color balance (halftone and highlights, again not sure this is the right terminology in the english version):
selective color (i love giving some red tones to neutral colours, they usually make the gifs a lot more soft looking):
and these are my sharpening settings. i use smart sharpen -> amount 500 and radius 0,4, then i select gaussian blur
there's literally nothing else i do (mostly because i don't know how to use other settings), the only feauture i sometimes add is "curve", which i use in order to fix excessively yellow lighting. also colouring highly depends on the starting material, sometimes you have to use a lot of layers of colouring, others a couple would be enough (like luminosity and exposure). you can do many trials and see what method works better for you! there's no standard procedure for gif colouring.
i can suggest you these tutorials, they're super helpful if you're a beginner.
(1) Hi so I’ve had a couple of anons asking me how I make my gifs (some specifically hsmtmts gifs lol) so I’ve decided to write up a... – @galindaelphaba su Tumblr
Challenge: From your creations, choose GIFs and do a split of before and after adding colouring!
Thanks @steveroger for the tag and for the colouring tutorial! I learned something new today :D
Giffing is fun :)))
I don’t think that I have one specific style or process of colouring thing, each scene/gif is different. That said I do tend to challenge myself nowadays to the darkest scenes possible, cuz I like to torture myself and want to see things.
It’s mostly just tries and errors. Discovering Channel mixer was a revelation. Thank you @kiraslight
My gifs are simple in composition, non-talking and big. I LOVE making big gifs.
As for colouring it’s more about removing something than adding.
Like here all blue was removed to make sunlight more vibrant.
I’m getting really tired of all those bleak and ugly colour-filters in the movies.
Like the greenish blue
or yellow
or purple (who the hell does that???)
Sometimes I just remove all the colours completely :D
So yeah.... big b&w gifs are my love :)))
I think it’s very good that the gif-makers can actually show what they are dong in their gifs. Layers of layers, masks, filters... to fix, to enhance, to show, to make pretty.
People tend to think it’s easy, not timenerves consuming and it is not. It’s hard, it’s a lot of work. That’s why reposting really hit the nerve :(
I am tagging some giffers, no pressure but I know you want it: @kiraslight @anakin-skywalker @ewan-mcgregor @pajamasecrets
COLORING/BRIGHTENING TUTORIAL [ requested by an anon ]
so i don’t think i got what anon wanted, but i had a bit of fun anyway. mind that i’m sick and coughing and my head is about to explode, so i may be a tad incomprehensible.
(as for sharpening, i mentioned the action i use here)
(all i use is brighten/contrast, hue/saturation, vibrance, selective color, levels, and sometimes curves about which you can read here )
1. ugly yellows
so i have this gif i want to brighten but also make it look more human than instagram-colored.
the one thing you want to do here is to play with saturation and its color ranges, then tone down everything, and then bring up and tone what you want.
this is what i almost always do, sometimes i double the layer, sometimes i change the opacity to 70 or 50%. thanks to this your gif will be brightened but not as if a lamp just appeared in front of the person of the gif and made white dots on their face. it brightens everything evenly.
then there go:
and the effect:
2. easy coloring
on this gif i have an easy job to do. i have blues, and blues, i think, are the easiest to play with.
what you wanna do here is basic brightening and then toning down everything. then bring up what you want to bring up. it’s important when you color gifs with people because without this you’ll orange or yellow the hell out of their faces if not careful.
so brighten it, and then:
(changing the blending to ‘color’ allows you to color evenly, it kind of blurs the color instead of bringing it up pixelized much)
and duplicate the last layer
effect:
additionally, if you use hue/saturation, you can play with the blue:
3. blues blues plus saturation
in this one i can afford myself saturation. it’s also easy with a lot of blues, but it still has people in it. i find it the most difficult to partially color gifs with people in them.
the road:
and the result:
4. so, uh. greens.
greens are the weirdest because you want to get them right. depending on a situation, the green will change. as for mysterio, we can go into the military-esque greens. if it was grass, we’d go for yellowish.
because the gif is already bright, i go down with the brightening layer’s opacity.
double the selective color layer, change the opacities of the SC layers to color.
and the result:
_____________________________
on a final note, i’d like to say that coloring takes experience. you play with ps a lot and you learn. you can change the color of your gif with the hue/saturation layer, you can change the hell out of the gif with curves. try it all and avoid making people’s faces orange.
How to properly give credit when reposting my gifs
I’ve had some issues in the past where people have reposting my gifs without credit, i usually see that their posts end up gaining lots of likes (we’re talking 10k+) and they have not linked anything to my OG posts.
Anyone who makes gifs knows that these take time and effort to make. I dont consider myself strict with these rules, they’ve very basic and its just doing the bare minimum of showing respect for creators in fandoms.
How to give credit:
If you are uploading them to Twitter/X and pinterest, add the original link to your post. For example if you repost my gif onto twitter, you can put the link in the thread. NOT my @, the link.
Regular gifs with only few edits to them. This includes colouring and sharpening. Can you repost? Yes. Is credit required? No, but it would be appreciative.
Gifs that include gradients and text: here are 2 examples:
Can you repost? Gradients yes, texts no. Is credit required? Yes, put the original link of my gifset post in your post/thread.
As you can see, these rules are basic, it doesnt take much to just put a link.
how do you make gifs? your ayca ones are stunning and so clear!
hi lovely! thank you so much 😭 i’m really glad you like them! i usually use 720p or 1080p clips. i record them with quicktime player (for those who use a macbook). you can always use a converter too, though. here’s a website i found! i make my gifs in photoshop. i sharpen my gifs before i color them. here’s the sharpening action that i use made by @rubyredwisp but you can also find more sharpening actions right here. and if you don’t know how to add a sharpening action(s) to your gifs here’s a tutorial about how to sharpen your gifs by @osvaldrps! another gif sharpening tutorial i found is made by @baharsahins. and as for the coloring, i really play around with contrasts, color balances and lightenings because not every lighting and coloring of the scene is the same (this is really a challenge.) here’s a tutorial on how to add coloring to your gifs also made by @baharsahins, i follow all these steps to make my gifs! if you need more help with anything don’t hesitate to ask! ♡
