Transcripts
1. Introduction: What if I told you you can
transform static images, regular sketches into fully
lively animated videos, rely full on explainer videos, including the hand movements, the gestures, the
coloring effects, the sequence of the drawing, the duration of the drawing. All of this could be
transformed from being static to something fully
animated and lively. In this current class,
I'm going to show you how to harness the
power of Canva and artificial intelligence in order to transform basic images, static images into full on animated explainer videos
which actually look very powerful and
professional that cover various industries and
aspects, whether for market. Whether for animation,
whether for education, for graphic design,
and the list goes on. In this powerful class, you'll be learning a
very important skill set which will help you save time, save effort in terms of your creative journey and
your creative approach, in which you are
going to learn how to transform a basic image, a static image into
something which is lively and vibrant
and fully animated, where the end result
is a full and powerful professional
explainer video.
2. Your Project: Your project for
the course revolves around transforming a
static image into full on animated explainer video following the tactics and the lessons taught in
this current class. After which you're
going to be sharing your results with the rest of
the community for feedback.
3. Setting Up Canva For Explainer Hand Drawn Videos: Back. So to go ahead and create these hand sketches and
explain your videos, the first thing that
we need to do is just simply navigate to canva.com. Make sure that you have
set up your account. You need to just simply use
any basic email to log in. The free account will do. The free version
will do of Canva. No need to go for the pro
version at this current stage. Then we're going to
navigate to apps. Click on Apps. This will take you to
the following page where you do have
various options and various templates
for the applications which are integrated
within Canva. On the search bar, type the
word draw. Then click Enter. Now, you're going
to have a list of applications which are
integrated within Canva. But for our
demonstration purposes, for you to create these hand
drawn explainer videos, navigate to this
application. Speed paint. Click on it. Now, once
you go on speed paint, it shows you, first of all, this is a third
party application. It means it's beyond Canva, which has been
integrated within Canva. You can take a look at the
details of the application. Feel free to browse them. Then you got the
option to use them in an existing design or to
use them in a new design. Once you click an
existing design, literally, it will take you to a design that you have
been working on, and you could add the
video explainer video to your own design. But for this current class, for this demonstration purposes, we're going to start
with new design. Click on New design. Then you got the following page which shows you the templates. If you're using this for
social media marketing, for your own design initiatives, for your own Instagram
posts, it's up to you. You can just simply
pick the one that best fits your needs. But
here's my advice. Since we're going to utilize
this for explanatory videos, they're often suited
for large canvases. So what I'm going to
do is I'm going to just simply click
on Custom Size. And I'm going to
increase the size from, let's say, 1080. Here we go. Just keep it at 2000 pixels, 2000 pixels simply to
give me some space to see the end result and to
tinker with the end result. Now, once I click on
Create the design, this is the current
canvas that I have based on my own specs. If you take a look
at this over here, we do have different settings. First of all, we have the
option to choose the file. This is where we're going
to start, by the way. We're going to be
adding a photo. Feel free to prepare your photo, pause the lesson, go ahead, get a photo, get it sorted out. Here, this is for
the smoothness, which is basically the
frame rate per second, FPS. So 30 FPS or the refresh
rate per second, depending how you just
define it 30, 60, and 120. So for the video
to run smoothly, if you go for 30 FPS, it will seem quite slow. 120 FPS, it seems
quite overly smooth. 60 FPS is basically ideal
for various applications. Then you go for the
sketch duration. How would you like to go for
how long this should be? You got from 1 second, all the way to 30 seconds? Let's keep it at
nine or 8 seconds. Here you go 9 seconds.
Actually, nine is quite too long,
about 6 seconds. Then color fill duration.
This is very powerful. You have the option to
keep it as black and white when you put it at zero, and then you got the option to spend more time
filling the sketch. So you draw the sketch, and then you color the sketch. This is very powerful.
So I'm going to help you see the difference. I'm going to extend the time for 12 seconds for
you to see this. Then you get the handstyle. Click on CA, pick the handstyle that best
fits your application, something professional, something let's
say more friendly, something more animated,
it's up to you. Let's go for this
option over here. I'm going to use this.
Again, it's up to you. Go ahead and click
on the sketch type. What kind of sketch would
you like to have? See all. You got various options.
This is a dark sketch, light or colored sketch. How about we go for
this sketch over here, keep it as it is for you to
see the contrast of colors. The drawing order is just
simply will show you what elements of the
sketching process would you like to go for
in terms of sequence, from top to bottom, let's
say, from here to here, or you start with the
text first or Auto, which is the default setting, or you can just simply
have text at the end. So basically the sketching will go in a sequence where we
cover all the graphics. Then once we are done,
we add the text. So you can tinker with
these, by the way. It's up to you, from
my side, personally, I don't see a difference
in terms of the sequence, because at the end of the day, a video is what counts, right? So I'm going to keep
it as Oto as is. Now, for the background color, which reflects the
canvas over here, I can just simply change those. You can put it as
black, white, or red. This will not
affect this canvas, but when you are drawing, the sketch that comes
out on the canvas, the background over here is going to be white or
black, whatever it is. Add fade out effect once you are drawing and you are done with drawing, that's
very powerful. You could add a fade out
effect, and that's mainly it. Now, these are some settings. Feel free to tinker with these settings as you please, because at
the end of the day, I would like to show you how you could use this in the
best way possible, but there are various options that you could experiment with. Now, once you are done,
clicking preparing your setting you have
sign up or log in. Since this is a third
party application, you need to actually
sign up or log in. You can use the same account
that you're using for Canva in order to just
simply auto login. So go ahead and do that
and don't forget to upload your photo and
let's transition to the next lesson to
actually make this happen.
4. Generating Your First Explainer Animated Video: And welcome back.
So if you noticed, I've uploaded a high
quality picture with a lot of colors. And what I would like to
do just simply to test these applications to
get the best results. So that's why the image is
crisp with a lot of colors to challenge the application and to see basically the end result. Not to mention, once you
go ahead and you log in, you will notice
over here you got some credits left because why, first of all, I'm using
the free Canvas version. That's one. At the same time, this is
a third party application, which might request you to
actually get extra credits. But for demonstration
purposes, we don't need this. This is completely
free. Feel free to try it out and to use it
for your own projects. That being said, we are
ready to click on Animate. So tap the animate button. Now, depending on
the application, this might take a couple
seconds, let's say, a second or two or up
to five to 10 seconds. Like I've tested
various applications, some of them depending on the complexity of the
image, by the way. The more complicated the
image, the longer it takes. The less complex the image, the less colors it has, the less complexity
of the layers, it will take you shorter.
So keep that in mind. So as we go ahead
and prepare for the end result to be released, it will be displaced as a video. Let's see the end
result. And here we go. So we've gotten the
end result over here. What I'm going to be doing
right now is simply I'm going to stretch the video or the end result as much as
possible in order for us to see really the end result
that we have gotten. Now, once you finalize the end result and
you just simply drag it and drop it over here, I would like you to notice
a couple of things. First of all, see the color that we have chosen,
the background color. It's actually reflected at
the back of the image, right? This is the background
that you have selected. You can choose a
different color, and then you could generate
this all over again. That's one. The
style of the sketch, it's also reflected over here. We're going to see it
once we play this. And for the hand
selection, the hand style, we have selected the
following hand style as well that you could alter. Now, what I would
like you to take or take note of or pay
attention to is the sketch duration and
the color duration to see how this adds some sort of a vibe to the
overall drawing. Now, let's play this
and see the end result. See how powerful this is. It's Slurly taking the
image that we have uploaded and transforming it
into a hand drawn sketch, lurly with exquisite details, showing the whole gestures
in terms of the hand, the color sequence, at the
same time, the duration. So we finished the
sketching first, and then the color
film was a bit longer. So it's a great work,
great end result. Now, you could get creative with this in terms of
various applications. And basically, I'm going
to run this again. But if you notice, I've
selected the auto order. You could try this top
to bottom, text first, text at the end or text only, but I'm not going to create
a new video for this. Why? Because I'm going to run out of credits for
this, obviously. I'm going to click
on Play again. Notice the sequence. It's going through
the sketching first. It's sketching first
and then coloring. Now, as it finishes the sketch, it spends more time
on the coloring. Here we go. See the
difference over here. So we spent 6 seconds
for sketching, and the rest of the time
is done for coloring. Now, sky is the limit in terms of how innovative this is or how innovative you
could get with this depending on your application. Let me give you an example. You can use this
for stories, for Facebook posts, for
Instagram wheels, for whatever application
which is related to your own representation,
branding, marketing, even basic explainer videos, you can use these videos
created with Canva and these AI applications
to help you get really powerful
results just like this. Now, this concludes
the current lesson. Feel free to tinker
with this, by the way. You could add a
different form of an image and try to alter these settings and the
different sketch types in order to see the end result. I have selected a
colored base sketch. You could have a
black and white, and you could run
this all over again and to get the end
result for comparison.
5. Advanced Settings for Explainer Videos: Welcome back. Now, I'm going to show you another tweak for this. We've seen a
previous example how to create one of those explainer
videos through coloring. Now let's adjust those
settings to the current image. This is an uploaded image, and I'm going to tinker with the settings such that you're
able to see the difference. What I'm going to do
is, first of all, I'm going to increase the
smoothness. That's one. The sketching duration, I'm
going to increase it to about 12 seconds and increase
the color fill duration. I'm going to choose a different layout for
the sketch. Here we go. Now for the background color, the sketch type, previously,
we went for colors. I'm going to go for basic
pencil like sketches. Now, drawing order, I'm going
to go from top to bottom. That's one. The
background color, I'm going to choose a different color or
keep it as white. It depends on the preference, but since the image has
a black background, I'm going to keep it as white in order to see the end result, add a fade out effect. Yes, for sure. Add
sketching sequence. Let's click on this. So what I'm going to do is once you click on this, by the way, it shows you select
five areas of your image to sketch them in the sequence that you choose. So I'm going to select
this area first. That's one. Okay? Then I'm
going to select this area too. Then this is area number three. And then I'm going
to go for four, and then finally we got five. So this will show
you the sequence of sketches such that
once you click Generate, you have the ability to go through these
segments one at a time. I'm going to click
Apply sequence. That way, I'm
sketching this with a bit of more detailed approach, not just simply uploading
and generating, but I'm thinking with this in
order to get the sketch or the explainer video in the format or the layout that I would like
it to represent. Now, let's click on
Anime right now. Anime image. Here we go. And here we go. We've gotten the end result popped
on the canvas. What I'm going to do is
I'm going to simply to increase the size of the output. That way we're able
to see things better. That's the whole
point of selecting a customized canvas
in the first place because sometimes the video or the image is too large or
too small for the canvas, which makes it
difficult to view it. Now we are ready to click
Enter. Take a look at this. Notice what happened over here, it started from the
top because I've selected the sequence to
go from top to bottom. So starting from the top
and then it's following the sequence of the layers that I've chosen as part
of the sequence. Here we go. Let's take a
look at the end result. Now it's adding the
layers of coloring. Now, so far it's doing
a really good job. I notice it has
changed the brush, by the way, in order to add some touch to the
coloring process. And the duration has
been extended exactly as it has been input in
the settings over here. 12 seconds for the sketching, 17 seconds for the color. See how powerful this is. Simply from uploading an image, we were able to
do it completely, change it completely
from a basic image to an explainer video, hand drawn, hand sketched, and actually color layered. But you might notice that
the sketch type over here, it affected the
approach for the lines, not just simply the coloring. So it did not negate the colors. Why? Because I selected
color fill duration. Now, if I remove this to zero, then I click Generate
or animate again. This will become
black and white. But once you go for a
color filled duration, it automatically sets
it to having colors. And then the setting over here, url picks out the lines or
the strokes of the pencil. Take a look at the
pencil over here. The strokes of the
pencil are different than this style than
the style as well. Now, once that is set, it will check
basically if we've got some duration for the
colors to apply it. If this is zero,
it's not going to fill color, just
simply black ande. So here we go. Now we're
painting with a different brush, and the image is ready. It has been transformed to an actual explainer video
with a couple of clicks. Now, feel free to
get innovative with this approach and to
tinker with them again. Like I've mentioned, I've
showed you a basic application. Then I have tinkered
with this a bit more, not to mention increasing
the smoothness, which affects the quality
of the output video. That way, it looks as close as possible to the image in
terms of the contrast, in terms of the
quality of the output.
6. Wrapping up: So what do you think?
Impressive, right? We were able to transform a basic image to
a full animated, professional hand drawn video showing us the hand movement, the coloring, the layering,
the sketching process, to have a more immersive
experience in terms of the explanation or showcasing a certain product or an idea. This is a very powerful concept, I truly hope that you found
the class quite helpful, and look forward to
receiving your feedback. Make sure that you
follow my profile for the latest
releases and updates, and I'll see you
in the next class.
Engr. Hussein Attié, Entrepreneur I Engineer I Educator
