gif tutorial.

Programs Needed:

*(If you are using PC, QuickTime may not work for you! Use aTube Catcher to cut & save your videos as I did in this tut. It is really simple! Download it here. If you’re still having trouble with cutting your video in aTube Catcher, then look at this tutorial.)

1. Open up QuickTime Player and find a video that you want to gif.

2. Select a part of that video that you actually want to “gif” gif. For example:

image

This is the beginning (where it is circled)

image

This is the part of the video that you actually want to gif.

3. After that go to Edit > Trim to Selection

image

4. Save your video (File > Save As…) and name it whatever you want to name it. Then you can click out QuickTime Player because you won’t need it anymore

5. Open up Photoshop, then go to File > Import > Video Frames to Layers… then find your video and click load.

image

6. This should pop up now

image

If your file is still too big and you want to trim it down some more, then click Selected Range Only and select the part that you want to gif.

Also if your file is too big, then you can click Limit To Every __ Frames. It cuts the frames down so there can be less. You don’t need to, though (i’m not).

7. Press OK
8. Once it is done opening (it may take a while) “Sharpen More” your frames if your video is 720p or 1080p (If your video is 500px, then just “Sharpen” it).

image

9. Change your image size to 500px, 245px, 160px, etc..

image

10. Once that’s done, you need to sharpen it one more time. Now, you’ll just do the regular sharpen (Filter > Sharpen > Sharpen) or you can use smart sharpen which is what I use (Filter > Sharpen > Smart Sharpen. Match these settings when using smart sharpen:

image

11. Now change the speed of the frames to 0.06 sec

image

image

12. Add whatever PSD you want to it. Here is what I used:

  1. Brightness/Contrast - Brightness: [+93], Contrast: [-50]
  2. Vibrance - Vibrance: [+82], Saturation: [0]
  3. Gradient Fill 1 - Foreground: #4e402d , Background: #ddcdc0, Style: Linear, Angle: 90°, Scale: 100%, Set to: Soft Light, Opacity: 100%
  4. Gradient Fill 1 - Foreground: #ffffff , Background: Transparent, Style: Radial, Angle: 90°, Scale: 100%, Set to: Soft Light, Opacity: 50%
  5. Levels - [40], [1.00], [255]
  6. Curves - Output: 148, Input: 137
13. Time to save it! Go to File > Save For Web & Devices
image
Match your settings with mine:
image
The 500kb limit is gone (hallelujah)! But just make sure you don’t go past 1000kb (anything thing around it, like 1023kb is still good) because it will not upload.

Yay! Now you’re finally done!

This is what it looks like:

image

*I hope this is a better, more explained tutorial from the other tutorials that i attempted to do. It was explained to my best ability! If you still have questions, then just ask!

UPDATED | 06/03/12

1 year ago492 notes
#decided to re-do it #for the third time #gif tutorial #how to make gifs #tutorial #mytutorial
  1. ablogfullofuseful reblogged this from sterekism
  2. gottagroovegirl749 reblogged this from sterekism
  3. inthewindbosco reblogged this from sterekism
  4. sterekism reblogged this from adoringavril
  5. resourceme reblogged this from dolohovs
  6. striped-ref reblogged this from pscs5
  7. narcissistic-euphoria reblogged this from ladycoke
  8. ladycoke reblogged this from adoringavril
  9. tippingteapots reblogged this from adoringavril
  10. resourcisms reblogged this from adoringavril
  11. zetsuboukari reblogged this from adoringavril
  12. rebloggingtutorials reblogged this from adoringavril


t h e m e