0:00
hey everyone welcome to filter grade's
0:02
guide on animating logos in premiere pro
0:05
you've probably seen some really
0:06
impressive logo animations where
0:08
different parts of the logo interact
0:10
and in this video we'll be going over
0:11
some of the basics that you need to know
0:14
a logo what makes a good animated logo
0:17
and then how to create a slightly more
0:18
advanced logo animation so you have the
0:21
to express your own creativity and try
0:24
let's start with some ground work why do
0:27
you want to logo animation
0:29
the primary reason is that it's more
0:30
dynamic interesting and eye-catching
0:33
than a static logo on a commercial or
0:36
especially when it comes to online
0:37
content viewers may decide
0:39
whether they want to keep watching the
0:40
video or not before your logo even
0:43
so it needs to be high quality and
0:47
remember people have low attention spans
0:49
a 20 second intro before the video might
0:52
so aim for 3 to 10 seconds preferably on
0:55
the lower end of that range
0:57
while a logo animation could be as
0:59
simple as a fade in a more engaging logo
1:01
animation builds curiosity by revealing
1:05
even if it's only three seconds long a
1:07
logo animation tells the story
1:10
basic logo animation can be done in the
1:12
effects control panel
1:13
drag your logo into your timeline and
1:15
open the effects control panel for it
1:17
here we'll be using keyframes to animate
1:21
let's start with scale set a keyframe by
1:23
clicking the stopwatch
1:24
then move the playhead forward and
1:26
increase the scale to where you want the
1:30
now we just have a simple scaling up
1:31
animation to make this animation
1:33
smoother we'll be using ease in and ease
1:36
right click on the first keyframe and
1:38
select ease in this means that it will
1:40
ease into the animation
1:42
right click on the second keyframe and
1:45
this will make it ease out of the
1:47
animation easing in and out creates
1:49
letting animations start and end slowly
1:53
rather than suddenly starting or ending
1:54
a movement at full speed
1:56
it can make logo animations seem a lot
1:58
more natural than if the movement was
2:00
you can play around with all of these
2:02
different tools and use them in
2:05
now let's animate opacity along with
2:06
scale now we can have a logo that starts
2:09
invisible and fades in
2:10
while it's scaling up keyframes of these
2:13
effects are the basis for all logo
2:15
animation so make sure you understand
2:16
what each property does
2:19
so that's how to animate a logo if you
2:21
have access to only the fully rendered
2:23
but the possibilities open up when you
2:25
have access to each individual layer
2:29
here's a simple logo i created in
2:31
photoshop to get all the layers into
2:34
just drag the photoshop file into your
2:36
project and select to add individual
2:40
the layers will be placed into a new bin
2:42
now you can drag each of the layers on
2:45
you should see your logo as normal now
2:55
you can now animate each individual
2:57
layer differently in this example i have
2:59
two different rectangles making up the
3:01
so i want to nest these two layers to
3:03
use them as one single layer easier
3:06
i'll just start this animation with a
3:07
simple fade in by increasing the opacity
3:14
for the large m i'll set a scale
3:17
then go backwards and scale it up so it
3:19
takes up more of the square that it sits
3:21
then it can scale down slightly
3:33
then i'll create an opacity animation so
3:35
that it starts out invisible
3:48
for my name let's use a simple
3:50
rectangular mask to reveal this
3:52
create a mask outside of the name then
3:53
create a mask path keyframe
4:05
now move the playhead forward and move
4:06
the mask so the name is revealed
4:14
adjust the feather until it looks good
4:17
now we have a simple multi-part logo
4:20
depending on your logo you can make some
4:22
really cool designs and animations here
4:31
and lastly we'll show a simple example
4:32
of a logo animation with elements that
4:36
these lessons will help you make a more
4:38
advanced logo animation that does a lot
4:40
more than what we're going to show here
4:42
so here we have a logo and a website and
4:44
we're going to create an animation that
4:47
for the logo itself let's do a simple
4:48
skill up and fade in by animating the
4:50
scale and the opacity as we did before
5:03
for the website name open up the text
5:05
controls in the effects control panel
5:07
not the regular vector motion controls
5:10
set a position keyframe at its final
5:13
then move the playhead back and create a
5:15
new keyframe for position
5:16
where the website name is over the logo
5:29
now create a mask that covers the area
5:31
you want the website to end up
5:32
and line it up perfectly with the bottom
5:36
now when you play it back you should
5:37
have a website name that looks like it's
5:39
coming out from behind the logo itself
5:42
this kind of masking is going to be
5:43
really important for creating a more
5:44
advanced logo animation
5:47
but these are the basics of creating an
5:49
awesome logo design and animation but
5:52
it can get much more complex sometimes
5:54
you may even need to utilize after
5:56
effects for more advanced animations
5:58
for example our relatively simple
5:59
looking filter grade logo animation was
6:01
done in after effects
6:02
and is much easier to accomplish in that
6:04
program than it would be to recreate the
6:06
effect in premiere pro
6:08
these lessons should at least give you
6:09
an idea of how to turn your static logos
6:11
into something more interesting and
6:14
even a small subtle change can make your
6:16
videos that much more entertaining to
6:19
if you found this tutorial helpful let
6:20
us know by liking and leaving a comment
6:22
and we'll see you next time
6:24
if you enjoyed this video be sure to
6:26
like and subscribe and leave a comment
6:29
and if you're looking for professional
6:30
lutz lightroom desktop and mobile
6:32
presets premiere pro templates and more
6:34
photo and video education
6:36
visit filtergrade.com today
