How To Make Animated Gif Photoshop

May 27, 2021

How to Make an Blithe GIF in Photoshop

Adorama

Adorama ALC

With Adobe Photoshop, you can easily create an original blithe GIF file (graphics interchange format) from a series of photos. In this tutorial, nosotros'll break down the footstep-past-step process of how to make an animated GIF in Photoshop.

1. Select which photos you lot want to employ for your GIF

For the best GIF possible, use a serial of images taken in rapid succession. Time lapse images or images shot in burst fashion work the all-time. That's because they make your GIF feel like a short looping video. The more frames you lot use in your GIF, the smoother the animation effect will exist.

A full of 15-24 yet images usually piece of work best. Make sure the image size for each of your frames is the same, then double cheque the pixel count. Put all of the frames you want to utilize in a folder on your desktop or a hard drive. That volition arrive easier to find them hands in Photoshop.

2. Import your photos into Adobe Photoshop

Open up Adobe Photoshop. From the File menu, select Scripts > Load Files into Stack. This will open up a new dialogue box. Click Browse to find the folder you lot created on your desktop or hard bulldoze that contains the images you lot want to include in your GIF.

Press the Shift primal to select multiple images. In one case all the prototype files you want to apply are highlighted, click OK. Next you'll see all the files you selected, listed in the Load Layers dialog box.

Click OK, and Photoshop volition then open the selected images as individual layers in a new document.

3. Access the Timeline panel

From the Window card, select Timeline to open the Timeline console in your workspace. By default, the Timeline panel will open at the bottom of your screen.

In the heart of the Timeline panel, yous'll see a button that says Create Video Timeline, with an pointer adjacent to it. Click the arrow, and select Create Frame Animation from the drop-down menu.

Now the button will say Create Frame Animation. Click that button.

four. Catechumen your image layers into animation frames

In the top right corner of the Timeline panel, you'll see a menu icon (four horizontal lines). Click that menu icon to bring up a drop-down bill of fare with animation options.

Click Make Frames From Layers. This volition convert the images in the Layers panel into private frames in your GIF.

Now you lot should encounter a thumbnail of each of your epitome layers in the Timeline panel. Click the Play push to preview how your GIF blitheness will look.

5. Loop your blitheness

In the bottom left of the Timeline panel, y'all'll run across a few choices for looping options. Adobe Photoshop lets yous decide if you want your GIF to play through once, 3 times, or forever. You lot tin select other looping options manually by selecting Other.

Forever is often selected by default. If one of the other options is selected, click the arrow side by side to the listed elapsing. Then select Forever from the driblet-downwards carte.

Click the Play icon one more time to make sure y'all like how the animated GIF looks.

6. Export your animation as a GIF file

From the File card, select Export > Salvage for Web (Legacy). This volition bring up a new settings dialogue box. Hither are the ideal settings to cull when saving your piece of work in the GIF file format:

Under Preset, select GIF 128 Dithered.
In Colors, select 256.
Under Image Size, you can adjust the concrete dimensions of your GIF. If your original prototype files were very large, you should reduce the dimensions of your GIF for better online viewing. As you accommodate the dimensions, you'll see the estimated file size change in the bottom left corner of the GIF preview.
Under Looping Options, make certain Forever is still selected.

Click Preview in the bottom left corner of the dialogue box to run into how your GIF volition look in a web browser window.

Click Save, which will open up a new save options dialog box. Name your file, choose a destination, and click Save. That's information technology! Yous've made your ain quick and like shooting fish in a barrel GIF in Adobe Photoshop. Now y'all tin can upload it to social media, add it to websites, or do anything else you desire with it!

See the final GIF:

Desire to learn more Adobe Photoshop tricks? Bank check out our other guides:

How to Remove the Groundwork of an Image in Photoshop

6 Adobe Photoshop Tips and Tricks for Beginners

How to Select and Change Color in Photoshop

How to Lighten and Brighten Eyes in Adobe Photoshop CC

Adorama'southward 42West is the content destination for photographers, filmmakers, audio creatives and all things electronic. Cheque out our up-to-date editorial features on all the latest gear, how-to's and interviews with today's nigh relevant industry insiders.