Every Episode of Itās Always Sunny in Philadelphia
2x01 Charlie Gets Crippled

seen from Malaysia
seen from Malaysia
seen from United States

seen from Malaysia

seen from Malaysia
seen from United States

seen from Malaysia
seen from United Kingdom
seen from Malaysia

seen from United States

seen from United States

seen from United States
seen from United States

seen from Malaysia
seen from China
seen from China
seen from United States
seen from Türkiye
seen from United States
seen from United States
Every Episode of Itās Always Sunny in Philadelphia
2x01 Charlie Gets Crippled

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ⢠No registration required ⢠HD streaming
TROBEDISON + EVERYTHING HAS CHANGED by Taylor Swift [ lgbtqcreators 6 month gift exchange | for @maygrantnash ]
@pscentral gif(t) exchange THE BEST OF DONNA & THE DOCTOR (Part 2) for @stardewdiaz
Says who? Says me.
@pscentral gif(t) exchange THE BEST OF DONNA & THE DOCTOR (Part 1) for @stardewdiaz
Well, just as well, because I'm not having any of that nonsense. I mean, you're just a long streak of nothing. You know, alien nothing.
Hi there! I have never gotten around to make a gif tutorial because there are plenty of good ones out there and I suck at explaining things. Back when I basically use my side blog (@marvelsaos) as my main, I didnāt get that many questions regarding gif making, I presume because many people who followed me there werenāt gif makers. But this year, I finally come back to my real main blog and started posting more gifs over here. This blog is where I mostly follow gif makers and is mostly followed by gif makers. I have gotten a lot more ask on how to achieve certain things in my gifs, most notably my recent Winnie The Pooh set. And this is why I decided to make this post. This is by no means a tutorial, just a post sharing my giffing journey and the things I do in gif making that might be of your interest.Ā
ā¼ļøTons of rambling below. Text, image & gif heavy. Proceed with cautionā¼ļø
Table of Contents
Introduction
The Basics Everything about making a simple gif from start to finish
How to optimize your giffing process
The more advanced stuff? āRecolouringā & rotoscoping in After Effects
Tutorials mentioned in this post
Acknowledgement
Feel free to jump to any section you find useful. Most of the ramblings are in the introduction.
1. Introduction
i. How I started You thought that was the intro?! Iām the kind of person who someone would know for a decade without hearing me say a word, and when I finally spoke (usually about stuff that Iām passionate about) I just go on and on and on and it shocks people to no end. Iāve been on tumblr 10 years now as some of you might know Iām doing my 10 year celebration, but I didnāt start giffing until about 7 years ago. And I just realised I have never properly introduced myself. Hi! My nameās Winnie and my username across all social media is Ms_Stanatic. Before I started giffing, my main fangirling platform was IG, and boy Iāve got sooooo many accounts I donāt even remember all of them, the bigger ones were mofy, ouat & aos related, and these days Iām giffing all of my old favs for old time sakes. If you happened to know me back then, drop by and say hi. It probably felt like I drop off the face of the earth when I quit IG. The show that got me started on giffing was, as some of you might know, Agents of SHIELD. @marvelsaos was myĀ āmainā blog for the first 6+ years of my giffing journey. Now thinking back it was because I finally got my first laptop when I got into uni and didnāt have to make edits on my android phones anymore. But at the time, all I wanted to do was to capture Melinda Mayās eye rolls and actions and static images just werenāt doing it for me anymore. And thatās how I embarked on the journey of gif making.
ii. Tools/ Softwares I used I had a Macbook air back then, and finding a cracked photoshop for mac was kinda hard, so I had to settle with GIMP. Without the GAP plugin may I add because I do not know how to install it till this day, so it was just pure nightmare. Making gif in the beginning was the most tedious thing I ever did, Iāll explain a bit more later on. The giffing community felt very different back then. I donāt know if itās because I wasnāt aware or because I wasnāt in it. I felt like there wasnāt as many giffing tutorials on this site, and all I kept seeing was people sharing their psds. It might have been useful if I had photoshop but I didnāt. So the idea was that you can just open up the psd files and drag the adjustment layers onto the image stacks that compose of your gif, and the adjustment layers would affect all the layers beneath it. Not with GIMP though. In GIMP, the adjustment layer(s) only affect the single layer right underneath it. You heard me right. At that time the gif size limit on tumblr was 2mb, a gif I made is usually 20-30 frames/ layers. So I had to duplicate the adjustment layers 20-30 times, them move them right above each image layer. And if I donāt like how it looks, I had to do it all over again. This is slowly turning into a rant but seriously thinking about it gives me headaches. Also, did I mention I didnāt even read up on tutorials and stuff, I basically just googled everything I needed, how to screencap, import it into GIMP, crop & resize, how to use curve, then lastly how to export. No sharpening, no nothing. I didnāt even learn about recolouring like less than 2 years ago (my AoS peeps know which post Iām talking about š). This went on for about a year or two, then uni got busy and my life basically went downhill. Somehow, AoS pulled me out of that deep dark hole and get me back on my feet againĀ also because I finally graduated but Iād like to think itās my love for tv that saved me. I got a bit more time on my hand, I decided to go back to giffing and this time I was determined to get GAP installed on GIMP and have it working. But alas I have failed once again. It was around that time I found out photoshopās older versions like cs5 was free to download, so I got that instead and finally begin giffing with photoshop.
Moral of the story: Try your best to get photoshop for giffing. Itāll save you so much headache.
And my story didnāt end there. While I was using cs5, I think many people have switch to photoshop cc which has the timeline function for things like smart sharpen (which was a major topic back then) and keyframes (which is what I heard people talking all about these days). Even without timeline, photoshop is definitely a step up from GIMP personally and I managed with a workaround on the smart sharpen function thanks to Julie (@doramilaje). Side note, all the gif makers (beginners & experienced alike) Iāve talked to are all such amazing people. They put so much energy into this craft and are more than happy to talk to you about it when asked. So donāt be afraid, just ask nicely. And maybe go off anon, you might make a friend or two. 2019-20 were probably my most prolific giffing years, I giffed non stop every single day as if it was my full time job. For me, it was something small and easy to complete and it kept my days going. And eventually my Macbook Air that Iāve been using for 5 years was starting to give up on me. And when I upgraded the OS system to Catalina, it no longer supports cs5 and I was devastated. I eventually got my hands on photoshop cc 2020, and in some ways I re-learnt how to make gifs again (like for the third time?). I knew it was about time to get a new laptop. And now that I know Iām gonna use it for some heavy duty, and I didnāt want to get another macbook because Iām just not that crazy about it and at that time I wanted to use avisynth (more on that later) which was only available on windows (I didnāt know how to install vapoursynth on my macbook ok?). Eventually I got a gaming laptop with a 10th gen i-7 processor and a Wacom Intuos Pro using my siblingās student discount. I got the Wacom tablet trying to get into digital drawing, but eventually it came in super handy with just day to day editing and especially recolouring.
Moral of the story: Start with whatever youāve got, then upgrade your equipment when youāre serious about it.
iii. What Iām doing now? This year has been kinda different for me. In the past, it has always felt like Iām on my own sitting in front of my laptop churning out gifs 24/7. This year, Iāve joined a couple other blogs and gif maker/ ps user networks, learnt a whole lot of new things and diversified my giffing content (I have been giffing AoS 99.9% of the time non stop previously I kid you not). And Iāll be back in school for my part time masters a month or two later, so who knows how often I can gif. I donāt ever wanna stop giffing but I know one day I will, and before that day comes I just wanna share some of my memories with you guys on this hell site. So, basically all that led to this post.
2. The Basics
Iām gonna assume you have a bit of knowledge about gif making. If youāre a complete newbie, Iāve tried my best to link some tutorials to help you understand or get started. And donāt get intimidated by the length of this post. Even though a lot goes into gif making, once you get everything sorted and find your routine, itāll become second nature. The following is simply my workflow of gif making. It is by no means the right/ better way of gif making. Everyone does things a bit or drastically differently, Iām just here to share my process in hopes that someone might learnt something new or find something interesting. If I got something wrong, feel free to inbox/ message me and address it politely, since I didnāt exactly started out giffing with clear directions, I do get some of the fundaments wrong. And I am no expert in photoshop or any editing software, itās more of a learning as I go sort of thing. So just take everything with a grain of salt. With all the disclaimers out of the way, here come the things youāre probably here for.
i. Video source Thereās one simple rule, go with the most HQ one, Iām talking 1080p or 4k and make sure itās the biggest in file size because not all 1080p are created equally. Hereās a post by Taylor (@kylos) explaining all of that and where to download as well. For the most part I just use 1080p because I personally canāt tell the difference but Iām sacrificing a lot of time for a 4k video to load/ process. Itās only instances like these I would use a 4k source.
(gif taken from my set here)
Downloads are gonna take up space but you probably want to keep them if you might gif the show/ movie in the future again since you already spend all that time downloading, so you might need to invest in some hard drives for this. I used to use my uniās unlimited gdrive plan which was available even after I graduated, but after Google cancelled it I was in huge trouble. I save pretty much all my hd downloads and all my psds & gifs. Iāve recently got a WD Elements 12TB just so I can transfer all 6+TB data on my gdrive to there with space left for the next couple of years.
ii. Screencapping vs Video clipping So there are a couple of ways to go about this that Iām aware of.
screencapping with mpv (tutorial by Taylor) or other softwares
video clipping with handbrake (hereās an in depth tutorial on gif making including clipping with handbrake by Nums @cillianmurphy), vlc, km player, etc.
video clipping + cropping + resizing with Vapoursynth (download here | tutorial by Em @realstraykids)
I have tried all of the above. I started with screencapping till around late 2020, when I found out about avisynth (now replaced by vapoursynth) and finally got my hands on a pc where I can download it. I was using screencaps for a really long time because older versions of ps donāt have timeline, I would end up having to convert the video back to frames anyways so why donāt I just import screencaps as is. I think itās the same logic for me now, because I start all of my editing in timeline, so itās just quicker to import video clips for me (especially when comparing screencapping with mpv vs video clipping with handbrake). From late 2020 till now, I mostly use avisynth/ vapoursynth. There should be less detail lost when resizing using vapoursynth compared to ps. Personally, I think ps does a pretty good job and I wouldnāt say vapoursynth is a must, it just happens to be a video clipping and resizing two in one tool for me. Vapoursynth has additional denoise & sharpening tools, but I just couldnāt quite get the setting right to incorporate them into my giffing routine, so I stick with ps for those purposes.Ā Hereās a comparison for you if youāre thinking about using it. On the left is how I used to gif without vapoursynth. I did the same thing for both gifs except for sharpening, because the clips from vapoursynth just look slightly sharpened to me so I compensated with more sharpening on the left. Honestly, now looking at it side by side I actually like the one without vapoursynth more š Iāll let you decide for yourself. Also, when Iām doing a huge compilation set where there are a lot of gifs and they are basically tiny and I donāt really have the dimensions in mind yet, Iāll just go with video clipping. Itās faster and I can resize it later.
iii. Resizing
There might be reasons why you donāt want to use the W x H x Resolution crop for your gif, because in the image size panel you can actually choose how you want your resampling setting. Normally I just go with Preserve Details 2.0, and set reduce Noise to 100%.
iv. Sharpening
Once I load my clips into ps, the first thing I do is add smart sharpen to them. For the longest time I only sharpen once. Hereās a sharpening tutorial by Ava (@anya-chalotra). I think those settings are mostly what people use and if youāre new to this you should probably stick with that. But Iāll let you on a secret (not a secret anymore now thatās in the open), I donāt do the whole over sharpen then blur it out thing, I just sharpen to the amount I like. This is coming from someone who spent the first 2? years giffing without sharpening, and when I do realize people sharpen I didnāt even look/ properly follow a tutorial on how to do it. I just knew smart sharpen is a thing. So, Iām sure thereās good reasons why you should sharpen to 500% then add gaussian blur and you probably should do that too. Prior to using vapoursynth, my settings were like radius 0.3, amount 100%-200%. With vapoursynth, I find it slightly sharpens my clips so I go with radius 0.3, amount 50% like 90% of the time. Then thereās the second sharpen thing if you noticed in my banner gif which I learnt from Sidās (@sidonidoneeey) tutorialĀ recently. I think it adds more contrast & definition to the objects in the gif.
Hereās a comparison for you to decide for yourself. I tried the max sharpening then add gaussian blur method in the second gif, and Iām still not quite convinced.
v. Colouring This I would say is pretty much the essence of a gif makerās style. Again, everybody does it differently, different gif makers swear by different adjustment layers. Here are some tutorials for getting rid those difficult colour cast:
Kateās (@dewandawise) channel mixer tutorial
Airamās (@magnusedom) colouring tutorial
The best/ most experienced gif makers I know all swear by channel mixer so you should definitely check out Kateās tutorial. Personally, my routine adjustment layers are like the ones in the banner gif. Levels ā (+/- Curves) ā Colour Balance and/or Selective Colour and/or Hue/Saturation ā (+/-Vibrance). Then repeat any of those if necessary.
Levels: Personally, I always start my colouring with levels. When I first started giffing, all I heard about is curves and I spent a lot of time fussing around with it not knowing what it actually does. Until I found out about levels. It is way easier to understand than curves and very suitable for beginners in my opinion. You basically drag the right most arrow to meet the right side of the histogram. What youāre doing is telling ps what value in the gif you want to be the brightest (aka white), and everything beyond that value is going to be white as a result. You do the same thing on the left, and in this case defining the darkest/ black in your gif. I find this to be the simplest way to brighten and add contrast to gifs. The results as you can see is night and day.
Curves: Curves can basically do what levels do but more. See those two arrows under the histogram in curves (right), they basically do the same thing as what I just showed you in levels (left). And then obviously you can manipulate the curve to get your gif how you want, but honestly I still donāt fully understand what curves is so Iām not gonna try and explain that to you. What I can do is show you some other neat tricks you can do with curves.
You can click on the hand with the pointing finger icon, click and drag up to brighten or down to darken on any area in the gif youād like to edit.
Another thing I like to do is click on the white (last) or grey (second) eyedropper, then click on an area where you think should be white or grey to get rid of any unwanted colour cast. This video tutorial goes more in depth and is more of a proper way of doing it, but I just donāt bother with doing all of that normally. So here you can see I click on the grey eyedropper, than I clicked somewhere in the background I think should be grey, ideally further away from that blue light beam behind her because everything near that is just gonna be more bluish. And you can see immediately the ground has less of a cyan tint and thereās more red in her skin. Sometimes, you have to try a couple of different places to get the best results. Sometimes, it just wonāt work at all.
You can also Alt+click on the auto button, and a panel shows up. Click on them and see if any of those works for you. But normally I donāt use this because I have already enhanced the brightness and contrast with levels.
Once I get my overall values how I like it, I go into colour correcting. Usually nothing drastic, just trying to get rid of any colour tint and get the gif to look more neutral in colour. My go to are colour balance, selective colour and hue/saturation.
Colour balance: This is usually my go to to adjust the overall tone of the gif, and the panel gives a good visual of rgb vs cmy.
Selective colour: This is when I only want to adjust the tone of a particular colour without affecting the rest of the gif. I usually go to red the most to adjust charactersā skin tones. Also, people often ask if they should use relative or absolute mode. I would say for simple adjustment I would go with relative because itās more subtle, but for major colour change and I want it to really show Iāll go with absolute.
Hue/Saturation: This I usually go in and click on the hand button then click on wherever in your gif you want to change the colour. Slide the hue or saturation slider around till youāre satisfied. If you want to, say, change your background to a single colour, check the box colourized. And slide the hue slider to your desire colour. Then paint black over the object in the layer mask to preserve itās original colours.
Also, that slider you see right there. The center light grey region is where the colours would be affected by the changes you made. And the two darker grey regions flanking it are sort of a buffer so the colour transition isnāt as stark if it makes sense. You can basically slide those sliders closer to each other so the adjustment affects a smaller targeted range of colours. You can always crank the saturation to the max to see what part of the gif youāre changing the colours of.
Photo Filter: This is a cool one that I learnt about recently. You can basically apply a warming/ cooling filter to quickly change the tone of the gif. Sometimes it helps with getting rid of that last bit of an unwanted colour filter.
vi. Blend modes Do you know that you can change the blend modes of your adjustment layers to get a different result? I donāt think a lot of people do this, I donāt either most of the time. But there are a couple ones that you might find helpful.
Screen: This will brighten up the gif a lot, could be helpful with really dark scenes.
Colour: When I want my adjustment layer to only affect the colours but not the brightness of the gif.
Luminosity: When I donāt want my adjustment layer to affect the colours.
Hereās a video explaining all the blend modes in photoshop.
vii. Denoise & Clean It was from the same post that I learnt about avisynth that I found out about Topaz Labs, particularly their denoise plugin & clean plugin. I wonāt go in depth into that because Iāve tried it a couple of times and couldnāt get the settings that work for me and it is very time consuming. But if it is something you want to try, hereās a post of the user sharing her topaz settings. What I actually want to talk about is Camera Raw in ps. I normally add my denoise filter after I coloured the gif, because all the brightening and saturating the gif with colours add more noise to the original clip itself. But if a scene is particularly grainy to begin with, Iāll add a denoise filter right after sharpening, add my adjustment layers, then another denoise filter if necessary. Also, if you want to keep more details in the certain areas like the hair of the characters, just take a soft round brush and paint black in the smart filter layer mask. Go to Filter ā Camera Raw Filter. The denoise function is under the tab Detail. I usually only move the noise reduction and colour noise reduction slider, and keep the detail at 50.
Thereās so much more you can do with camera raw. Hereās a tutorial by @michietutsā on how to colour your gifs with camera raw. I actually completely forgot about it until I went digging for tutorials for this post. I think the reason why I never got into using camera raw to colour gifs is simply because thereās too many sliders and itāll take a long time to figure out what works, so I just stick with what worked for me.
viii. Convert to frames & export After I add all my adjustment layers and denoise filters, I normally convert it back to frames for further editing because I find it takes so long for the video to play in timeline mode. Itās just easier for me to gauge what I want to do with the gif in frame mode, such as whether more adjustment is needed, or how I want to crop my gif. I know a lot of people would just edit everything in timeline mode, and convert back to frames as a last step to change the delay to 0.05s before exporting. You can do it however you want. Itās just spending so much time with cs5, Iāve grown accustomed to editing in frames mode. Here is my export settings:
For most people, itās the choice between selective vs adaptive and diffusion vs pattern. Personally I prefer how adaptive pattern looks and I rarely change it across different gifs because I have my export action automated. Thereās more explanation and comparison in Avaās tutorial here.
ix. Subtitles The majority of gifs I make are what I callĀ āscene editsā. Not that Iām lazy or anything and donāt want to be bothered with making fancier gifs, itās just what I like to do. Especially when giffing a show I havenāt giffed before I always start with making plenty of scenes, to the point where I can recall just about any scenes from that show when I want to make a fancier gif set. So Iām just gonna share me text settings for the subtitle, show you how I center the text box to the bottom and how to duplicate it to the rest of your files. Press T for the text tool, and type in whatever subtitle you need. Here are my subtitle settings:
Alt+A to select the whole canvas then press V for the move tool. Then select align horizontal centers and align bottom edges.
Now that you have your text centered at the bottom, you might want to style it. I usually go for a stroke outside the text, some people op for drop shadow or both. Right click your text layer and select Blending Options... Check the Stroke box, change the size to 3px, position to outside and colour to black.
To duplicate text box to the same exact position in another gif, right click your text layer and choose Duplicate Layer... Then choose whichever document you want to duplicate to and press ok.
And of course I have my text duplication automated, so the text would show up in all my gifs in a matter of seconds.
x. Recap
3. How to optimize your giffing process
i. Actions This one single function in ps is gonna save you sooooo much time & energy my friends. If youāre a chronic giffer like me, you probably spend all your time starring into your computer and just clicking away like a manic, especially those times when new episodes drop and everyone is trying to get their gifs out there as quick as possible. Let me tell you, life before I found out about actions was miserable. Back then, my laptop was even slower, so maybe after I did one thing I had to wait for it to load, then repeat the same process to the rest of the gifs in the set, which is normally 10 in total. I had to grab my laptop with me during meals because I basically couldnāt walk away from it. Actions was a lifesaver, especially for things youād routinely do when making gifs like sharpening, resizing, denoising, convert to frames, export, etc. You basically use actions to record yourself doing it once, and you can just hit play every time you want ps to do it again. And to take it a step further, you can automate ps to play that action on all the opened files. You then record that automation into an action, then voila you can sharpen/resize/export all your gifs in one click. Now, I can click automate convert to frames, go out and eat dinner and come back to it.
Now here are my actions. I know the naming doesnāt make much sense to you, but basically I have actions to automate sharpening, denoising, converting to frames, setting frame delays, exporting and saving. And yes, I do regularly hit that automate save button so I donāt lose everything when my ps crashes. Then thereās actions for formatting subtitles, duplicating layers, pasting frames after or over frames. I think this covers about everything I use on a daily basis.Ā Hereās how you record an action and automate said action. (Left gif) First you click on the folder icon to create new set, name it and click ok. Click the + icon to add new action, name it and press record. Then you do whatever you want to record, and when youāre done click to stop button to stop recording. (Right gif) To create an automation of the new action, click the + icon to add new action, name it and press record. (Third gif) Then go to File ā Automate ā Batch. Choose the set the action you want to automate is in, then choose the action. Click ok then stop recording. Now you have an action to automate the previous action you made.
(gif below) The box on the left of your action is the dialog on/off button. Basically if you check it those dialog boxes will pop up every time after you played the action, which is good if you want to customize every time but not so much when your goal is to click one button and let it run across all gif without interruption. I check most of them off except for the denoise filter which I do want to customize for each gif. To get the action panel to look like the one I showed in the first picture, click on the little button on the top right corner of the actions panel and choose button mode. And youāll get to play an action by simply clicking on it.
ii. History
There are a couple of things I do in this panel. Have you ever make an adjustment, undo, make a new adjustment, and now no matter how many times you hit revert you just canāt get back that first adjustment you made? Thereās a simple fix in the history settings. Click on the little button on the top right corner of the history panel and choose History Options, then check the boxĀ āAllow Non-Linear Historyā and click ok.
I often like to use the history to go back to previous adjustment, because I can see clearly what has been done (sometimes I click on the wrong button without knowing) and I can go further back without keep hitting Crl+Z. You can also click on the camera icon in the bottom right to take a snapshot of the current process/ step of the gif, so in case you donāt like some changes you make, you can always go back to that snapshot. Or you can take snapshots of different adjustments you made to the gifs, then you can quickly compare how they look by toggling between snapshots.
iii. Keyboard Shortcuts Know/ customize the shortcuts for things you often do, such as Crt+Z for undo, T for add text, V for move, Crl+A for select all, etc. Itāll save time & effort in the long run. To customize, simply go to Edit ā Keyboard Shortcuts.
iv. My Workspace Iām the least organized person I know but I still want to talk about my ps workspace. Itās been structure to fit my giffing needs. Basically all the panels I need are there, and I maximize my space for the document window and timeline.
If you go to Window ā Workspace ā New Workspace, you can save your current workspace as a preset. So maybe if you moved things around or accidentally closed some panel that you donāt remember the name for, just click on that preset workspace, or if it says youāre already in that workspace click resetĀ āwhatever the name of your workspaceā and your workspace will be reset. Thereās mainly 2 workspace I toggle between, one for giffing and another for digital painting.
4. The more advanced stuff?
i.Ā āRecolouringā Iām not gonna spend a lot of time on this part because the next part is actually what I really want to talk about. But Hue/Saturation is going to be your friend if you want some major colour change. Then add a gradient map over it for good measure. Iāll link some tutorials for you if you donāt know what I mean.
Beccaās (@yenvengerberg) mega colouring tutorial
Kateās tutorial on @usergifā (āthereās all sorts of gif tutorials in their resources directory, go check it out)
People would always tell you to find gifs where the character barely moves or the background is of a contrasting colour to make the process easier. Now, with timeline youāve got keyframes to help with slightly more movement. But what if you want to make something like this gif below? šØ I made this during my earlier days of recolouring (which was not that long ago), and the only thing I could think of was colour it frame by frame. This gif has 73 frames. There are 8 gifs in this set which I had to all colour frame by frame. It was a long and tedious process I tell you, but the results, in my humble opinion, is stunning!!! But what if I tell you it can be done without colouring it frame by frame and it only takes a fraction of the time I spent?
(gif taken from my set here)
ii. After Effects & Rotoscoping The reason I started using after effects was for this gif set. I got a gif request and my inspiration was the intro from the youtube channel sortedfood. Hereās how one of the gif looks like.
See the character cut out on the right? Basically the same thing in my recent Winnie the Pooh set. In my first trial, I was trying to do it frame by frame on ps like I always did, but there was no way I could get it looking smooth, it gets very jagged when the background was a completely different scene. And with some googling, thatās how I found out about rotoscoping on after effects. This is the youtube tutorial I learnt it from and the one I send it to people when they ask me how I do character cut outs like that. Iāll try to quickly show you how I do it below, but please refer to that video if you want more details. Usually I export my gifs as videos in timeline mode in ps, then import the video into ae. After Iām done, Iāll export the ae file as video, import it back into ps, convert back to frames and do the rest. Here are my steps to rotoscoping:
Double click the layer youād like to work on. The layer window should pop up and that is what you want to work with.
Click on the Rotobrush tool and paint across the object you want to include. Always paint across, not outline.
I have my roto brush set to version to 2.0, and I would change the quality from standard to best.
Continue painting until everything is included. Alt+drag to deselect unwanted parts. Hit spacebar when done and let it run.
You can change the properties of the roto brush selection in effect controls.
If you want a more detailed written explanation than this. Go to adobeās help page on roto brush here. Once you have the cut out of the object you desire, there are many things you can do with it.
Duplicate the original layer, change the colour of the bottom layer as aforementioned. And now you have a gif with a different coloured background.Ā
Or you can have a different background (either a solid colour or a different video/gif)
You can have text behind the object, etc.
You get the idea. (This is a simple demo, please excuse the quality and choppiness of the gif)
Now youāll never recolour gifs the same way again.Ā Hereās a Kate & Yelena gif for you guys (even though itās not the best, couldāve blurred out the edges a bit more but itās still pretty damn awesome and I wouldnāt have coloured it like that if it wasnāt for ae)
(gif taken from my set here)
Hereās another gif I made with AE from this set. The possibility is endless and Iām barely scratching the surface. I can do a separate AE tutorial if you guys are interested. Let me know in the comments or tags.
5. Tutorials mentioned in this post
i. Text tutorials
@kylosās film downloading and screencapping tips for making gifs
@kylosās gif tutorial
@cillianmurphyās giffing 101- your ultimate guide on how to make gifs
@realstraykidsās gifmaking with vapoursynth tutorialĀ
@anya-chalotraās sharpening & exporting tutorial
@sidonidoneeeyās sharpening tutorial
@dewandawiseās the beginnerās guide to channel mixer
@magnusedomās colouring tutorial
@yenvengerbergās mega colouring tutorial
@usergifās how to change the background of any gif tutorial
adobeāsĀ Roto Brush and Refine Matte
ii. Video tutorials
PiXimperfectās Color Correction with Easy "4-Point" Technique!
PiXimperfectās The Science of All 27 Blend Modes in Photoshop!
@michietutsāās How to Color Grade Gifs Using Camera Raw
C.M. de la VEGA ās Get the Best Results with Rotobrush 2
6. Acknowledgement
Thank you so much to the authors of all the amazing tutorials, everything was so eloquently written, well explained and easy to follow. And a huge shoutout to the people at @pscentralā & @womenofmcuā. Our conversations on gif making have prompted me to write this post. Iāve learnt so much from the people at psc and thank you Ace & Val for creating this place that I didnāt even know I needed. It is one place I feel truly belong. So If anyone is interested in gif making, come join us at pscentral. And thank you to the ladies at womenofmcu for being so nice and welcoming, always love chatting with you lot. Last but not least, Iām patting myself on the back. For someone whoās terrible with words this is one hell of a long text post.
As always, happy giffing!

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ⢠No registration required ⢠HD streaming




