Opening Up Tools Again Gimp Image and Gif Combiner

Download Article

Download Article

Animated GIF images can be found all over the Internet. They are used in buttons, links, icons, backgrounds, dividers, and banner ads, these eye-communicable images can be an fantabulous tool for personal expression. This wikiHow teaches you the basics of building your own animated GIF images from scratch using a complimentary image editing program called GIMP.

1. ane

   Open GIMP. GIMP is a complimentary and open-source image editing program that has similar tools to Photoshop. GIMP has an icon that resembles a play a trick on with a paintbrush in its oral cavity. Click the icon in your Windows Start menu, or Applications binder on Mac and Linux.

   • You lot tin download and install GIMP for free from gimp.org.

2. 2

   Create a new file. The size of the file yous create depends on information technology'southward intended utilise. Banner advertisements are generally between 60 and 120 pixels tall and 400 to 800 pixels broad. Buttons are usually nearly 40 pixels high and 300 pixels wide. Different website software and banner exchange systems will listing their own requirements. Use the following steps to create a new paradigm file:

   • Click File.
   • Click New
   • Type the width in pixels next to "Width".
   • Type the elevation in pixels next to "Superlative".
   • Click Ok.

   Ad

3. 3

   Select a background color for your image. The agile foreground and groundwork color are displayed in overlapping rectangles beneath the toolbar to the left. To select a colour, click the rectangle on summit. Click a color in the rainbow-colored strip to select a color. Use the box to the left of the rainbow-colored strip to select a shade for the color. This selects the active foreground colour.

4. iv

   Apply the paint bucket tool to add a background color to your image. The paint saucepan tool has an icon that resembles a bucket pouring pigment. It'due south in the toolbar to the left. Click the image artboard in the middle of the screen to fill the image with your groundwork color.

   • You can likewise utilise other tools, such as the brush tool to draw whatever other non-moving objects on the groundwork layer.

5. 5

   Add a new layer. The Layers panel is to the correct of the artboard in the lower-right corner. To add a new layer, click the tiny icon that resembles a sheet of newspaper with a plus sign (+). Click this icon in the lower-left corner of the Layers panel to add a new layer. Create a layer for each moving object in your image.

6. half dozen

   Add a moving object to the image. Use the new layer(s) you lot created to add together moving objects to your epitome. You lot can utilize the brush tool to draw an object, or the text tool to add text to your image. Make sure each moving object in your image is placed in its ain layer.

7. 7

   Create the first frame of your image. Subsequently you have created each moving object of your image on its own layer, place all objects at the starting frame of your animation.

8. 8

   Save the get-go frame of your image equally a nevertheless image. An blitheness is fabricated of many nonetheless images chosen frames. We need to save each image of the blitheness as a all the same paradigm. Use the post-obit steps to save the first frame of your animation:

   • Click File
   • Click Consign As.
   • Type "[Animation file proper name] frame one" next to proper name.
   • Click Select File Type.
   • Click JPEG image.
   • Click Export
   • Click Consign again.

9. 9

   Use the move tool to slightly motion objects in the frame. The motion tool has an icon that resembles a cantankerous-arrow pointing up, down, left, and right. Use the move tool to slightly movement the moving objects in your image to their frame 2 positions. The recommended frame rate for a GIF animation is between 10-30 frames per second. Then yous simply need to motion each object very slightly between each frame.

   • To help continue the movement between each frame polish and consistent, you may desire to turn on the filigree. To turn on the grid, click View, followed by Bear witness Filigree.

10. 10

    Relieve the second frame of your animation. Later you have all the moving parts in identify or the second frame, use the following steps to save the second frame of your paradigm:

    • Click File
    • Click Consign As.
    • Type "[GIF file name] frame two" next to "Name."
    • Click Select File Type.
    • Click JPEG prototype.
    • Click Export
    • Click Export again.

11. 11

    Repeat for all additional frames. Continue in this fashion. Use the Move tool to place each moving object in your animation slightly and then save the image as a frame. Make sure each image contains the frame number in the file proper noun (i.e. Text Curl Frame 1, Text Gyre Frame two, Text Scroll Frame 3, and and then on).

12. 12

    Salvage your work as a GIMP file. Information technology's a good idea to salvage your work as a GIMP (.xcf) file, in case you need to redo or change any frames subsequently. Name the file something like "[Animation name] artboard.xcf". Use the post-obit steps to save your work:

    • Click File
    • Click Save As.
    • Type a file proper name side by side to "Name".
    • Click Relieve.

    Advertisement

1. 1

   Create a new file in GIMP. Afterward yous create notwithstanding images for each frame of your animation, create a new file in GIMP. Make certain the the width and height of the file match the width and height of your animation frames. Use the following steps to open up a new file in GIMP.

   • Click File.
   • Click New
   • Type the width in pixels next to "Width".
   • Blazon the height in pixels side by side to "Top".
   • Click Ok.

2. 2

   Open each frame of animation equally a new layer. GIMP creates animations using each layer as a divide frame of animation. The bottom layer is the first frame of animation and the top layer is the terminal frame of animation. Utilise the following steps to open your prototype frames every bit a new layer. You can select multiple images by holding the Shift fundamental and selecting the offset and final epitome frame:

   • Click File
   • Click Open as Layers.
   • Hold Shift and click the offset paradigm frame file.
   • Click the final epitome frame while still holding Shift
   • Click Open.

3. 3

   Add the frame rate in milliseconds to each layer name. Past default, GIMP exports GIF animations at a frame charge per unit of 10 frames (100ms) per 2nd. You can add together the frame charge per unit in milliseconds at the cease of each frame to change the frame rate to something a lilliputian faster, y'all tin can add the frame rate in parentheses to the stop of each frame name in the list of the frames. For example, if you lot add "(33ms)" at the terminate of each layer name, that volition give you a frame rate of almost thirty frames per second.

4. 4

   Preview your animation. Before yous consign your animation equally a GIF, you can preview it. This allows y'all to see how the blitheness looks. If you demand to edit any of the frames in the animation artboard file. Employ the following steps to preview your animation:

   • Click Filter.
   • Click Playback.
   • Use the "fps" driblet-downwardly carte du jour to select the Frames per 2nd.
   • Click the Play button in the upper-right corner.

5. 5

   Export your file every bit a GIF. If you are satisfied with how your GIF animation looks, use the post-obit steps to export it as a GIF blitheness.

   • Click File
   • Click Export As.
   • Blazon a file name next to "Name."
   • Click Select File Type.
   • Click GIF image.
   • Click Export
   • Click Export again.
   • Click As animation.
   • Type the frame rate (i.e. 30) next to "Delay between frames where unspecified:".
   • Click Export

   Advertisement

Add together New Question

• Question

  What is the best GIF animator?

  

  DVDvideosoft.com has a free GIF maker. You can drag and drop a video, mark where you want the start and end of the GIF, click and information technology'due south done in seconds.

• Question

  Can I use video to create a gif in GIMP?

  

  You could, just it would require splitting the video into still frames. Once you lot accept those pictures, do as the tutorial describes.

• Question

  When exporting equally an animated .GIF file, only one of the frames (layers) is rendered. Why?

  

  Maybe you oasis't animated it properly. Endeavor and lookout man the tutorial once again and create the .gif file again.

• Question

  Could your directions be outdated equally of 1/23/18? The directions don't seem to conform to what I have.

  

  They aren't outdated, I only did information technology on the latest version every bit of 5/5/xviii. Try another slice of software if it doesn't seem to conform to what you accept.

• Question

  Can I use my created GIMP files in a PowerPoint presentation?

  

  You demand to export it as an prototype or GIF outset. Raw xcf files can only be read and opened by GIMP.

Ask a Question

200 characters left

Include your electronic mail address to get a message when this question is answered.

Submit

Advert

Video

• Recall that .gif images only have 256 colors bachelor, and "transparent" is one of them, so yous can't do As well much shading or your shading volition disappear in the last consign.

• Something cute or funny is often more effective than large rude blinking blocks at getting a bulletin across in a favorable style.

• Combining the animation and transparency capabilities of the .gif format can make for some very nice effects.

• Adding 'lingering' dimmer low-cal behind the vivid light makes this image a scrap nicer.

Advertizement

• Very blinky images or messages tin crusade headaches, nausea, and disdain from your peers.

Advertizement

Things Y'all'll Need

Almost This Article

Commodity Summary X

1. Open GIMP.
two. Create a new GIMP file in the File menu.
3. Utilize the tools Add your background and all non-moving objects on one layer.
4. Create a new layer for each moving object in your animation.
5. Utilise the tools to create moving objects on separate layers.
half-dozen. Place all objects in their starting position.
vii. Save the image as even so epitome title "[animation name] frame i".
8 Move your objects to the frame 2 positions.
9. Salvage the image as a still image championship "[blitheness proper noun] frame 2".
10. Repeat for all additional frames.
11. Create a new GIMP file with the same dimensions every bit your frame images.
12. Open each frame as a new layer in the File bill of fare.
13. Add the frame rate in milliseconds in parenthesis later each layer name (i.e. 100ms for 10 fps, 33ms for 30fps).
14. Click File, followed by Consign 15. Type a proper noun for the GIF next to "Proper noun" and click Select File Type. 16. Select GIF epitome
17. Click Equally blitheness.
18. Click Export.

Did this summary assist you?

Thanks to all authors for creating a folio that has been read 504,549 times.

Is this article upwardly to date?

flanniganwhissind.blogspot.com

Source: https://www.wikihow.com/Create-an-Animated-GIF-Image-with-GIMP

Share this post