hey guys what's up and welcome back to
the channel now if you're new here
do consider subscribing if you want to
see more content like this
okay so now today i'm gonna be showing
you how to create a simple
logo animation something like this
okay so maybe you just want to animate
your own logo or a client has requested
a dynamic logo sting at the end of
their product video or whatever video
that you've just completed for them
and what i do for this personally is add
this as an additional
extra so if they want an animated logo
then that will be reflected
in the invoice as well a lot of the
times the client is unaware that this is
a possibility so make them know that it
is possible and they can have it if you
want it or if they want it so the first
thing we're going to do is
import this file into photoshop now if
your
logo has a transparent background
already and it's a png file
then you're already winning if not then
you're going to have to make that
background transparent
and i'm going to show you how we can
quickly achieve this one quick way you
can do this is to select all the
elements of the logo that you want
by using the magic wand tool so we'll
just
tap on each element that i'm going to be
using for this
logo so we're going to add to that
selection by holding down shift
and clicking on each element as required
and what i'm going to do is then inverse
that selection
come over to the layer make sure it's
unlocked
hit the backspace button deselect that
and now we have
our transparent background right so this
is the stage where we are preparing
the logo for animation so we want to
separate
all of these elements that we want to
act independently
so what i'm going to use is the lasso
tool and i'm just going to
select my first element
layer via copy and as you can see it's
created a new layer over here with just
that element in it i'm going to go ahead
and do that for all of these ones
so i'm going to speed this up and i'll
see when i'm done
okay so now we have each element on its
own layer here and what i'm going to do
is just rename them to make life easier
going forward
now you can name these whatever you want
to name them um as long as they make
sense to you
okay so once you've done that you're
going to come over here to file
export layers to files you're going to
choose your output destination
make sure that it's set to png, your
transparency is ticked
and most importantly this trim layers
here is unchecked
you're going to run that and your files
are going to download at the destination
in a couple of seconds so now we're
going to jump over to premiere pro
create a new project
import the files and continue the
process so now we're going to drag these
onto the timeline
and we're going to stack them on top of
each other like this
there we have all the elements for that
particular logo so what i'm going to do
is add a lighter background to this so
it's easier for me to work in because
the colors in this particular logo are
dark
so what i'm going to do is add a color
matte to create that background
hit okay and you choose the color that
you want i'm just going to choose a
white
color you can name that white
background i'm just going to drag it
onto the timeline
and there we have that so it's easier
for me to work on it like this
now the next thing i'm going to do is
set the duration of this
i want this to last a lot around three
seconds
I want the animation to last for about three
seconds so
i'm going to go to the three second mark
set my out point
and i'm just going to zoom in on this
timeline so we can
see what we're doing then i'm going to
extend
all of my files to the end of the
workspace like so
and we can now begin setting our
keyframes to animate
this logo so at this point you have
total flexibility and total creative
freedom to do what you want to do
with this particular logo i'm going to
be using simple
scale and position keyframes to animate
this logo
so when i'm doing keyframing i like to
start at the end point
or near the end so i'm going to bring
the playhead
all the way across here and i'm going to
set my first keyframe
so i have my layer selected i go to the
effect controls
and i want to move or change the position
of this one
so i'm going to go ahead and hit on
the stopwatch that's going to create
your first keyframe and that is my
end keyframe so what i want to do
is slide this element from the right
hand side
and slide it into position here so i'm
going to come back a few frames
and don't worry about if you don't get
the timing right at this point
you can always edit that later on
for speed and positioning
you can also check the relationships of
your keyframe within this window so you
can see this is where
my keyframe is you can also use these
buttons to go exactly to the keyframe
so i'm going to come a few frames back
and i'm going to set another keyframe
just by moving the positioning and if we
look at
where that top left element it is now
moving across the screen to the right
Hand side and that's where i want it
to start
from so i'm gonna drop that there and
it's created
a whole new keyframe for that already so
by just moving
the playhead across the timeline we can
see we have already created our first
animation so i would like the bottom
left element to do exactly the same
thing
or move the same way at the same time
as the top one so i'm going to select
the bottom left layer
and i'm gonna create those same
keyframes in the exact places as i did
on the top one so easy way to do this
is to copy and paste keyframes so i'm
gonna go to the first keyframe for the
top left layer
i'm going to drag across this, CMD +
C to copy i'm going to come down to the
bottom left
and make sure that we have this window
selected
we're going to paste that right in there
so as you can see both of these are now
moving
in sync at the same time without having
to create new
keyframes and shift them about yourself
so the next thing i'm going to do is
flip this shape horizontally
so an easy way to do that i'm going to
come here onto
that layer and i'm going to just use the
razor tool to cut it
so what i'm going to do is flip the
first part of it
so we have that part selected and we
come over to your effects
and search for horizontal flip add the
horizontal flip to that and we can see
it's flipped there so once we get into
the next portion it's going to flip-flop
and you can adjust when that happens
by just moving these and shifting these
two
parts of this particular image left and
right accordingly
the next thing we're going to do is move
on to the top right element now i'm
going to want that to behave as the
first
two elements that we've uh animated so
these two on the left
i want it to move within that same timing
and stop when those two stop
so i'm gonna go to where they stopped
i'm gonna create my first
keyframe my positioning keyframe and i'm
gonna come back to where these ones
start
and then i'm going to shift that to the
left
and we're going to bring that in just
about
there so let's just play that back and
this is what we have so far
boom boom boom
looking good so far so let's animate
this green triangle here i'm going to
come to the end
of the animation i'm going to
create the first keyframe which is a
scale keyframe in this instance
and then i'm going to go a couple of
frames back
and i'm going to reduce that to
zero and so this is going to
grow in just like so
all right all right so that's looking
good but i do
want to change the way that this
triangle grows i'm just going to make a
minor adjustment
i'm going to select motion so it's going
to show me where my center point is
and i'm going to move that center point
right to the top of this triangle
so that it will grow from that point
[Music]
so if we look at the way it grows here
it grows
in that fashion and let me just show you
the difference between the two what
difference that had
so moving that to the top it grows like
this if i were to move
this center point back to where it was
originally
it grows from the left to the right it
doesn't start at any particular
point on that shape which is what we
want it to do
so that look that that looks a lot
better anyway so essentially
that is our animation completed so what
you'd want to do now is just nail down
the details in in this
go back and fine tune and polish up make
sure that your timings are correct and
where you want them to be
add some easy ease attributes to the
keyframe so everything
flows a little bit smoother and what
i've done to mines guys is i've added a
little extra seasoning
a little extra spice by introducing a
play button as well as a cursor
so it would appear that when the cursor
hits the play button
with this sound effect it just sets the
animation into motion like so
okay so that is it guys that is how you
can create a simple animated logo so
there's
technically two steps to this the first
one is setting up the logo
for animation and getting those
transparent backgrounds for your logo
or your graphic artwork and the second
thing
is using keyframes in premiere pro to
then
animate your logo okay guys so that is
it for this one now if you found this
video useful
do tap that like button and leave a
comment let me know your thoughts
subscribe to the channel if you haven't
already done so and i will see you guys
on the next
video peace