Up next in 10
Create an Animated Logo with Canva _ Easy Tutorial for Beginners
2K views
Jan 14, 2024
This video is an easy tutorial designed for beginners, guiding them through the process of creating an animated logo using Canva. It likely provides step-by-step instructions, showcasing the accessible tools and features within Canva for designing and animating logos. The tutorial aims to empower beginners with the skills to produce a dynamic and engaging animated logo for their brand or project using the user-friendly capabilities of Canva.
View Video Transcript
0:00
I created the animated logo that you see on the screen in Canva and it was actually pretty easy to create
0:06
So easy that I believe anyone, even if you are a beginner, can do it
0:12
If you are interested in this tutorial, follow every step until the end and let's go to my computer
0:19
In this tutorial, I'll be using some features that are available for Canva Pro users
0:25
But if you have a Canva free account, you can still follow this tutorial
0:29
tutorial. You won't have exactly the same outcome as the one I showed you at the beginning
0:35
of this tutorial, but you can create an animation that is pretty close to it
0:44
Okay, let's go to Canva.com and in the search bar let's type logo and hit enter. This is going
0:51
to take us to this results page and we can browse through all these template options until we see a
0:59
a template that we like. I do recommend that you go for a logo that has an icon so you can play
1:07
around with the icon and create a nicer animation. If you were to create a text-only animation
1:14
you will have less elements to play around with. I really like this logo. It gets my attention because
1:21
it has an icon that I can use for this animation and we can also insert the name of our brand in this
1:28
textbooks. So let me show you this is the name of the template in case that you also want to use this one
1:35
I'm going to preview this template just to show you the name of the creator in case that you want
1:41
to go to his profile and use his templates. And talking about templates and Canva profiles
1:48
I also have a Canva profile that you can follow if you want to get new templates every week
1:54
We have a lot of options for Instagram posts that are about
1:58
for Canva Pro users and Canva free users. So feel free to go to my profile, check out all the templates available and follow if you like what you see
2:09
Okay, let's go back to the logo template that I selected. If you want to use any of these templates, you can click on customize this template
2:18
And before we do that, I want to show you if you are new to Canva that every template that
2:24
you see in here without a label, these are available for all
2:28
for Canva users. If you are using a Canva Free or a Canva Pro, you can use them. If you see a template
2:36
with a little crown, that means that this template is available for Canva Pro users. So this template
2:43
right here, it is available for free. So let me click on the template and then customize this template
2:55
Here we are inside the Canva Editor and this is the template
2:58
template that we're going to use to create this animation. I selected this template in particular
3:05
because we have an icon and the animation that I have in mind is that I want the icon to appear first
3:12
only the icon and then for the icon to move to the left and at the same time the text or the name
3:19
of the brand will appear sliding to the right. This animation is pretty easy to follow but it will
3:26
require some steps. So please stay until the end so you don't miss any of the steps
3:32
The first step is to customize all the information and colors that we have on the screen
3:38
So if you want to change the colors, go ahead, you can simply select the elements and change
3:44
the colors in here So let say that instead of this yellow green color we can go to color and change it for the color that you wish I going to stay with the colors that we have in here and then if you want to change the name
4:00
of your brand you can double-click and then you have access to this text box. You can change
4:06
the name so let's say that I want to name my brand radiance. Also if you want to change the font
4:14
or if you want to adjust anything to this text box, you will have all the options on this wide
4:21
toolbar. You can change the font, the font size and you have some other options if you want to
4:26
keep adjusting your text box. In order for us to create our animation, we need to reverse engineer
4:37
So what I want to do now is to create the final scene and then we can start creating
4:44
the animation or the way we want the elements to appear or to move
4:49
So what I want is for this icon to be on the left hand side of my text
4:54
So let's do that. Let me reduce the size of this text box
4:59
Let's position it to the middle of the page and then let's move this icon to the left
5:05
And then let's move both elements to the middle of the page
5:10
So these two elements should be to the middle and to center. You will see that Canva will help you with these pink guides. So once you see the guides
5:21
appearing, that means that both elements are situated in the middle or in the center of your canvas
5:28
Now let's start with the animation steps and after that I will show you how to add music to your animation
5:40
We're going to add some guides to this design. So we're going to add some guides to this design. So we're
5:44
We know where our elements will be positioned at the end of this animation
5:49
This is the final scene. So let's go to file, view settings and then show rulers and guides
5:57
Now we can create guides by clicking on the rulers and dragging your mouse to the right
6:02
or you can create horizontal guides by clicking on this top ruler and dragging your mouse
6:08
downward. I'm creating these guides so I can see clearly where my icon and the text
6:13
and the text is going to be positioned. Now that I have these guides, I can start building my animation app
6:21
Now I want to position this icon in the middle of the screen
6:25
because I want the animation to start like that. I want the icon to be in the middle and then to move to the left
6:32
So by having the icon selected, go to position and then hit center
6:37
It is already positioned to middle, so let's click center. Now I'm going to bring this icon in front of the left
6:43
front of the text, so I'm going to click on the three dots, go to layer and bring to front
6:49
Now let's move this text to the left because if you remember, I want the text to appear
6:56
sliding to the right and then the icon to move to the left. Now I just need to add one more
7:02
element to hide the text that we're seeing here. Let's go to elements and select a square shape
7:09
Increase the size of this shape and then change the color so it matches the color that we see in the background
7:16
Then go to position and move this layer backwards so we can see the icon
7:22
Now that we have the first scene of this animation ready, we're going to start adding the animations
7:28
so we have all the elements moving at the same time. Let's start with the icon. Selected and go to animate
7:35
Today we're going to use a new feature in Canva which is this one
7:39
and it is very very easy to use So clicking here and now we are ready to start building the animation We just need to select and drag an element around the canvas to create an animation
7:52
I just need to create a simple animation so I will move this icon to the left
7:57
but I will hold Shift at the same time to create a straight line
8:02
So you have here some tips. I'm going to use the first tip here
8:06
Holding Shift, I start dragging my yellow element and I'm gonna end where I want the element to be positioned. So I know that this is the
8:17
little square where the icon needs to end so my animation or the movement ends there. You can
8:23
preview the animation in here. If you leave it as original you will see that the movement is
8:28
not very smooth because my hand was not very steady. So you can see how the animation looks on smooth
8:37
and steady. You can choose the one that you prefer. I think I'm going to go for steady and then hit done
8:43
We're going to add the same animation to this shape so we can start slowly making the text appear
8:51
So selecting the shape, go to animate, create an animation and we're going to do exactly the same
8:57
So holding shift and moving this box to the left. There you go. You can see if you like better original, smooth or steady
9:16
I'm going to go again with steady and then hit done. Now I need to add the animation to the
9:21
text box so I'm selecting here both elements, my shape that has the same color as the
9:28
background and the text box. So I need to deselect this shape so I'm holding shift and clicking
9:35
on the shape. Now I'm only have the text box selected. Go to animate, create an animation, and now we are going to add the
9:44
animation to the text box. I'm going to drag this text box to the right until it reaches the desired position
9:51
I'm going to use the guides to know exactly where to stop. So holding shift to create a straight line
9:58
and then move to the right until the desired position. I'm going to go with steady for the text box as
10:06
well and then you can play around with the speed if you want one element to move slower or faster
10:14
So in this case I wanted my text box to move a little bit slower so I'm moving this lighter to the left
10:22
so the text box doesn't appear too fast and the other icons are still moving. So let me show you
10:28
if I were to leave the animation of the text box this fast, the text will move to its final position really quick and
10:36
then the icon will still move slowly. So I want all the elements to have the same speed
10:44
and that's why I am adjusting the speed of my textbooks. I want them to stop the movement almost at the same time
10:52
so you can play around with the speed of all of these three animations
10:57
and see what works best on your case. Once you are ready, hit done
11:01
If you want to preview your animation before downloading it, go to the navigation bar on top
11:06
select the preview icon and from here you will have a preview of your animation
11:13
Now if you want to add music to your animation you can use the Canva library
11:22
Go to elements and from here you can search for audio and see all
11:27
You can scroll down or you can use the search bar to find whatever you want I going to use one of the songs available in here so it is on the under the ambient category and it is this one Wisdom in the song this one is available to all Canva users and to insert this song into my animation I just need to click
11:49
I have the song or the track inserted in the animation and I can play to see if I like the selection of the song
11:59
So you will see that the song is longer than five seconds and we just have five seconds of the song
12:05
And we can change the selection. So let me see if I like what I hear
12:15
I actually like the selection but if you wanted to select a different section of your song or your track
12:23
double click on this line and then you can move around the selection
12:28
So let me see. This is not bad but I think I'm going to stay with the first selection
12:38
I'm going to adjust just a tiny bit the selection. I'm going to go to audio effects and add a fade-out effect to my track
12:53
So let me see how this sounds. I think this fade-out effect makes the end of the animation sounds better
13:09
Okay, we have everything ready, we just need to download our final animation
13:15
Right now we are seeing the guides, but don't worry, these are just guides, this won't be visible on your final result
13:23
But if you want to see the final outcome on your canvas, you can't see the final outcome on your canvas, you can't
13:28
go to file, view settings and deactivate this option that says show rulers and guides
13:34
So we can see better the animation at the moment and we can go to share, download MP4 video
13:42
This is the suggested file type but you could also download it as a gif
13:48
It depends on how you're going to use this animation and then you can hit download
13:53
If you have a Canva Pro account you can increase the quality of
13:58
of your animation and then select download. By the way, if you have a Canva free account
14:03
and would like to have access to all these Canva Pro features
14:08
you can use our 45 day free trial. I'm going to leave the link in the description
14:14
And this is the final outcome. After creating this animation
14:23
I started getting a lot of ideas on how to animate logos
14:27
but I'm still not sure if you enjoy this type of content
14:31
So I really need for you guys to leave me a like if you liked this tutorial
14:39
And also let me know in the comments if you want me to create more tutorials
14:44
showing you different types of logo animations or any kind of animation
14:49
If I see that this tutorial has more likes than any other tutorial on the channel
14:55
and I see that many of you are interested in seeing more animation ideas
15:01
I could create another tutorial similar to this one, but with a different idea in a future tutorial
15:08
If you want to get new Canva templates every week, you can follow my profile
15:12
I'm going to leave the link in here and I do recommend you watch this other tutorial
15:17
in which you will learn how to create a next level animation in Canva
15:22
I think this is it for today. I really hope that you enjoyed this video and hope to see you in the next one. Bye
#Clip Art & Animated GIFs