{"id":8017,"date":"2023-12-20T19:12:43","date_gmt":"2023-12-20T19:12:43","guid":{"rendered":"https:\/\/www.pttrns.com\/?p=8017"},"modified":"2023-12-20T19:12:45","modified_gmt":"2023-12-20T19:12:45","slug":"how-to-make-a-gif-in-canva","status":"publish","type":"post","link":"https:\/\/www.pttrns.com\/how-to-make-a-gif-in-canva\/","title":{"rendered":"How To Make a GIF in Canva"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Canva features a wide range of images and videos which are customizable and easy to work with. While it supports modification of GIFs, there isn\u2019t any available to get started unless uploaded.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To address this, we will guide you on how to create a GIF from scratch (image and video) right away through the detailed steps below.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">What we cover<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.pttrns.com\/how-to-make-a-gif-in-canva\/#Make_GIF_in_Canva_using_an_Image\" >Make GIF in Canva using an Image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.pttrns.com\/how-to-make-a-gif-in-canva\/#Make_GIF_in_Canva_using_a_Video\" >Make GIF in Canva using a Video<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.pttrns.com\/how-to-make-a-gif-in-canva\/#Wrapping_Up\" >Wrapping Up<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.pttrns.com\/how-to-make-a-gif-in-canva\/#Related_Reading\" >Related Reading<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"make-gif-in-canva-using-an-image\"><span class=\"ez-toc-section\" id=\"Make_GIF_in_Canva_using_an_Image\"><\/span>Make GIF in Canva using an Image<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Start by navigating to Canva and sign in with your credentials. Once you\u2019re redirected to the home screen, begin by navigating to the <strong>Create a design<\/strong> button, click on it, and choose <strong>Video<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-44ad8220-30a7\" id=\"gspb_image-id-gsbp-44ad8220-30a7\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Select-Video.png\" data-src=\"\" alt=\"Select Video\" loading=\"lazy\" width=\"1343\" height=\"691\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Now wait for the design to load, and once all options are visible, navigate to <strong>Uploads<\/strong> and select an image to add to the design by clicking on it. If you haven\u2019t uploaded it yet, do so by pressing the <strong>Upload files<\/strong> button.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-8815e4f1-6c3f\" id=\"gspb_image-id-gsbp-8815e4f1-6c3f\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Upload-image.png\" data-src=\"\" alt=\"Upload image\" loading=\"lazy\" width=\"343\" height=\"550\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>With the image added to the design, add another page that features the result. While it isn\u2019t necessary to be in this pattern, you can <strong>add multiple pages<\/strong> and include images, text, transitions, and animations to your liking. However, the last page must be the result.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-0f1cd9b9-bb42\" id=\"gspb_image-id-gsbp-0f1cd9b9-bb42\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Add-page-to-the-design.png\" data-src=\"\" alt=\"Add page to the design\" loading=\"lazy\" width=\"554\" height=\"268\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>For better understanding, we have created a simple GIF featuring two pages. The first page of the design features the starting frame of the GIF (Refer to the image below).<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-c419e566-64aa\" id=\"gspb_image-id-gsbp-c419e566-64aa\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/First-frame.png\" data-src=\"\" alt=\"First frame\" loading=\"lazy\" width=\"1809\" height=\"900\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Next, we added another page and included the final frame of the GIF in it (Refer to the image below).<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-f1ae0f5c-e168\" id=\"gspb_image-id-gsbp-f1ae0f5c-e168\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Final-frame.png\" data-src=\"\" alt=\"Final frame\" loading=\"lazy\" width=\"1812\" height=\"905\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>With starting and ending frames, the design is ready to be converted. However, it doesn\u2019t feel engaging, so we have added a <strong>transition<\/strong> between both pages.<\/li>\n\n\n\n<li>To do it, click on the <strong>Add transition option, <\/strong>which is displayed on clicking the <strong>three horizontal dots icon<\/strong> present in each page preview (Refer to the image below).<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-d6a62c75-2271\" id=\"gspb_image-id-gsbp-d6a62c75-2271\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Added-transition.png\" data-src=\"\" alt=\"Added transition\" loading=\"lazy\" width=\"1827\" height=\"922\"\/><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> Adding transition can turn tricky if you\u2019re doing it for the first. We suggest you keep experimenting by <strong>adjusting the duration <\/strong>and <strong>editing the timer<\/strong>. Doing this is important as it remains the same for images and text, and here is our result for reference:<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-5a8c6527-1f2b\" id=\"gspb_image-id-gsbp-5a8c6527-1f2b\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/GIF-from-image-pttrns.gif\" data-src=\"\" alt=\"\" loading=\"lazy\" width=\"1152\" height=\"648\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\">\n<li>Once you\u2019re happy with the edits, navigate to the <strong>Share<\/strong> option in the top right corner and click on it. Next, from its options, click on <strong>Download,<\/strong> and once a dedicated downloads section appears, set the <strong>File type <\/strong>as GIF and click on the <strong>Download<\/strong> button.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-835ca2ab-28a9\" id=\"gspb_image-id-gsbp-835ca2ab-28a9\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Download-button-GIF.png\" data-src=\"\" alt=\"Download button - GIF\" loading=\"lazy\" width=\"600\" height=\"426\"\/><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"make-gif-in-canva-using-a-video\"><span class=\"ez-toc-section\" id=\"Make_GIF_in_Canva_using_a_Video\"><\/span>Make GIF in Canva using a Video<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">While the process of making a GIF using images features multiple steps, if you\u2019re using a video, it gets a little easier.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Refer to <strong>Step 1&amp;2 <\/strong>from the above approach and add or upload a video instead of an image. For demonstration, we have considered a free video available on Canva, which can be found in <strong>Design [Templates].<\/strong><\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-6506e016-f210\" id=\"gspb_image-id-gsbp-6506e016-f210\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Selecting-a-video-from-Design.png\" data-src=\"\" alt=\"Selecting a video from Design\" loading=\"lazy\" width=\"1916\" height=\"903\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Next, to make room for transition, animation, or including an image, we have split the video. To do it, adjust the slider at the bottom and click on <strong>S<\/strong>. Alternatively, you can click on three horizontal dots present inside the preview and click on the <strong>Split page.<\/strong><\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-94e4d881-d9aa\" id=\"gspb_image-id-gsbp-94e4d881-d9aa\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Split-page.png\" data-src=\"\" alt=\"Split page\" loading=\"lazy\" width=\"1354\" height=\"683\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>To make the GIF engaging, we have added a shape and created a transition by clicking on the <strong>Add transition <\/strong>option<strong>, <\/strong>which is displayed by clicking the <strong>three horizontal dots icon<\/strong> present in each page preview.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-4edafd92-ad51\" id=\"gspb_image-id-gsbp-4edafd92-ad51\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Added-transition-on-video.png\" data-src=\"\" alt=\"Added transition on video\" loading=\"lazy\" width=\"1916\" height=\"917\"\/><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note: <\/strong>As you have done with the above approach, keep on experimenting by <strong>adjusting the duration <\/strong>and <strong>editing the timer<\/strong>. Doing this is important as it remains the same for images and text (any element), and here is our result for reference:<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-f2b5e1ea-7017\" id=\"gspb_image-id-gsbp-f2b5e1ea-7017\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/GIF-from-video-pttrns.gif\" data-src=\"\" alt=\"\" loading=\"lazy\" width=\"1152\" height=\"648\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Once you\u2019re happy with the edits, click on the <strong>Share<\/strong> option on the top right corner and click on it. Next, from its options, click on <strong>Download<\/strong>, set the <strong>File type<\/strong> as <strong>GIF<\/strong>, and click on the <strong>Download<\/strong> button.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-8d64a950-9781\" id=\"gspb_image-id-gsbp-8d64a950-9781\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Download-button-video-GIF.png\" data-src=\"\" alt=\"Download button (video)- GIF\" loading=\"lazy\" width=\"817\" height=\"524\"\/><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wrapping-up\"><span class=\"ez-toc-section\" id=\"Wrapping_Up\"><\/span>Wrapping Up<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Congratulations on learning how to create a GIF from image and video in Canva!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The steps demonstrated for GIF creation are curated for those new to making a GIF in Canva. If you keep on experimenting, you can create more engaging GIFs than we demonstrated, but it might require some learning and time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, if both approaches feel too complex and you aren\u2019t able to make a GIF, use online GIF creators or apps. If none works for you, use free GIFs from websites like Tenor or GIPHY.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"related-reading\"><span class=\"ez-toc-section\" id=\"Related_Reading\"><\/span>Related Reading<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-remove-gif-background-in-canva\/\">How To Remove GIF Background in Canva<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-add-music-to-canva-from-youtube\/\">How To Add Music to Canva From YouTube<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-save-a-gif-to-your-phone-iphone-and-android\/\">How To Save a GIF to Your Phone (iPhone and Android)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you trying to make a GIF in Canva? Learn how to do it with an image and a video with ease.<\/p>\n","protected":false},"author":3,"featured_media":8027,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"#gspb_image-id-gsbp-0f1cd9b9-bb42 img,#gspb_image-id-gsbp-44ad8220-30a7 img,#gspb_image-id-gsbp-4edafd92-ad51 img,#gspb_image-id-gsbp-5a8c6527-1f2b img,#gspb_image-id-gsbp-6506e016-f210 img,#gspb_image-id-gsbp-835ca2ab-28a9 img,#gspb_image-id-gsbp-8815e4f1-6c3f img,#gspb_image-id-gsbp-8d64a950-9781 img,#gspb_image-id-gsbp-94e4d881-d9aa img,#gspb_image-id-gsbp-c419e566-64aa img,#gspb_image-id-gsbp-d6a62c75-2271 img,#gspb_image-id-gsbp-f1ae0f5c-e168 img,#gspb_image-id-gsbp-f2b5e1ea-7017 img{vertical-align:top;display:inline-block;box-sizing:border-box;max-width:100%;height:auto}","footnotes":""},"categories":[41],"tags":[],"offerexpiration":[],"class_list":["post-8017","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-canva"],"_links":{"self":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/8017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/comments?post=8017"}],"version-history":[{"count":1,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/8017\/revisions"}],"predecessor-version":[{"id":8033,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/8017\/revisions\/8033"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/media\/8027"}],"wp:attachment":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/media?parent=8017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/categories?post=8017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/tags?post=8017"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/offerexpiration?post=8017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}