hello welcome on back to TutsByKai
I'm Kai and today we're getting started
making a 2d ring graphic. I previously
made a tutorial on how to make a circle
2d motion graphic and it was requested
that I do a more of a ring style, so
pretty much just have a circle in the
middle of it... so that's all we're going
to do today so we're going to get
started and delete the default cube with
the delete and left click, the lamp same
way and the camera. we're going to hit 1
on our numpad I'm using the middle mouse
button to move around my scene by the
way; clicking on it and we're gonna hit one on
my numpad to go into the front-facing
view, we're gonna go to create and scroll
down until you find the camera and click
camera, we're going to drag that back and
hit 0 to go into the camera's view
things are going to get a bit different
here than the first tutorial this is
where things change a bit so we're going
to add in a plane, we're going to drag
this open a little bit, we're going to add
in a plane just like we did before plane
and we're gonna hit R X 90 on our keyboard
to rotate that on the x-axis 90 degrees
I'm going to zoom in and hit tab on our
keyboard... this brings up the edit mode
and now what we need to do is we need to
add in two cuts on the on the on the z
and the x-axis so the way we do this is
we go to tools and then hit loop cut and
slide now this is a tool that we can use
to cut an object in half. so we're going
to add one there, we're just gonna click
and this pink line appears once you go to the
edge of the of an
object goes pink so we're going to hit
one there boom we're just gonna click
so I can drag this around, so we're
going to right click to cancel that
movement and I'm going to add another
loop cut and slide just one right there
right on the edge and then right click
to cancel the movement so now we have
four squares pretty much is what you're
seeing right? four squares and what we
can do with these is do what we need to
do (laughs) so we need to add in one more loop
cut and slide I'm going to add that
right here as you can tell it's
segmented by by the cuts so we could cut
directly on the center before but now we
have a few more options so we're going
to cut right there once there
boom so now we have all the vertices
we need we're going to is going to
delete all of these that we don't need
because we don't need any of these
except for the first two we don't need
anything but this one and this one we
need the top one and the one right here
in the middle there so we're going to
delete all of these other vertices
because we don't need them they're gone
all right so now we pretty much just
have this line and I know you're
thinking Kai how do you make a circle
from a line the same way we've done it
before
and the way we do as we go over to the
modifiers tab and we're going to add
modifier and go to screw look at that
boom now we instantly have a ring 2d
graphic so pretty much this is where it
gets back on the same track as being the
same as my previous tutorial whew didn't
see that I'll put a link up I put a card
up on the screen right about now and
you'll be able to see that if you need
to see it so pretty much what we just
did was we made a a screw screw pretty
much just takes two vertices and in
rotates them and tell it just
duplicates them there, duplicate them
there there there if I hit apply on
this you can see that all of the
vertices go like this but it's very very
low resolution I'm going to undo that
it's very very low steps it's only 16 so
we're going to drag this all the way up
to 512 512 is the max it this is nice on
the steps for viewing it but if I
render this like this as you can tell it
still looks like the 16 by 16 because we
didn't up because we didn't up the
render step so we need update as well
make sure you don't forget that that's
very important so now we pretty much
have a donut or if you want to if you
want to lower this a lot more you can
make an actual screw like a bolt looks
pretty cool
so let's put that back up now the way we
animate this is we go to the zero frame
make sure it says it says 0 on the start and
we're going to do the same thing we did
before so we're going to put this on
zero zero on the zero frame and we're
going to hit I on our keyboard make sure you hover
your cursor inside the angle box and hit
I on your keyboard and then we're going
to go to the fifth frame and we're going
to type in 250 oops 250 and then we're
going to hit I just like that right oh I
seem to have lost seem to have lost a
plane there
I'm on the wrong I'm on the wrong layer
right there that was weird all right so
uh huh make sure that says 215 hit on
your keyboard to insert that keyframe so
now we have it going from being 0 to 250
so now we needed to finish up we're
going to the 15th frame give it a bit of
time to finish up and we're going to 360
hit 360 on your keyboard hit I now we
have the full the full animation here
this is what it does... boom just like that perfect
right if you want to change this
thickness the way you do this is really
cool
if you go back into tab mode as you can
tell if you drag this bottom vertice or
the top vertice if you drag this bottom
vertice you can make it smaller on the fly
right there it's amazing this is super
super handy stuff and the way we can
animate this it's actually as you can
tell you can't animate in tab you can
edit in edit mode you can't add
keyframes in edit mode which is a shame
by how we work around that as we go over
here to the data tab object data and we
hit and we click that now this this
whole panel brings up shape keys shape
keys is something we can use to insert
keyframes in edit mode which is super
cool stuff so we're going to add in not
an edit mode because we can't do an edit
mode we can click this plus over here
twice hit that plus twice to bring up basis
and key 1 now pretty much because this
was nothing it did nothing we have to
animate this ourselves so pretty much
this basis is telling it's telling this
plane this circle now now we need to
keep it the way it is and then key 1 is
saying we need to change it so what we
need to change it to is this when you
hit tab and we need to drag this to this
top vertice up here but as you can tell
I can't get that perfect there's always
going to be a bit of a line there if I
render this excuse me if I drag the
value up and then render this you can
see you can see there's a line there
instead of trying to get this perfect
you know scrolling all the way in and
you know getting it perfect like that
I'm never going to get it 100% perfect
so let's undo that a way we can get is
absolutely 100% perfectly is we can add
uh... we can add in snap mode the magnet
down here if you click that and then we
make sure this is on vertex mode
then we move this up as you can tell it
snaps right to that vertice so now it's
perfect so if we release that, hit tab
again you can tell that this line is
completely gone if I if I get rid of
that you can't see the line at all the
line is no longer there you can't see it
anymore a hundred percent perfect lined
up perfectly but now the problem is is
like I won't be able to grab this guy
because there's nothing for me to grab
it's it's completely scaled to zero so I
have to hit this plane up here
if I hit plane then you should be able
to grab that that bad boy once again so
now the way we animate this is we go to
the zero frame and make sure this value's
on one and then hit I hover your cursor
inside this box and hit I now we're
going to go to the fifth frame or your
second frame whatever frame that's on
and then we're going to hit 0.4 like
that right and then hit I now we're
going to drag this all the way back down
go all the way down hit I... but
now that is pretty much it we have our
our circle and it gets smaller and it
you know it fills out as it as it zooms
around like that pretty cool stuff and
one last thing I'm going to do is I want
to rotate this as it's coming in so
we're going to hit I for rotation on the
first frame our first keyframe and then
on the fifth frame we're going to rotate
this by 25 degrees and then we're going
to hit rotation and then we're going to
go to the 15th frame and we're going to
our Y 45 and then I as you can tell
didn't do much because it's connected
but it did so this was like right there
so you can't really tell because going
the same way that it's coming so instead
of doing that we're going to undo that
and make sure all those those numbers we
just put in more negative so our Y
negative 25 I on our keyboard go to
the fifth frame our Y negative 45 enter
right so now it doesn't look like it
just stays still right so does that I'm
not sure why this last keyframe didn't
go in though that's weird
we're going to do a negative 45 again
and then hit I location- oh excuse me... I rotation... that's why I didn't go in
all right so there we go now that's good
there we go so now our animation is 100%
finished
it rotates as it comes in it gets bigger
it goes all the way around really cool
stuff here I really really enjoy making
these these 2d motion graphics tutorials
now I haven't seen a lot of people doing
motion graphics tutorials, so I'm glad I
can assist since we did this in Blender
Render you can always switch on over to
cycles since we didn't add any materials
anything like that and then hit on
motion blur make sure that's on because
this motion blur is a lot better than
the blender render motion blur so we're
going to make sure that says Ambient
Occlusion make sure this is all the way
black... hit use nodes so now we have our
100% stark white circle in our black
background with the perfect motion blur
that is good I'm going to use Cycles
Render for this... so that is pretty much
it for this tutorial I hope you enjoyed
it if you want to see more tutorials
just like this I post them weekly I'll
be posting more stuff just like this let
me know what you want to see down below
and for the next tutorial I'll see you
guys in the next one bye
No comments:
Post a Comment