Can You Upload Animated Gifs to Canva
Have yous seen those cute, footling animated images chosen GIFs?
If y'all idea GIFs (graphic interchange format) were just a tendency used in BuzzFeed articles to show the all-time glory faux pas, think again.
Whether yous post them to social, feature them in an email or advertise on an industry website, their ability to transmit multiple messages and images within the same space and a short time are incredibly useful to businesses looking to grab the attention of audiences.
In fact, here'southward one that we created to promote a Meetup in Nashville:
Impressive…I know. But don't surrender just notwithstanding!
GIF Creation Video Tutorial
If you're not confident in your design skills or but don't know how to use Photoshop, this tutorial will exit you with the knowledge you need to brand your own.
In this video, you will come across every step of creating a GIF email header with Canva and Photoshop.
Then, sign up for a free Canva account, and allow the designing begin!
Video Tutorial Transcript:
Welcome to the Entering Marketing Agents gif tutorial. Today, I am going to testify you how to create an electronic mail header image that is an animated GIF using Canva.com and Photoshop.
Make an Image in Canva
Template or Not to Template?
Let's start by pulling up your Canva account. You lot can either select Canva's dandy new email header template or create your own custom header dimensions on the top correct. To optimize your header prototype on multiple devices, you'll want to stick with 600 pixels wide.
On the left of the screen, you'll notice that Canva has some predesigned templates for y'all with varying typefaces and images that are available for buy. Yous can start with a fresh space or select one of these past dragging and dropping on pinnacle of your blank sheet.
Fifty-fifty if you have to stick to your company branding standards or take a different font in mind, I've found that selecting one of these helps inspire design, get the creative juices flowing and lays a good foundation, which can help save fourth dimension. It'south likewise a proven confidence booster for all those non-tech or blueprint-savvy people.
At present y'all can select and change the text to what yous would similar featured in the header of your electronic mail. This may or not be your email championship or H1 text, a telephone call to activity, the product or service you are promoting or your ex-boyfriend's phone number. You'll just desire to make certain it is readable, relevant and typo-free.
By selecting each text box while holding the shift primal, you are able to scale your text to the size y'all want and place it where it looks best.
Custom Images
Now that nosotros have our text in place, we are going to upload our images we want in our GIF. Depending on your Internet connectedness, you may want to only upload a few at once.
You will select the upload tab in the left sidebar and drag your images on top of the canvas or sidebar until you see the upload symbol.
Then you will select your first image and once again, drag it on top of your canvas. Y'all can either drag it onto the previous image to supervene upon it and continue the filter's look or delete the previous photo for your image'south original appearance.
You tin can crop the image or reposition it within the frame by selecting the "Crop" tool. When you have found where y'all would like the prototype to be cropped, select the checkmark at the height. One useful aspect of doing this in Canva rather than Photoshop is that you lot can quickly and hands modify this later. Let's say that we don't want the epitome to have up the unabridged canvass, we can resize the prototype frame and re-crop the paradigm.
When you have your image in place, you can either select a background color or select the search option in the side toolbar. This shows you many tools and graphics that are at your disposal, but for at present, nosotros volition select a shape to place backside our text. This shape is piece of cake to resize, movement, change color and send to the back of the canvas.
If you make up one's mind y'all desire to edit or add a filter to your image, you'll select the photo and the "filter" choice. As you can see here, there are many dissimilar presets to choose from, but you can also custom edit by selecting "advanced options."
Further editing options, such every bit flipping the image, are available on the image bar. And if you determine that cat is actually mean-mugging you lot, you lot can delete it off the face of the sail.
Canva Tools
Canva provides some actually useful graphics, images, frames and banners for free. So let's drop in a new imprint just to bear witness its functionality. Canva offers many typefaces that will help y'all expect similar a typography pro, but compared to font bachelor for download online, it is rather limited. If your company's website has a more than standard sans-serif font, such as Arial, yous tin can near likely observe a font that is similar, such as Open Sans.
You can also maintain your company's branding standards by matching your text or graphic colors using a Hex color code. The eyedropper plugin extension for Chrome is helpful when pulling a color code from within your browser.
Downloading Your Images
When your offset prototype is ready, click download in the top right of your screen and select "as an paradigm." Yous tin too salve as a PDF.
If you happened to create multiple canvases within this projection, which yous can practise by copying your previous canvas, you can download them all at one time or a range of pages. This will also help go along your text in the same place.
How to Make a GIF in Photoshop
Create Document & Import Photos
In one case you have downloaded all of your images, you'll open up ane in Photoshop. If you lot are using Photoshop CS6, the animation timeline will most likely already exist visible at the bottom of your screen. To brand it visible in earlier versions, get to "Window" and select "Animation." Change the layout from timeline to frames by selecting the option in bottom right of the window. You should exist able to see your first image within a frame.
Now you volition insert the residuum of your photos past dragging and dropping them on top of your previous prototype. This makes each photo an individual layer, which y'all can encounter in the "Layers" window to the right. I've called to insert each individually to ensure that they are not opened every bit divide documents.
After you have inserted all of your photos as layers, create a new frame for each layer. I take xiii photos, and then I take added 14 frames to include my company logo in the 14th.
Select your first frame within the "Animation" window and make all but your first layer invisible within the "Layers" window. Then select the second frame and deselect all only your second layer, then on.
Later you have washed this for all of your frames, review the guild of your frames for the GIF volition play in this gild. If you decide to rearrange your GIF, you can drag the frame to where you prefer it be placed. So for this GIF, I volition grouping some of the Christmas hats together.
Set Your Speed
You can change the speed of your frames from a dropdown menu or insert a custom time. For an email header, the frame timing should be short enough to take hold of their attending before they go out or curlicue down withal long enough to avert giving them vertigo.
Play information technology a few times to see what works all-time for your middle. For this GIF, I have selected 2 seconds per cat frame and 5 seconds for the logo frame.
At the bottom left of the window, select "forever" to make your gif play in a continuous loop.
At present I am inserting my logo into the final frame. The society of this step is inconsequential.
Occasionally, when y'all insert new layers after creating frames, it can mess up your timeline. So you will need to review your frames and make certain multiple layers are not visible. If you struggle with this, information technology's always a skillful idea to kickoff with the commencement frame and layer again.
Saving a GIF for the Spider web
When you lot think your GIF is set for publication, select "salvage for web" under the file menu. Don't worry – there's no demand to feel overwhelmed by these options. You will only demand to change a few of them.
First, you volition want to make sure that your default file format is GIF. You can alter the range of colors to reduce file size, which is best for email under 1 MB. You can also decrease your file size by reducing your "Dither". Keep in heed that past doing this, y'all besides compromise the quality of your epitome.
You'll notice that the files size and noise within the prototype is also afflicted by "Lossy". If you lot are concerned well-nigh your file size, you need to observe a good balance of dither, lossy, file size and image quality.
Viewing Your GIF
Your image size should automatically be set to your original prototype dimensions, just you lot are able to adjust information technology inside this dialog box. Make sure that your GIF is set to loop forever and select save.
Also save your projection as a Photoshop certificate in case yous have changes to make subsequently.
When y'all open your GIF in a viewer, it may brandish every bit frames and lack animation. So, let's open it in Chrome by dragging and dropping in the browser.
Permit me know if you have whatsoever questions! If you're interested in purchasing a cat hat, we might have some bigger problems on our hands.
Thanks for watching and please comment.
This article was syndicated from Business ii Community: How to Make a GIF in Canva & Photoshop [Video Tutorial]
More Sales & Marketing articles from Business ii Community:
- PR in 2015: It's a Bigger Job Than Ever
- 9 Marketing Un-Predictions for 2015
- Online Branding Strategies You Can Utilize Right Now
- x Types of Content That Volition Increment Your Website Traffic
- Give Your Marketing Automation Database Segments a Balance
Source: https://www.verizon.com/business/small-business-essentials/resources/have-you-seen-those-cute-little-animated-images/
0 Response to "Can You Upload Animated Gifs to Canva"
Post a Comment