Photoshop:
Photoshop CS5 Extended (x) (x)
Photoshop CS5 Portable (x)
Photoshop CS6 Extended (x) (x)
Photoshop CS6 Portable (x) (x)
Topaz Clean
Topaz Clean (x)
Topaz Bundle 2012 (for windows) (x)
(Source: wehearttutorials)
This is nothing fancy, or nothing complicated. It’s a very basic coloring tutorial for beginners that might want to add a little ‘something’ to a basic GIF.
Using Photoshop, I’m just showing you 2 simple layers to go from this:
to this:
I’m not going to show you how to make the GIF, this is a coloring tutotial. For a GREAT gif-making tutorial see this one, it’s as close to how I make mine as you’ll get.
Now, once you’ve mave the GIF and before you save it, go to Layer - New Adjustment Layer - Brightness/Contrast. Click ‘OK’.
This should pop up, set the brightness at +90.
Click OK.
Then once more. Layer - New Adjustment Layer - Levels. Set the RGB (which is defaulted) at 44, 1, 198.
NOTE: Depending on the screencaps, the quality of the video that you took it from, this can vary, this is your time to play with it and make it your own.
If you wanted to make it Black/White this is the time when you go once more to Layer - New Adjustment Layer - Black & White.
And that’s it. This is the simplest way to ‘clean’ up a GIF without adding color, just enhancing the photo.
There’s TONS of more tutorials out there if you want to make fancier things with the coloring, there’s PSDs you can download so you can have a platform, just play with your photoshop.
Using this same technique, here are others for you to see how it varies depending on the movie/tv show you’re doing:
As you can see the Ewan is a bit dark so I would’ve added more brightness but the Carey one works just right, for me. For you, you might like it darker so just giving you examples of what it’ll look like with this simple enhancer.
I hope this helps some of you! :)
First if you don’t have any of the Topaz effects, go here for a free trial.
Basic GIF making skills are needed.
Difficulty: Pre-School
Photoshop CS5
First select your first frame:
Once you’ve selected your first frame, go over to you layers panel and select the last layer, then make it visible, then set it to Lighten:
Your first frame should look something like:
Then you’re done. Easy peasy.
I recently did a really brief gif tutorial where I talked about an action I used to resize, brighten, and sharpen the caps I use in my gifs. I’ve had a lot of questions regarding that action (where you can get it, how you can make it, etc.), so I’m going to walk you through how to create actions and use them. I’m not always the best at explaining things, but I hope you can follow along well enough.
Download photoshop
Download kmplayer
Download youtube downloader
Download video converter
Others
Online photo editor (no need to download!)
Snapshot with effects (no need to download!)
This is probably going to end up being extremely long and detailed. In this tutorial I’ll be using KMPlayer for screencapping(DOWNLOAD HERE) and Photoshop. KMPlayer will allow you to auto screenshot a video. This software will open any format, so you don’t need to convert the video or something like that. In this tutorial I’ll be teaching you how to edit your gif, add text, save it, and last but not least, making it under 500KB. I hope you like it! Step 1. First of all open KMPlayer and press open and select the video you want to use for your gif. Keep in mind that if you use HQ videos your gif will look way better and this will make everything better when saving your GIF. Step 2. PAY ATTENTION TO THIS. It took me years to figure out how to do it. Move the slider and click pause where you’d like your GIF to BEGIN. Then click CTRL+G on your keyboard to open the frame extraction window. Make sure your settings match with mine (My KMPlayer is in Spanish but make sure the option ”continuous is ticked” and to change the frame limit to 4 frames, and choose for the format PNG, this will make the screen capping a little bit slower, but your gif will look nicer) Now hit ”start” while the video is playing and then click close where you want your GIF to end(All the screen caps will be saved) Make sure to save the screen caps in a place you have an easy access. You can change the destination folder where it says ”Extract all” Step 3. Now open Photoshop and go to go to File > Scripts > Load files into stack>Browse and select the captures you want to use. Sometimes, Photoshop doesn’t allow you to use this script. - You can or check the tutorial on how to make GIFs out of video clips (x) - Download the script ‘“load files into stack” (x) - Or go to File> Scripts>load files into DICOM FILES. But there’s a problem with this because you can’t choose the screen shots you want. This will open all the files in the folder. Okay let’s continue This could take a long time, but it depends on how many screen shots you have Step 4. Go to window and click ”animation”. This should bring the animation bar. Now you will have only one frame, don’t worry! You have to click in the little button upper the right corner and hit ”make frames from layers”. You will see your captures in the animation window. All frames should be in the animation window, but sometimes the are in the wrong order, so click in the little button again>reverse frames Step 6. BASICS Delete some frames by clicking on the frame, then click ”delete”. Remember if a gif has more than 15 frames, it will end up much larger than 500KB and you we don’t want that. Now we want to change the frame delay, click the little button upper the right corner and hit ”select all frames”. Below each frame you will see a little arrow pointing down (That’s the frame time delay). Yours will probably say 0.0 seconds, then click ”other”. A window will pop up. I usually change the speed of the frame to 0,15 seconds (It depends on you, but this is the one I use) Just play around the options until you are satisfied If this is the first time you’ve tried making GIF you have to change the looping options you will see below the first frame written once, you have to click that, and choose forever. If you don’t do that, your GIF only will move one time and you don’t want that right? Now it’s time to crop and re size your GIF. Select the first frame and and go to Image > Image Size. A window should appear, make sure ”constrain proportions” is ticked. Be sure to scale your GIF down to 500PX wide, his will make the file size smaller. With the crop tool, crop out the parts of the GIF you don’t need. Step 7. IT’S TIME TO COLOR, EDIT AND ADD TEXT TO YOUR GIF. This step is optional. If you don’t want to edit your GIF just skip this step and go to the step 7. 1. After cropping, deleting some frames and re sizing my GIF, I usually sharpen the gif if their quality allows it, of course. This is too much work, but sharpening your gif will look way better. I personally hate those GIFs that look over sharped. Don’t sharp the GIF is you are not using a HQ video, seriously, it looks horrible and the difference is HUGE. CLICK—-> (x). Since there isn’t a way to sharpen all layers at once, you have to select the first frame and layer, go to filter>sharpen>sharpen. Once you have done that, you don’t have to repeat the process again. Just select the second frame and second layer and press CTRL+F in your keyboard (on a PC). Repeat this step with all your frames and layers until you are done. I usually sharpen the frames 2 or 3 times, but then I go to edit>fade sharpen. 2. Now that my Gif is sharpened I usually color it. Keep in mind that Tumblr hates bright gifs, so don’t use a lot of brightness if you want your Gif to be under 500KB. If you want to color your gif, just go to layer>new adjustment layer and edit it to your liking. Don’t be afraid to play with the saturation, vibrance, contrast or color. It’s very important that if you are going to apply something (coloring, text,etc) you must have the first frame selected, otherwise, it won’t work. I can’t help you a lot with this, so I recommend PSDS which are easy to use. But remember that color takes more KB, so if your GIF is THAT big, use black and white coloring. What I usually do: I duplicate the base layer multiple times and set it to screen or soft light and drag them to the top of all my gif layers. This is all up to you, just experiment until you like how your GIF looks. 3. Adding text to your GIF comes next. Select the horizontal type tool (make sure you have the first frame selected) and write whatever you want. At the top of the Photoshop Page, you will see a ”bar” where you can edit around with how you want your text to look. (Font,Font size,etc) -For a water mark or a static text: You have to drag the text layer to the top of ALL your gif layers. If you want to reduce the opacity of the text, select the text layer and reduce it to 50%-60% -If you want your text to shown up in the middle of your gif, just put the text layer above the ones you want your text to show. If you want to add a stroke, shadows, etc. Just double click the text layer, a window will pop up, then edit it to your liking, when you are done click ok. Sometimes these effects don’t show up, so you have to make the text layer invisible by ticking the eye next to it, then make it visible again. BEFORE SAVING, MAKE SURE ALL YOUR ADJUSTMENTS/TEXT LAYERS ARE ON THE TOP OF ALL YOUR LAYERS LIKE THIS Step 8. FINALLY SAVING YOUR GIF When you are done Go to file>save for web and devices a window should appear, as you can see there A LOT of options You can preview your GIF clicking in the play button at the bottom of the window. Make sure everything is okay and the speed of the GIF is acceptable. These are my settings As you can see my GIF is 404KB. That’s below 500KB. Saving can be difficult and it isn’t funny. Don’t play a lot with the number of colors because this will lower the quality of your gif. If your GIF is too big, make it black and white, you can lower the colors and it will still look nice. I made a very detailed tutorial on how to make your GIF under 500KB. Check it out here: TIPS AND TRICKS FOR HQ GIFS AND UNDER 500KB CLICK—> (X) I found this little useful thing. This might not work and you have to follow the steps above. You can try it anyway. Click in the little button in the upper the right corner of the window, and then hit optimize to file size. A window should pop up and set the file size to 495K. As I said before. This doesn’t work all the time. This could lower the quality of your GIF a lot. So check out the tutorial I have on how to make HQ GIFs and under 500KB Set it to 495KB. I’m done with my GIF Then click save>images only All done :) If you found the tutorial helpful a simple like will be great feedback for me :)
Hello guys! I’ve been asked many many times how to make a large gifs work on Tumblr. Keep in mind that I a going to show you how to make a large sized GIF with a 720P download (HQ), I’m pretty sure if you don’t use a 720p download it won’t work, your gif will look all blurry and horrible. So, let’s get started.. Okay, so first of all, you have to know how to make a basic gif. I’ll just do it quickly, only the basics.. If you want a very very detailed tutorial on how to make gifs I have two tutorials 1. How to make gifs out of video clips (x) 2. How to make gifs out of screencaps (x) Step 1. For this tutorial I’ll be doing the GIF from this video. So, I’ll import it by going to File>Import>Video frames to layers, I am going to select the part of the video I want to make a gif from, but when doing this, keep in mind that the gif has to be pretty short. Step 2. Go to window>animtation. Now I’ll delete some frames, remember the more frames you have, the bigger is the file size. Step 3. Now you will want to change the frame delay, so select all frames and hit the little arrow pointing down and click ”other”, after this, a window will pop up, change the time to whatever seconds work the best for you, I chose 0.3 seconds. Step 4. Now select the crop tool place in the tool bar and crop out the parts of the gif you don’t want. Make sure to set the width and height to 500px. Remember that Tumblr has the KB limit, so don’t make the width larger than 500px. The gifs can be a maximum of 500x600 to work on Tumblr. Step 5. To lower the size of the gif, you can just make the background static as it’s showed inTHIS tutorial. Before coloring my gif I sharpen it for a better quality, How I usually sharpen my gifs. Go to Filter>Sharpen>Smart Sharpen. Set the radius to 3,0px or less and the amount to 500px. You can play around the properties until you are satisfied with them. After this, Go to Edit>Fade Smart sharpen, and low the opacity a little bit. You have to repeat this annoying process with all your frame and layers. Don’t repeat this more than 3 times otherwise your gif will look over sharpened. Okay now, onto coloring, Once my Gif is sharpened I usually color it. Keep in mind that Tumblr hates bright gifs, so don’t use a lot of brightness if you want your Gif to be under 500KB. Remember that you are doing a large sized gif… so I really hate this part because color takes more KB, if you see that the gif is too big, you won’t be able to use color, so just make a black and white gif, and it doesn’t look bad.. I can’t help you a lot with this, so I recommend PSDS which are easy to use. It’s very important that if you are going to apply coloring, you must have the first frame selected, otherwise, it won’t work. To make this gif work on Tumblr I spent like 2 hours to get the coloring and I only used 7 frames. Step 6. Next, go to File>Save for web and devices, yes yes, this can be tricky, I hate this part.. So, if you are doing a colored gif this will be super super tricky because if you reduce a lot the colors, it will look horrible.. So, you can try changing the coloring to black and white.. if you are using black and white coloring it won’t matter if you lower the colors to 30, because it will still look nice. I colored my gif and I only used 53 colors and it doesn’t look too bad.. But remember this will depend on the coloring you are using.. These are my settings I made a very detailed tutorial on how to make your GIF under 500KB. Check it out here: TIPS AND TRICKS FOR HQ GIFS AND UNDER 500KB CLICK—> (X) Final product! Not the best! I hope this helped :)
