Nowadays, GIFs are mostly used on numerous social media pages as they represent a feeling or action. These moving images in small format can tell different stories or illustrate points in a very short amount of time. In this article, learn how to easily make attention-grabbing GIFs in Adobe Illustrator.

how to make a gif in adobe illustrator

How to Make a GIF in Adobe Illustrator

Many brands and organizations use video-based GIFs, animation-based GIFs, and GIF Stickers in their advertising and marketing. Below are simple steps that you can follow if you need to make a compelling GIF for your work in Adobe Illustrator.

  • Step 1: Create a Document

    How to Make a GIF in Adobe Illustrator - Step 1
    Open your Adobe Illustrator and create a document for your GIF with a width and height of 1000 pixels. Click More Settings, indicate a specific number like 10 in the Number of Artboards for the frames of your GIF, click the direction options and choose how Illustrator will arrange the artboards, type the name of your file, and tap Create Document.

  • Step 2: Arrange the Frames to Artboards

    How to Make a GIF in Adobe Illustrator - Step 2
    Place the PNG images you will use for your GIF. Arrange the frames to their respective artboards: from top left to bottom right, and adjust the spaces of the images accordingly.

  • Step 3: Export the Files and Save in PNG Format

    How to Make a GIF in Adobe Illustrator - Step 3
    When you’re done arranging the frames, click File > Export > Export As… Save the files in PNG format, check the box for Use Artboards and All, and click Export.

  • Step 4: Convert File into GIF

    How to Make a GIF in Adobe Illustrator - Step 4
    Go to a GIF converter website or an online animated GIF maker. Insert the frames to the GIF maker, drag and drop the frames to change order, edit the delay time and other options, and click Make a GIF.

FAQs

What does GIF mean?

GIF means graphics interchange format which contains a size reduction of images and short animations.

Can you make a GIF in Adobe Illustrator?

Adobe Illustrator can’t convert still frames into a GIF, however, you can export the still frames from the program and use its Motion workspace to convert them into a GIF.

How to save an Illustrator file as GIF?

Select File > Export > Export Image or File > Export > Export Animated GIF.

What resolution should a GIF be?

A GIF should have a size and resolution of 480 pixels x 480 pixels.

How many frames must a GIF have?

The standard GIFs have 15-24 frames per second.

Read related blog Articles

See All
How to Change to Landscape in Adobe InDesign

How to Change to Landscape in Adobe InDesign

Landscape orientation is used for wider horizontal designs or subjects. It is commonly applied to a page that contains a…

Aug 10, 2022
How to Adjust Line Spacing in Adobe InDesign [Templates + Examples] 2023

How to Adjust Line Spacing in Adobe InDesign [Templates + Examples] 2023

Adjust line spacing in Adobe InDesign so you won’t have to stick to the default letter spacing, character spacing, word…

Aug 09, 2022
How to Add a Watermark in Adobe InDesign [Templates + Examples] 2023

How to Add a Watermark in Adobe InDesign [Templates + Examples] 2023

Add a watermark to any document or image designed in Adobe InDesign as a way to explicitly send a message…

Aug 09, 2022
How to Add a Header to Adobe InDesign

How to Add a Header to Adobe InDesign

A header is a top margin on each page of your document or publication. Headers are useful for adding material…

Aug 09, 2022
How to Add a Circular Picture to Adobe InDesign

How to Add a Circular Picture to Adobe InDesign

Circular pictures and designs work best for website avatars or profile pictures, site favicons, and other integral design elements that…

Aug 09, 2022
How to Make a Calendar in Adobe InDesign

How to Make a Calendar in Adobe InDesign

Calendars help individuals to stay organized and manage their time wisely for their personal life and professional life. It is…

Aug 08, 2022
How to Change from Inches to MM in Adobe InDesign

How to Change from Inches to MM in Adobe InDesign

Picas is the default unit of measurement in Adobe InDesign, however, there are also different units of measurement available in…

Aug 08, 2022
How to Remove White Background from EPS File in Photoshop

How to Remove White Background from EPS File in Photoshop

Adobe Photoshop helps users creatively execute their ideas into actual images. An EPS file can be read and edited in…

Aug 08, 2022
How to Create SVG Elements with JavaScript

How to Create SVG Elements with JavaScript

Unless you’re working with Adobe SVG graphics, creating an impressive website requires a lot of time and patience. However, if…

Aug 04, 2022