HomeDigital MarketingLearn how to Add Textual content to A GIF

Learn how to Add Textual content to A GIF [Tutorial]


As a marketer, I’ve created a whole lot of digital graphics all through my profession. Nevertheless, it wasn’t till just lately that I began trying into creating GIFs. For some motive, I’d all the time assumed creating customized animated graphics could be a time-consuming course of that required a talent set I merely did not have.

ChicMe WW

Seems, I used to be fallacious. Actually, it is a fairly easy course of.

So, on this put up, I’ll educate you some of the basic abilities for creating animated graphics — find out how to add textual content to a GIF. Let’s get began.

Download Now: The Marketer's Guide to Photoshop

4 Methods to Add Textual content to GIFs

I will present you 4 methods so as to add textual content to a GIF utilizing beginner-friendly instruments with little to no studying curve. With these instruments, you’ll be able to modify your GIFs in only a few steps, making the method extremely straightforward and blazing quick.

Observe: For comparability, I‘ll use these 4 instruments so as to add the identical textual content to the identical GIF. I’m additionally utilizing the free variations of those apps for the tutorial.

With Gifntext

Step 1: Open the Gifntext web site. Add your GIF immediately out of your pc or copy and paste the GIF URL into the bar on the homepage.

Creating a gif with gifntext

Step 2: You’ll be redirected to the editor the place placeholder textual content will probably be robotically imposed in your GIF and, an interactive tutorial will stroll you thru your choices for modifying this textual content.

tutorial for gifntext

Step 3: Edit your textual content. For my GIF I modified the textual content to “It’s Friday”, left the default font as “Impression”, and altered the font colour from black to white. Lastly, I elevated the font dimension to 93, moved the textual content to the underside of the GIF, and set the textual content alignment to “heart.”

editing text with gifntext

Step 4: For ending touches, I performed round with the layers to change which frames the textual content would seem/disappear on. Particularly, I set the textual content to look in body 2 and disappear in body 15. (For context, this GIF has 15 frames).

Modifying frames with gifntext

Step 5: And that’s it! Click on the “Generate GIF” button and also you’re good to go.

Last consequence:

Its Friday gif

With Canva

Step 1: Open the Canva web site. In case you don’t have already got an account, join free by clicking the “Enroll” button on the high proper of the web page.

Creating a gif with Canva

Step 2: Begin a brand new undertaking by clicking the “Create a design” button. You may then set a customized design dimension or select one of many urged sizes within the drop-down menu.

Creating gif design with Canva

Step 3: Within the toolbar on the left-hand aspect of the editor, navigate to “Uploads” after which choose “Add recordsdata.” This can will let you import your GIF out of your pc. Alternatively, it’s also possible to add a file from Google Drive, Fb, Instagram, Dropbox and Google Pictures.

Uploading gifs to Canva

Step 4: As soon as your GIF has been imported, it ought to seem underneath the “movies” column. Click on on it to maneuver it into your undertaking.

Uploaded gif/video on Canva

Step 5: Within the toolbar, click on the “Textual content” button and choose “Add a textual content field.” This can robotically impose a placeholder textual content in your GIF.

Adding text to gif in canva

Step 6: Edit your textual content. For my GIF I modified the font to “Impression”, elevated the font dimension to ‘53’, modified the placeholder textual content to “It’s Friday!!”, moved the textual content to the underside of the GIF, and eventually, modified the font colour to white.

Editing gif in Canva

Step 7: I added some results and animations to the textual content for ending touches. Once more, these aren’t obligatory however Canva has a number of choices to play with so I went forward and added a shadow and a “typewriter” textual content animation.

Adding effects to animations in Canva

Step 8: And that’s it! Rename your undertaking if obligatory then click on the “share” button. This can set off a drop-down menu the place you’ll have the choice to obtain your undertaking. P.S. Don’t overlook to alter the “file kind” to GIF!

Gif in canva

Last consequence:

Gif Its Friday

With Veed

Step 1: Open the Veed.io web site. In case you don’t have already got an account, join free by clicking the “Enroll” button on the high proper of the web page.

Making gif with veed

Observe: Though you’ll be able to create in Veed with out an account, you’ll want one to avoid wasting your initiatives. It’s additionally vital to notice that Veed watermarks initiatives created with a free account. To take away the watermark, you’ll must improve your subscription.

Step 2: When you’ve created your account, open the Veed.io/instruments web page. Navigate to the “All instruments” part on the backside of the web page and choose the “GIF Editor” device.

Gif editor Veed

Step 3: Click on the “Edit GIFs on-line” button. This can robotically redirect you to the editor the place you’ll be prompted to add a file.

How to edit gifs in Veed

Step 4: When you’ve uploaded your file, it’ll be robotically imported into your present undertaking. Observe: This would possibly take a couple of seconds.

Importing file to Veed

Step 5: Within the toolbar, click on the “Textual content” button and choose “Headline Title.” This can robotically impose a placeholder textual content in your GIF.

Adding a placeholder text on Gifs

Step 6: Edit your textual content. For my GIF I modified the font to “Alfa Slab One” (Impression wasn’t on the font checklist), elevated the font dimension to 72, and altered the textual content to “It’s Friday!!”

Editing gif text in Veed

Step 7: Lastly, I modified the textual content type, moved the textual content round a bit, and added a “zoom” animation. I additionally edited the layers so the textual content got here in late and disappeared early – just like the GIF I created with GIFntext.

Changing gif text style

Step 8: And that’s it! Click on the “Completed” button, select the standard you need to save your undertaking (I selected commonplace), and export the edited GIF.

Exporting gif from Veed

Last consequence:

It's Friday gif

With Ezgif

Step 1: Open the Ezgif.com web site and click on “add textual content” on the menu bar.

Creating a gif with ezgif

Step 2: You’ll be redirected to a web page the place you’ll be prompted to add a picture or enter a direct picture URL. Import your file then click on “add” to start out a brand new undertaking.

Uploading file to ezgif

Observe: Within the editor, you’ll discover one thing totally different about this device – you’ll be able to edit textual content on each body of the GIF individually! I didn’t reap the benefits of this for my GIF as I wished every GIF on this tutorial to be comparable nevertheless, it’s an fascinating function I’ll be taking part in round with sooner or later.

Step 3: Edit your textual content. I added the textual content – “It’s Friday!!” – and elevated the font dimension to 60. I didn’t have to regulate the textual content colour, font, or alignment because the default settings have been what I wished. Lastly, I clicked “set” to implement my modifications.

Adding text to gif

Step 4: Scroll to the final body and click on the “Create Animation” button to generate your edited GIF.

Step 5: And that’s it! To obtain your GIF click on the “Save” button within the menu pane beneath the “Output Animation.”

Saving the newly created gif

Last consequence:

Its Friday gif

Selecting A Software for Including Textual content to GIFs

Every device on this put up has its distinctive strengths and is extremely user-friendly. Nevertheless, should you’re new to designing animated graphics, Gifntext is a superb place to start out.

This device has a minimalistic, intuitive, and no-frills interface. You additionally don’t want to enroll to make use of the device or acquire entry to the complete function suite – which is good should you’re on the lookout for a low-commitment resolution.

Whereas all of the instruments on this checklist are nice, Gifntext presents an easy and accessible resolution, making it a wonderful selection for novices.

Editor’s word: This put up was initially printed in September 2014 and has been up to date for comprehensiveness.

Marketer's Guide to Photoshop



Supply hyperlink

latest articles

Head Up For Tails [CPS] IN
TVCmall WW

explore more