How To Make Your Own Animated Gifs

      17

If a picture is worth a thousand words, then an animated GIF is worth 10,000. Or maybe 50,000? A million, perhaps? OK, let’s not overanalyze the metaphor! The point is, GIFs are amazing. They’re like the flipbooks of the mạng internet — great for conveying thoughts và emotions that words can’t describe, showcasing the antics of your adorable household pets, making abstract art, or giving you a good chuckle.

Bạn đang xem: How To Make Your Own Animated Gifs


GIFs are modest, generally rendered in low resolution và limited frame rate, yet the format has become a darling of the internet. It served as an early example of something you could vày online that you couldn’t vì chưng in print và has survived mostly unchanged since its inception in the late 1980s, remaining popular today despite the dramatic rise in high-quality web đoạn phim formats. This, of course, only makes the humble GIF even more impressive.

Maybe you’ve used a GIF on your phone lớn send a funny animation lớn a friend, or you’ve seen them pop up in comments on Facebook. But have you ever made your own GIF? You may have ideas for the grandest of GIFs, but maybe you don’t know how to lớn make that dream a reality. No need lớn worry: This simple tutorial should guide you through the process of making top-notch GIFs, even if we can’t definitively tell you how lớn pronounce it.

How khổng lồ make an animated GIF from a video clip (Photoshop)

Before we jump right into the tutorial, we should address the elephant in the room. Adobe Photoshop is probably the best software available for making GIFs (or editing images in general). If you don’t have Photoshop, other programs can give you some of the same functionality, such as GIMP, but if you want to get serious about making GIFs, Photoshop is the way to lớn go.

*

Step 1: Find a good video sequence on the website that you want to lớn turn into a GIF. This can be practically anything, but try lớn opt for a đoạn clip that is not too long, as brevity is key for a good GIF.

Step 2: Save the video to your computer. Kiểm tra out our guide on how to tải về YouTube videos if you need guidance on ripping footage from the web. Trim the footage down khổng lồ only the length you want the GIF to play. Two or three seconds is great, five is pushing it, & 10 or more is possible with the right chopping, but the file will be large & hard khổng lồ work with. The general rule of thumb is to convey your idea in as few frames as possible.

Step 3: xuất hiện the đoạn phim with Photoshop. To vì chưng this, navigate lớn File > Import > video clip Frames to Layers. Select the video file you want, và Photoshop will xuất hiện it as a series of still frames. You can choose to import the entire video from beginning to kết thúc or use sliders khổng lồ select a smaller portion of the clip. You can limit the import to every other (or every third, fourth, etc.) frame to make the file smaller, but this will also make the video choppier.

Step 4: Mess with the settings. You can adjust màu sắc balance & whatnot with Photoshop at this point if you’d like. When you have everything looking perfect, head to File > Save For Web. You’ll then be met with a window that looks something like this:

You can tweak these settings to lớn make your GIF smaller. Ideally, you’ll want to make it no larger than 1MB so it won’t take ages to lớn load on webpages. Play with all of these until you find a sweet spot.

Colors: This limits the number of colors used to create the image, so the higher, the better (GIFs are limited to lớn a maximum of 256 colors). Only drop down lớn 128 or lower if you must or if your GIF doesn’t have much màu sắc in the first place.Dither: Dithering scatters different colored pixels in an image to make it appear as though there are intermediate colors in images with a limited color palette. Higher settings will yield better-looking images, but this will also make the file larger.Lossy: Use this setting to apply an intentional drop in quality. A lower setting is better, but some loss of chất lượng might be necessary to lớn make your tệp tin small enough.Size: Changing the dimensions of your GIF can have a huge impact on the file’s size.

Step 5: Save & share! Hit the Save button to lớn finalize your creation. Once done, you can upload it to a không tính phí image hosting site like Imgur to nội dung it with your friends và embed it into blogs and websites.

How to lớn make an animated GIF using still images (Photoshop)

You can also create animated GIFs in Photoshop by stringing together still images. This process consists of layering each frame from the bottom up và then sequencing the layers using Photoshop’s animation/timeline tool.

Step 1: Collect the still images you want to lớn sequence for your GIF and put them in a single folder. Then, in Photoshop, click File > Scripts > Load Files Into Stack. Then, click Browse & select the images on your desktop that you want khổng lồ string together into a GIF.

Select OK, and a new composition should mở cửa with these stills now rendered as individual layers in a single image. Arrange them accordingly; your first frame should occupy the very bottom layer và so forth.

You can also create each layer individually in Photoshop itself rather than batch uploading your stills as layers. Run Photoshop và create a new image by clicking File > New và then selecting OK. Then, unlock the background layer by double-clicking the Lock icon, create a new layer by opening Layer > New… > Layer, and design each frame accordingly.

Again, string your animation from the bottom up. (This process works if you are using an older version of Photoshop that does not feature a “Load Files into Stack” option.) Load your stills into Photoshop, drag them into your new project, và resize the newly created layers accordingly using Photoshop’s transform tool (Edit > miễn phí Transform or Ctrl + T), then drag the corners to lớn resize the object).

You want your result khổng lồ look like this, with each frame of the animation separated as a layer and arranged chronologically from the bottom up:

*

Step 2: Now that you’ve arranged your layers accordingly, you can begin sequencing your layers. Again, this process will vary depending on what version of Photoshop you are using. If you’re still running CS5 or lower (hey, we won’t judge), access the animation window by opening Window + Animation. Likewise, click Window + Timeline in Photoshop CS6 & Photoshop CC lớn access the Timeline window. For Photoshop CC, click the drop-down thực đơn in the middle of the Timeline window and select Create Frame Animation.

Once you’ve opened Photoshop’s sequencing tool, click on the small, right-facing arrow in the upper-right hand corner, and then select Make Frames From Layers.

Xem thêm: Cách Làm Phần Mềm Sáng Tạo Tin Học Trẻ, 5 Giải Nhất Tại Hội Thi Tin Học Trẻ Toàn Quốc

You can also click on the right-facing arrow to lớn create a new frame manually (or you can use the hot-key command Ctrl > Shift > alt > F). From there, use the Eye icon next khổng lồ each layer lớn hide the layers you don’t want to lớn appear in the frame you’ve created.

*

From here, use the menu underneath each frame lớn toggle its duration. The menu in the bottom-left corner dictates how many times your GIF will trả lời — phối it khổng lồ Forever if you want it lớn loop endlessly.

Step 3: Congratulations! You’ve created an animated GIF using still images, and now all you have to bởi is export it out of Photoshop using the process outlined above. For a quick recap:

Head for File > Save For Web. Remember to lớn keep your GIF no larger than 1MB. If necessary, tweak the color, dither, loss, and kích cỡ settings until your GIF has been resized accordingly. Once you’re happy, save your newly-minted GIF.

How khổng lồ make an animated GIF using still images (for free)

If you don’t have access khổng lồ Photoshop, there are không tính tiền methods you can use to lớn make a GIF, although the final product’s unique may not be as high. There are various không tính phí programs (such as GIMP or Pixlr) that offer the basic functions of Photoshop, thus allowing you to lớn create still images và play them in sequence, and websites that allow you lớn cut GIFs from video. Neither of these processes will be as effective as Photoshop — however, they are cheaper & fairly straightforward.

Using still images

Several in-browser apps allow you khổng lồ make GIFs out of a series of still images. As an example, we’ll use Ezgif. This site allows you khổng lồ upload a series of images, arrange them, and turn them into an animated GIF. Of course, to vị so will require a mix of images that work in sequence. To vị this, we’ll need a không tính phí Photoshop substitute. We’ll use Pixlr in this example.

Step 1: The first thing to bởi vì is to lớn upload a new image. Choose the canvas size, but keep in mind that the larger the file form size of a GIF, the more slowly it will load, so try to lớn cut down on the amount of stuff you fit on the canvas. Simpler & smaller is often better.

Step 2: Once you have a canvas, make the first frame of your GIF. For this example, we’ll use the shape tool to create a person out of a circle, rectangles, & lines, saving this image khổng lồ create the first frame.

*

The animation process consists of playing a series of images with slight changes to give the illusion of movement. Khổng lồ make a GIF, you will need khổng lồ make multiple images, each with a slight variation from the last one. For the sake of simplicity, this GIF will only have a few frames, so it will not be pretty, but it should illustrate the concept.

Step 3: For the next frame, we’ll make the figure raise his arms by erasing them and drawing new arms raised upward. Save the image to create the second frame.

*

Step 4: Next, we’ll use the Type tool khổng lồ make text appear, và we’ll save this image as the third frame.

*

Step 5: Then, we’ll địa chỉ some more text & save it as the fourth frame.

*

Step 6: With our frames ready, we will upload them to Ezgif. Select the tab labeled GIF Maker và click the Choose Files button. Select all the image files associated with your GIF.

Step 7: Next, click the button labeled Upload. When the image files are done loading, make sure they are in the correct order. You can also set the delay time, which is the time between frames, & choose how many times (if at all) you want the GIF to lớn loop.

*

Step 8: Once done, click the button labeled Animate It!

*

Your GIF should then appear, along with buttons lớn edit it or save it to your computer.

How to make an animated GIF from a đoạn clip (for free)

If you want to use a particular snippet of a đoạn clip for a GIF, numerous sites can help you make them with very little input đầu vào on your part. Ezgif, Giphy, ImgFlip, Gfycat, & many other online services allow you to lớn make GIFs without the aid of a credit card, although the convenience comes with a sacrifice in the cấp độ of control you have.

Step 1: Using one of these online tools is incredibly straightforward. As an example, we will use Giphy. This site allows you to either paste the URL for a particular video or upload a đoạn clip file from your computer. Enter the URL or upload your video clip and continue to lớn step 2.

*

Step 2: Once you have done that, you can choose the point in the video clip where the GIF will begin & choose how long the GIF will run. You can also enter a caption if you wish.

*

Step 3: Once you have decided on those elements, hit the Create GIF button, and allow the site to lớn take care of the rest.

The process is more or less the same for other sites, including ImgFlip. However, if you want more control over the resulting quality of your GIF, you should probably stick with Photoshop. That said, for basic video-to-GIF functionality, sites like Giphy should work fine.

How to make a GIF from a YouTube video

You can use the above sites and more lớn create a GIF from a YouTube video. We have a step-by-step guide that can help you create awesome GIFs from any YouTube clip here.

And that’s it! You are now a GIF guru (or a GIF Jedi, if you prefer the soft “g” pronunciation), and your social media feeds are about khổng lồ become infinitely more exciting. Although, we should probably caution you: With great power nguồn comes great responsibility. Choose your moments wisely, & don’t flood your friends with an overwhelming onslaught of low-grade mèo GIFs, no matter how dễ thương they may be. There is a time & place, and quality always trumps quantity. The GIF may be modest, but it is also a legend; it deserves your respect. Study it, practice it, master it.