NEW: Next-level Custom Animations in Canva | LottieFiles

have you ever come across an animated element in canat that you really like but the colors don't match your design and there is no way to change those colors I know that can be very frustrating well there is a new C app called ly files that solved this problem and in this video I'm going to show you step by step how to use it with ly files you can use over 100,000 free animations and easily change their colors to match your brow brand or any of your designs all right within canva and you can use as many animations as you want as often as you want and there are no daily or monthly limits and that's not it you can also edit the animations and share them with others you are going to love this and by the way not file is sponsoring this video but I promise I'll give you my honest opinion on the app before I show you how the ltif files app works let's talk about about what a ltif file is and why is it different a Loy animation is a special kind of Animation made entirely with code like what you see here this is actually an animation file this code contains all the information about the shapes colors and movements used in the animation and what makes this file special is that they are very small in size imagine the size of a p G file being as big as a T-Rex and a g file being as big as an elephant so a ly file is more like the size of a puppy something else that makes this file special is that despite being so small they still look very good and they maintain the high quality and definition and you can use these animations in various designs like animated social media post videos presentations whiteboards and more now let me show you the by step how this app works this app can be used from mobile but also from desktop and the desktop version is the one recommended for the best experience I'm going to show you how to use it from a desktop so go to your browser and open canva.com from the homepage there are two different ways to access the app the first one is using the panel on the left click apps and then from here if you don't see loty files on this page search for it so you're going to type Loy files this is the app you will need so click on the app and then you have the option to open the app in an existing design or a new design let me show you now the second way to access the app I'm going back to the homepage from here you can open any of your designs or create a new one I'm going to create a new document and then once you are in the editor you're going to do the same steps so go to apps and search for ly files you will see the ly files icon here so click on it and you will see that the app will open automatically on a new window you can start using these ly files on a blank page like the one we see right now or you can use them on any design I'm going to add a template so I'm going to go to design and search for specialty coffee I'm going to add one of these templates next I'm going to ltif fies and I'm going to show show you how the app works at the same time as I start adding animations to this design on the ly files app we have three different sections we have the Discover tab we have workspaces that I'm going to show you later how it works and then we have the import section where you can upload ly files to Kaa let's see first what can we do in the Discover tab from here we will see a list of different elements animated elements that we can use these are ly files and you can filter them by featured popular or recent you can also use this color palette to change the colors on the elements so pay attention to the colors that we see at the moment and then let's see what happens when I select this green and blue color palette you can see that all these elements now have the colors on the color palette that I selected let's use this time the red color palettes and you can see that all of the colors from these animations have changed you can also use the custom palettes so you can add here a new color palette and you can add your own hex codes in here or create your own Colors by using this menu right here okay we have a little problem here I lost connection to the application somehow so what I need to do to come back to the app up is to reload the page go back to L files and start over again so I was under the recent results and I was telling you that you can create new color palettes by entering your hex coat or create your own colors you can add up to five colors on each color palette and you can create multiple color palettes if you don't quite like the color combination that you created you can always go back to the original colors by clicking reset now I want to add some animated elements to my design right here so let's search for coffee and see what do we find in here we had a lot of cute animations so let me see what else do we have in here I think I'm going to search for Coffee Bean or coffee beans okay I think I'm going to add this animation right here so you're going to select the ly file you want to add which is going to to open this window with extra settings so from here you can preview one more time your animation you can change the colors if you want but after you insert this element to your design you will be able to change the colors as well okay I think I'm ready to insert my design so I'm going to click on add to design and that's it I already have my Lile animation in here and as you can see we have the color option activated so if I want to change the color of this animation to an orange color I can select the color option and then select the orange I'm going to remove this element behind and leave my coffee beans instead I want to add a little bit more of movement to my design so I'm going to try to find some check boxes so let me try checkbox and see what do we have in here I want to add an element that has movement but that is not too much so I think this one can work I'm going to click on the element I like that the animation is not all over the top and then add to design okay I have already here my animation going to reduce its size and then change the color to the blue that we already have in the design okay I'm deleting the elements that we had in the design before four and I'm going to start duplicating the animation on the position of the other checkboxes and now let me go to position TI app and that's it that's how quickly you can transform an static design into an animated one with the ly files something to have into consideration that I believe is very important is that at the moment when I'm filming this tutorial the custom color palettes will not be saved so if you have have created your color palettes you can use them to change the colors on certain elements you will insert those elements into your design but if the app reloads or gets closed and open again these color palettes will disappear but I don't want you to get sad because I already discussed this with ltif files and they told me that they are currently working on a new version of the app for us to be able to save our own C palettes in the app so it may happen that this update already appears on your end when you see this video so this is just for you to keep an eye on it maybe this is already solved another easy way to use your custom color palettes on these animations is by inserting the ltif file into your design and then using the color option if you have already set your custom color palettes in canva you will be able to access them from here something really interesting about this ltif files app is that you can use as many elements as you want from this library and also from your workspaces and you can use them as often as you like because they don't have any daily or monthly limits also the ltif fies that you use from the public library are distributed under the ly simple license that you see on the screen and this ly files can be used for personal and Commercial purposes if you want to learn more you can read this page that I'm leaving you here on the screen okay I think we already know how to use the Discover tab you will see all of your ltif files library in here but what about the workspaces we don't have anything going on in here but this is because you will need first to connect your ltif files account to Kaa you will do it by simply clicking connect you will click connect again this will open this ltif files logging page so from here if you don't have a ltif files account yet you can create one by clicking on this link and then fill out the form and click create account I have created my new account and this took me back again to canva so now that I have an account I simply need to connect again clicking here connect now my ltif fies has been connected to canva but we don't see anything under workspaces and this is because we need to set them up beforehand so we need to go to ltif files.com on the ltif files homepage you're going to find the go to dashboard button click here when you open your dashboard for the first time you will see this little window that asks you what is your current professional role so you can select any of these options I'm going to go for designer updates and now from here you can either watch this video which I do recommend or you can skip it I'm going to click skip just to show you a couple of things about the dashboard and continue with this tutorial here by default you will see that you have a free workspace already created for you and you can create another workspace if you want so let's say that I have two different businesses this one can be related to team runding and then I can create another workspace called uh templates shop going to click create and now I have two different workspaces both of them are completely free to use as a free user you'll be able to have up to two free workspaces with 10 animations each with a total of 20 animations across the two workspaces and you can invite unlimited members in these free workspaces so let me show you how to invite people or colleagues to your workspace you're going to go to the workspace you want to share click on the three dots and select invite members you're going to type here the email of the person you want to add to this workspace select either member or admin and then hit invite or you can also copy an invite link and then send it to the person you want to join this workspace this is really useful if if you have a set of animations that you want all of your team to have access to and the cool thing is that your team will be able to access this workspace inside Cana now let me show you how to set up this workspace at the moment these two workspaces are empty we don't have any animations loaded so that's why we don't see anything yet inside canva now let me show you how to add animations to your workspaces go under your workspace and select first project from here you can either upload an animation or you can add animations to this folder let me show you first how to upload an animation from here you'll be able to upload liy Json or ly going to click here you can drag and drop your animations here or browse your files I have all of these ly animations here so let me select one one of them and then hit open once your animation is uploaded to the platform you will see it here and you can change the colors if you want or you can also edit the animation from the editor ltif files has an editor and this gives you a lot of freedom when using animations let me show you quickly how to edit this animation right here let's say that I want to delete one of these flowers so I simply need to click on this pencil on top of the screen and this will load the editor this is the ly editor and from here I can select one of the flowers and delete it from here or select it on the left menu and use this button to delete the flower now I have a pot with just one flower and I can save the animation by using this button right here I would see my new animation here I can give it another name if I wanted to and then save as new animation you can also select the workspace if you want to select the same workspace or another one you can also do it I'm going to leave it here and then click save I'm going back to the dashboard by clicking on the house icon and as you can see when I go to the first project folder I can see the uploaded element with the two flowers and the edited one with just one flower and now that I have two elements on my workspace let me go back to canva reload the page we're going to open Loy files and then workspaces as you can see we now have the two different workspaces that we set up in the platform and if I see under the first project folder we now have the two animations the one that I uploaded to LY files and the one that I edited inside the ly editor and when I click on any of these two animations I will have this little window where I can change the color of the element if I want and then they add to design button and now I have the ly animation on my design as you can see I can stretch it out as much as I want and it will keep its definition something else that I want to show you here that I find very important is that sometimes when you add your ly files to canva you won't see the color option but I found a way to fix this problem I'm going to change the colors to my Lo file inside the app so I'm going to use any of these color palettes let me go for this one it doesn't matter really which color and then I'm going to add again this ly to my design now as you can see I have the ly that I inserted the first time and then the one that I changed the colors to inside the app as you can see the second one has the options for me to change the colors of the animation so I can change the colors from here now let me show you another way to set up your workspace let's say that you don't own any animation you don't have any animation to upload to your workspace you can actually use the animations available in the ly library and add them to your workpace so you can then access them on the app inside Cana for this I'm going back to ltif files so let me go here I'm going to the homepage so ltif files.com and from here making sure that you are logged into your account so you're going to see here that you are logged in you're then going to hover on products and click free animations and from here you can browse through the ly Library you can use this little arrows to move along the different pages in the library or you can search for any animations using this search bar and you also have different pages or sections in here you can not only browse through the library of animations but a library of animators this is pretty interesting let me get to the section because if you are interested in selling your animation services this might be for you or if in on the other hand you want to hire somebody to create animations for you that's also the section you need to see okay so in here here we see the elements in the library filtered by featured we also have the recent animations the popular ones and then we see the animators section from here you can see all the animators inside lotif files that are available for hire you can see all the animations created by every single Creator and if you like any of these profiles you can simply click on the send request button to send a message to the the Creator let me go back because in here you also have some categories in here you have different animation categories that can help you understand the different kind of animations you can find in the library this can also help you discover animations that are interesting for the kind of designs that you need to create and finally I also want to show you collections because in here you can discover and get inspired by loty animation collections curated by the community so let me show you something interesting here I'm going to search for liquid so I can find some liquid animations I'm going to then filter them by free and let's say that I really like this one here I'm going to select the animation now from here I can either save this animation to my collections which can be found on this collection section that I just showed you you can also appr iate the animation or you can click download to download the animation as any of these files as a ly or if you want you can also download it as MP4 or GIF you also have the option to save this animation on your workspace so if I click here I can then select which workspace I want to save this animation to this time let's use the templates shop workspace that I created I'm going to save this animation in the first project folder and click save now let me go back to canva I'm going to load the page go back to LY files go to workspaces and this time under templates shop let's see first project and I have the animation that I just saved from the liy library in here let's add it to the design and now I have the animation here I can change the colors to it and work with it on my design now let show you how you can collaborate and share the same animations with some other colleagues or friends using workspaces I need to go to LY files so let me go back to the platform here I am in my ly files dashboard I have changed the name of my workspace to Diana's workspace and I have saved these three animations under my first project folder let's say that I want to share this workspace with Ronnie I'm going to click on the three dots of this workspace and from here invite members once you have invited this other person to your workspace They will receive an email or the link if you have decided to use the invite link once they have joined your workspace and if you want to double check that they are indeed in your workspace you can click workspace settings and from here select members and as you can see we have two team me members in this workspace one which is me and the other one that is Ronnie now let me show you what Ronnie sees on his end here I have Ronnie's computer and I'm going to show you what Ronnie sees on his end so I have invited him to my workspace and when he logs in into his Loy files in canva and then he goes to workspaces he will see his own workspace and the one that I have invited him to so he will see Diana's workspace and when he click on first project he will see the three different animations I have saved on that folder and he can use them the same way as I already showed you so if he were to use this animation here he would be able to change its colors and then add to design now that we know how to use the Discover Tab and workspaces let's see what we can do with the import tab from here you can upload load files and this feature I find it very useful because you can upload these files directly from Kaa with this app this is pretty useful and it will save you a lot of time because you don't have to go through the platform and upload your ltif file from there and then come back to come back you can simply upload the ltif file from here and I'm going to show you something special because you would say well I can upload my ly file from the upload section in Kaa but what what happens if you want to upload a ltif FY from there let's go and let's take a look when you go to uploads and go to files you will see that you won't be able to upload these do lotive files these files are actually deactivated and I cannot select them to upload them to Cana but if I have the ly files app open and then I go to import I go to choose file and as you can see these files now are active meaning that I can select any of them to upload them to Campa I'm going to select the first one this is the pink flower that we used before so I'm going to click open I can preview my flower from here I can change the colors as well and then I can add it to my design I have my flower now here I can change the colors to it if I want and now let me show you something when you go to uploads and you go to videos you'll see that the ltif file is now available in here I can bring it to my design let me delete this one right here and you will see that I will be able to change its colors as well and stretch it as much as I want and it will still look very crisp meaning that this one is still a ly file even though when we go to uploads it will have the give label in here something else that I find interesting is that all the ltif fil that you use with this app will be saved here on your uploads section it took me a little while to be able to understand how to use the workspaces and how to create your own collections how to edit the animations but after I understood this and I understood how to use the collaboration feature I can see how useful and the potential this app has so I really hope that this tutorial was useful and that you can take advantage of of the ltif files app because this is only the first version of the app and it can only get better with time to learn more about the newest apps in canva watch this playlist right here and to continue learning with us subscribe to our Channel I think that's it for today I really hope that you enjoyed this video and I look forward to see you in the next one bye

Channel: Design with Canva

Views: 12,962

Keywords: custom animation, canva for beginners, canva tips, canva easy tutorial, canva tutorial 2023, canva tips 2023, Canva tutorial, LottieFiles app, animation customization, graphic design, Canva animations, free animations, create animations, design tools, content creation, social media graphics, video editing, digital marketing, Canva tricks, animation tools, Canva design hacks, DIY animations, graphic design hacks, interactive designs, Canva updates, Lottiefiles

Id: ft8UtqU4Zsc

Length: 25min 21sec (1521 seconds)

Published: Tue Oct 31 2023