How To Make An Animation With Photoshop

Download Commodity

Download Article

This wikiHow teaches you how to make an blithe GIF in Adobe Photoshop by creating ane from scratch, or past converting a video. You lot volition need Adobe Photoshop CS6 or later on.

1

Open Photoshop. It'south the app with a light-blue "Ps" on a dark background.
2
Create a new project. To do this:
- Click File .
- Click New .
- Select your project size.
- Click Create .
Advertisement
3
Create a layer for each frame. Every layer in your animated gif will be its ain frame. If you are drawing an blitheness by hand or arranging a set of withal pictures, make sure that every frame is on a new layer. Y'all can create a new layer in several ways:
- Click the New Layer icon at the lesser of the layer window.
- Click Layer , New , Layer .
- Printing Shift + Ctrl + N (PC) or Shift + Command + N (Mac).
four

Click Window , so Timeline . This will add a video timeline at the bottom of your Photoshop projection, similar to the timeline in video editors.
5

Click Create Frame Animation . You lot may have to click the

push first to run into this option.
6

Click ☰ . Information technology's in the top-correct of the Timeline window. Clicking it opens a drop-down menu.
seven

Click Make Frames From Layers . This volition convert each layer into a single frame of the blithe GIF.
8

Click the next to "Once" at the lesser. This is the setting for how many times you would like the animation to repeat.
nine
Select Forever . This will gear up the animated GIF to repeat the animation constantly.
- You tin can likewise click the icon under each frame to adjust the timing if you desire information technology to appear on-screen for a longer or shorter time during the animation.
10

Click File , then Export , and and then select Save For Spider web (Legacy) . This opens the export options for spider web format images.
11
Click Save . If you lot want to relieve the GIF as a lower-quality file and then it will load faster, get-go click the Optimized, 2-Up, or 4-Up tabs and select an option that has a smaller filesize in the bottom-left of each image preview.
- Make sure "GIF" is selected in the drop-downward box on the right.
12

Cull a file proper name and location, and then click Salvage . Your animated GIF volition be exported. You lot tin now open the epitome, post it on the web, or send it to friends.

Advertizing

1

Open Photoshop. Information technology's the app with a light-blue "Ps" on a dark background.
2
Open the video file. This volition import the video into Photoshop and place it in a Timeline window at the lesser. To exercise this you tin can drag and driblet the file directly into Photoshop, or you can:
- Click File , then Open .
- Select your video file.
- Click Open .
3
Adjust the duration. Click the very offset or stop of the video file on the timeline and elevate it to the other side to suit where the video clip starts playing and where information technology stops playing.
- If yous want to preview your changes at any fourth dimension, printing the play push on the left in the Timeline window.
4
Adjust the speed. If you want to speed up or slow downwards the rate at which the video plays, yous tin correct-click on the clip in the timeline and change the Speed parameter. You lot can enter a new percentage number (i.due east. l% plays the video at half speed, 200% plays the video and double speed) or:
- Click and drag the slider left or right to arrange the speed manually.
5
Modify the prototype size. If y'all imported an HD quality video, chances are the image size is quite large. If y'all want to post your animated GIF on the web and don't want information technology to take a long time to load, yous will desire to reduce the size. To exercise that:
- Click Prototype .
- Click Image Size .
- Enter a new image size (350 by 197 is recommended for HD videos).
- Click OK .
- Click Convert .
6

Click File , then Consign , and then select Salve For Web (Legacy) . This opens the export options for web format images.
7
Cull a quality version. If y'all desire to save the GIF as a lower-quality file so it will load faster, first click the Optimized, 2-Up, or 4-Up tabs and select an option that has a smaller filesize in the lesser-left of each image preview.
- Make sure "GIF" is selected in the drop-down box on the right so the image will salve every bit a GIF file that supports blitheness, and not a JPEG or PNG.
eight

Click next to Looping Options and select an option. Information technology's in the bottom-right of the window. Select whether you want your GIF to play through in one case, or loop forever.
9

Click Save . This will open the relieve window.
x

Cull a file proper name and location, then click Relieve . Your animated GIF will be exported. You tin now open the image, post information technology on the spider web, or send it to friends.

Add New Question

Question

I created a GIF, but information technology will not open in Internet Explorer. Do I have an incorrect setting?

Internet Explorer is somewhat limited; try information technology in Google Chrome. As that's currently the most-used browser, that will be a expert test to ensure others are able to see it.
Question

In CS2, fifty-fifty though I select wheel one time, and the preview just cycles one time, the saved GIF cycles continuously. What'south upward?

Every GIF cycles continuously; this cannot be changed. It may preview once but will loop, no thing where you place the GIF.

Ask a Question

200 characters left

Include your email address to go a message when this question is answered.

Submit

For Looping Options, instead of "Once" or "Forever," you tin also select "Others" and select the number of times that y'all want your animation to loop.

Thanks for submitting a tip for review!

Advertising