- \n
- Step 1: Create a new project in Animaker<\/strong><\/a><\/li>\n
- Step 2: Add video (or images)<\/strong><\/a><\/li>\n
- Step 3: Download it as a GIF<\/strong><\/a><\/li>\n<\/ul>\n
![\"\"](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/Intro-300x300.gif\")
<\/p>\nStep 1: Create a new project in Animaker<\/h2>\n
Visit the Animaker website and sign up for an account. From the dashboard, select Create > Create a video > Blank Project to create a new blank project.<\/span><\/p>\n
![\"Animaker](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/1.dashboard.gif\")
<\/p>\nStep 2: Add video (or images)<\/h2>\n
We are now in the project window. Let\u2019s understand the interface better.<\/span><\/p>\n
In the center of the interface lies the workspace, where you can create and edit your video. On the left, you will find the library, which offers millions of assets you can include in your video.<\/span><\/p>\n
The timeline below the workspace is where you can precisely adjust your video and its assets.<\/span><\/p>\n
The scenes section on the right allows you to efficiently manage and organize your scenes.<\/span><\/p>\n
![\"Animaker](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/1.jpg\")
<\/p>\nNow that we know the interface better, let\u2019s make a GIF by uploading an image\/video.<\/span><\/p>\n
To upload your own media, go to the <\/span>Uploads<\/span><\/i> section at the bottom of the library and click the <\/span>Upload<\/span><\/i> option. You can also drag and drop the files directly into the project.<\/span><\/p>\n
![\"Upload](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/2.png\")
<\/p>\nNow select the uploaded media to add it to the workspace.<\/span><\/p>\n
![\"\"](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/3.jpg\")
<\/p>\nIf you add an image from the uploads library, you will see a couple of options appear above the workspace. This is called the<\/span> Item Menu<\/span><\/i>.<\/span><\/p>\n
![\"Item](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/4.jpg\")
<\/p>\nUse the option <\/span>Set as BG <\/span><\/i>in the item menu to apply the image as the scene’s background.<\/span><\/p>\n
![\"Set](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/5.jpg\")
<\/p>\nNow, reduce the duration of the scene. By default, the duration of a scene is 10 seconds. You can increase or decrease the duration of a scene using the \u2018+\u2019 and \u2018-\u2019 options at the bottom of the animation timeline.\u00a0<\/span><\/p>\n
Since GIFs are usually short, ensure that your GIF is somewhere between 1 and 5 seconds. I reduced my scene\u2019s duration to 1 second.<\/span><\/p>\n
![\"adjust](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/6.jpg\")
<\/p>\nFor my GIF, I will add the video I uploaded to my uploads library.\u00a0<\/span><\/p>\n
Clicking on the video from the <\/span>Uploads<\/span><\/i> library will automatically fit the video to the background, unlike images, which you must apply as a background.<\/span><\/p>\n
![\"video](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/7.jpg\")
<\/p>\nOnce I added the video, I trimmed it to a particular part I wanted to turn into a GIF.\u00a0<\/span><\/p>\n
To do that, click on <\/span>Trim <\/span><\/i>and drag the ends to the particular part. Then click the <\/span>Trim button<\/span><\/i>.<\/span><\/p>\n
![\"Trim](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/1.5-trim.gif\")
<\/p>\nThe part that I have trimmed has <\/span>Michael<\/span><\/i> shouting \u201cNO.\u201d To make it funny and relatable, this trimmed part needs a text. So, let\u2019s see how to add text.<\/span><\/p>\n
Alternatively, if you want to use images\/videos from the Animaker library for your gif, click on the <\/span>Image<\/span><\/i> or <\/span>Video<\/span><\/i> option from the library. Animaker has over 100 million stock assets, so that you can search for an image\/video of your choice.<\/span><\/p>\n
![\"Accessing](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/8.png\")
<\/p>\nEvery GIF needs text to make it funnier. So, to add text, click on the <\/span>Text<\/span><\/i> option from the library.<\/span><\/p>\n
![\"Click](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/9.jpg\")
<\/p>\nThis will open a side panel with two types of text boxes –<\/span> Pre-builds<\/span><\/i> and <\/span>Plain<\/span><\/i>.<\/span><\/p>\n
Pre-builds<\/span><\/i> already have design, font, and animation effects added, while <\/span>Plain<\/span><\/i> text boxes, as the name suggests, are plain and require designing from scratch.<\/span><\/p>\n
![\"plain](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/10.jpg\")
<\/p>\nSelect a text box and position it in the scene. Then, type in the text for your gif. I\u2019m going to choose a text pre-build for my gif.<\/span><\/p>\n
![\"Add](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/add-text-box.gif\")
<\/p>\nClick the <\/span>Change Color<\/span><\/i> box above the workspace to change the colors of the pre-build.<\/span><\/p>\n
![\"change](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/add-color.gif\")
<\/p>\nIf you want to edit the text further, click the \u201cEdit Text\u201d option. This will open the edit text panel, where you can change the font, adjust its size, and add effects to the text.\u00a0<\/span><\/p>\n
![\"Edit](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/11.jpg\")
<\/p>\nI have changed the font style for my text. If you notice, a colored section gets added to the timeline when you add the text to the workspace.<\/span><\/p>\n
This indicates the duration of the text in the scene. You can adjust the appearance of the text in the scene by dragging the corners of the section across the scene timeline.\u00a0<\/span><\/p>\n
![\"adjust](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/adjust-text-duration.gif\")
<\/p>\nIf you want this text box to appear throughout the scene, drag the colored section to the end of the scene timeline.\u00a0<\/span><\/p>\n
Another thing to notice is that the colored section has highlighted parts on either side. These indicate the animation effects and their duration. Animation effects are already added in text pre-builds.<\/span><\/p>\n
If you want to change the animation effects, there is a way.<\/span><\/p>\n
To do that, select the text box and click on <\/span>Animation<\/span><\/i>.<\/span><\/p>\n
![\"click](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/12.jpg\")
<\/p>\nThis will open the Animation panel with 35+ enter and exit animation effects for your text. Once you choose the enter and exit effects, they replace the existing animation effects.\u00a0<\/span><\/p>\n
![\"Replace](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/replace-animation.gif\")
<\/p>\nTo adjust the duration of these animation effects, drag the inner corners of the highlighted section across the colored section.\u00a0<\/span><\/p>\n
![\"Adjust](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/adjust-anim.gif\")
<\/p>\nThis way, you can add multiple text boxes to the scene, adjust its duration, and add animation effects.<\/span><\/p>\n
That\u2019s it. We\u2019ve successfully added our video and added text to it. To see how the project looks so far, hit the <\/span>Preview<\/span><\/i> button.\u00a0<\/span><\/p>\n
![\"Preview](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/13.jpg\")
<\/p>\nAfter previewing, make changes if necessary. We can move to the last step when you feel satisfied with your project.<\/span><\/p>\n
Step 3: Download it as a GIF<\/h2>\n
Downloading the project as a GIF is quick and easy. Click the <\/span>Download<\/span><\/i> option at the top, then select the <\/span>Download Gif<\/span><\/i> option.<\/span><\/p>\n
![\"download](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/14.jpg\")
<\/p>\nThen click on <\/span>Download<\/span><\/i>.<\/span><\/p>\n
![\"click](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/15.jpg\")
<\/p>\nYour gif will be rendered in a few minutes and will be ready for download.<\/span><\/p>\n
Look at how my GIF turned out.<\/span><\/p>\n
![\"Michael](\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2023\/12\/ezgif.com-optimize.gif\")
<\/p>\nPainfully relatable, right?!<\/span><\/p>\n
Well! We already told you this is one of the easiest ways to create animated Gifs!<\/span><\/p>\n
Now that you know how to make animated gifs, what are you waiting for?\u00a0<\/span><\/p>\n
Click here to <\/span>create your Gif!<\/span><\/p>\n
Wanna learn <\/span>how to turn a video into GIF<\/span><\/a>? Check out the link provided (or) watch this video.<\/span><\/p>\n
- Step 2: Add video (or images)<\/strong><\/a><\/li>\n