Celebrate Fall with Illustrator Animation
Monday, October 27th, 2008 running time 16:07
Bert celebrates the fall season by creating a falling leaf animation on Illustrator
To make the animation, Bert first creates three leaves in different forms of descent by using the guide and shaping with the pen tool. Bert uses the reflect tool to create symmetry. To add animation,
Blend Option> Specified Step (10 steps) and creates from the tip of the first leaf downward,. Then taking the middle leaf, and shift click to the bottom leaf, using Object> Blend> Make to create the path.
With the pen tool, Bert adds curves within the straight line of the path, repositioning to how he'd like the animation to go.
In the layers pallet, under the pulldown layer, selecting the different layers, Bert selects the Release to Layers (Sequence) option. Then, Bert saves the file under "Save for Web & Devices," picking a SWF format (for flash) with Layers to SWF frames.
Animation is a go!
Don't forget to design and e-mail Bert a background for our green screen! Please send a jpg design with size 1280x720 pixels
Highlights
Netflix
(
0:06, 1:21, 1:22, 1:49, 0:06, 1:21, 1:22, 1:49
)
federal law
(
10:20, 10:20
)
Kremlin
(
1:00, 1:00
)
Blu-ray
(
1:29, 1:29
)
Netflix
(
0:06, 1:21, 1:22, 1:49, 0:06, 1:21, 1:22, 1:49
)
federal law
(
10:20, 10:20
)
Kremlin
(
1:00, 1:00
)
Blu-ray
(
1:29, 1:29
)
Automatically Generated Transcript(may not be 100% accurate) ( more )
" War. This episode of pixel perfect is brought to you by Netflix and godaddy.com. And welcome the bits of -- media host -- right. First I want to thank these series -- malice toward this incredible background look at that thing. Nice kind of mood lead kind of kind of spooky that kid who does the Kremlin over it but anyway. On today's show we -- going to actually switch gears a bit I want to go into those straighter and create little animation for a little animation. A few months ago I had W Golding on here and -- it -- enemies with some -- I wanna. Kinda expand on that a little bit just so you can see how it how it works but what we start. Netflix that's thank Netflix who you can read over our 100000. Titles -- On line including lots of Blu-ray titles with free shipping both ways to your home. Now -- over forty shipping centers almost all of deliveries happened in just one business day. And that plans that start as low as four dollars and 99 cents. And it and you remember you getting no -- two week free trial membership. You check the whole thing out and www. Netflix dot com forward slash pixel perfect. And remember type in net WWW. When using this code. Also want to thank you GoDaddy outcome if you want to make an impact on line godaddy.com has what you need. Dot com names for as low the dollar 99 plus a world class hosting. Ask any website builders and so much more check them out ahead godaddy.com. So now. -- an illustrator. Now. The blend tool is something I've used many kinds on the show and I use it in every one of my -- It's a way of going in they've created and the place between two different paths to different shapes and turn him into all the steps in between great -- between -- of animation which is what I want to cover today now that -- that. Little tool like I've."
" Showed before it just creates say yeah nice and the relation between some weird -- create this bizarrely shaped like this. And let's just say right now it's so black and its big -- bed stroke and that'll make that stroke let's -- out. Thirty points and right and they inside -- make that a I yellow all right then I'm here -- create another shape. And saying -- (%expletive) like that right. And element that inside dream and we'll make a stroke. Let's say we make the -- a blue and make it much thinner. And say we go and down and they gave five point stroke. So now while doing -- select all the shapes. And he noted -- have the same number appoints is from has to lose as a whole bunch. The blunt tool of this guy right here. Which allowed me to go in there and select what type of planning I mistakenly specified number of sex and say gimme three steps click OK and I -- from one object. Any other object. And I going to be room point their and it creates the steps in between I noticed that it's doing the transition of color. It's trends as transition of the color for both the still and the stroke and languid they went from the very young ratified it made that kind of a transition. So that's basically the tool that I want to use. And I want to create a little animation. So. We're gonna create a little star and nations so to get a nice and clean and bring out a bring my was and -- guide -- middle here. So I have something that can no in my central line is summer start to draw minutia. -- Here and start right here and create this little. Drag get a sex so think that and then here -- two. Hold down my option key to get that different -- handle to go in this direction and create this -- shape. I'm going down here and yup it's a little need. It's so they would just go here and go over to here -- now. I'm gonna do they select all. And with my a right over here might reflect tool and a place it right there right MacArthur right on the guidelines. And hold down my option key and click which brings up the controls for the reflect to a promising on a vertical axis give create copy. That is the other side of my little only protecting now. Grab these two points up there with these that's electable that's -- scary it. And I can say join them. Which is command. And that I -- those two -- there if they do it O NIC was having a dumb idea. My a guide is isn't locked them going on here and like my guide Yelp like my -- okay. Now we could select that and join them. They get a court appoints -- that it's nice appointed grace and -- to finish it off down here by starting from here hold now might alt key option on. On the Mac companion read this little handle all across this way and then go back up here and close it off -- on my me. Rights and out. Is gonna have no stroke just a Greenleaf all by itself -- it is my belief. So now -- and and that's shrink it down a little bit I'm going to shrink it down. About like that. Bring it up here to the top defendant should be down a little more. I'm on my alt and shift option shift that way is doing it from the Centre out and shrinking it uniformity there it is I want to take them even duplicate it. They could duplicate of it. Breakdown here. And then hit command. Now does -- that she's gonna be falling down list of stuff to the top least now I would go in there and let's rotate this guy. -- do rotate on him. Who -- them -- center -- rotating like that. They would do little scale on just kind of squish him a little bit kind of like that. -- this guy in the middle here let's locate him in the opposite direction is going to -- just rotate in this way -- nice and big and William kind of flat."
" But maybe it will distort -- what to think this little guy here and -- distorted just a little to stay -- a woman who wants to our movement. -- bring this up here and I think these guys just kind of problem that way who also going to change of color from. We're gonna go in there and change that color so going there and say. For the color. I'm feckless mature and the color here. That's going to bring it down. More towards the yellows like that. Price and how this guy way down here we're gonna really rotate in -- going to rotate him. Like that Texas to totally opposite way that way -- I don't really shrink him down. Not uniformly that was so he's kind of like laying flat on the ground. And I'm gonna go any kind of curl up that back and that's going to get real closely to see you were doing and -- grab this little handle and bring it up. And this one next to it. And it's well worth it to feel we're doing and I kind of -- this this way and grab this guy bankroll him that way. So now we've got that happening and they do -- front part up a little bit and which is kinda move these handles down. I salute and been in a little bit Alabama did that leave a nice. -- kind of almost orange. All right so now we've got all these little guys tonight that's. Let's go back to deceive the the whole view here. There's -- three of them there's the three so now I'm gonna take these two right here. Allah be very specific as to where I'm going to be doing my transition so I'm gonna go into my. My Bandelier or rather my my blending options and I'm gonna say yes that's right steps and let's make it ten steps. Click OK I'm gonna click on the temple here. To detect here and create all the steps in between. So now. I want to rip. This guy here and shift click this guy down here and not promote you to say blend make. It's going to follow the same kind of precision there now it creates a straight line let's get rid of our guide we don't need I've got anymore. We can had a guide we don't need to he did set the lion's. That show you that transition. So -- I don't think my pen tool actually at a point right there on that line. Which hold down my option key is might convert to a tool that I'm going there and do little. Conversion into a curved point -- could give me that I don't -- down here. And changed that. Angle to. So I get this little system this kind of it -- this way. Tonight is -- guys just curving and all kinds of different directions Pakistan to play with these to get these angles just the way I once I get really nice little tight areas. Hoops that that. It's on that one and that's one. -- that point just kind of bringing in -- these guys kind of repositioning things to get -- just the way I want this animation to work another I have all these different steps he is -- my little steps to my animation. And that's been his point Donald little bit. Even the federal law if these guys nice and even map -- okay all right so now. I've got this is a little thing happening -- it might. My a layers palate but I have this particular object and with a blend. They could to blend between these things aren't going to and expands. When I'm going to do is I'm simply gonna go in here. And undermined pull down menu here I haven't -- these two layers. Is gonna take each one -- steps. Instead an expanded and then manually go in there and pickles if not can do it. Quickly and automated by going insane read these to layers I have build and I have a sequence. Sequence is what I want that this is an animation so we need -- sequence. Click on that. Now I'm gonna do one more time to that second batch and open up there released a layered sequence and now you'll see that they've got. Quite a few times is gonna happen here. Until I get this just right. And get this day. And and they sequence did they are feed all of the pieces they all wanted to individual layers. And they're nice and clean so now. I'm gonna go and say save for web and devices. Now there's my sequence what I want is 44. -- the other -- sort. That's neat. The format for. For flash. I didn't go directly from illustrator into flash sites saved that I -- analysts say all the thousands of well. Not want duty he layers to swift frames. Click on back. So nicely that we're only seeing one lead because you see one frame of our animation we can have multiple -- Frame the stuff happening there. And what's happening now all these different layers have become individual frames for this if animation I've done here I'm going here -- say. That previewed at fellow go here and choose let's see what I have in my applications for this machine here -- you've you have good old fashion safari."
" Yeah this safari does it open it. And I also wanna move this so that's justice turns off for a second I want to -- it. We turned coupon first that way it's gonna continuously play rather than plaintiffs ones in this -- Gothic had a view that in safari and everything that my little need for falling down and going all the way down -- gonna -- no big Apple's been visible there. But it was the other leave this is -- down in changing colors as it goes down and twirls and does all these cool things and so on. So I've created all the steps in between four for the animation for this thing. It's -- question of knowing the movements now studies have not present a little piece of paper or belief. I mean this is for now that we're talking about so does plan it is all over the place going to look at me from her study how it. Turns it goes out of my not really bend because the fact that -- very -- they should be a -- right so just look at it and and look at different angles. So going there and generator general basically. And then the other two steps distort them too wouldn't you want that he's the -- how you want the four and so -- Kind of decide -- movement and then what you got the three interim steps. -- that -- create all the steps in between and then animate the whole thing and then it goes to the web or B one does animation to show. Simple stuff really easy to do. You can become a a Academy Award winning animator just by playing around those straighter and that's that is the question of playing around. I would say it's going in -- best way to learn this stuff is to sit there and play them that -- work this is fun. -- organize something smallness of a lot of steps in there again it's what you do with those steps is gonna make a difference don't know is only recreate exactly what I do. Get creative. Do a little different I don't believe -- might want to do -- little handkerchief -- something slowing down get creative if you didn't come up with. And there's anything you'd like to see on the show email me at Bert and revision3.com. Also if you have. You can check out the forms. And revision3.com. Forward slash font where you can join discussions about the show and maybe influence the future episode out of a lot of questions that come up and a lot of them are answered in my. You this book. Photoshop studio Hooper Monroe or digital painting which should be soon screen right now which you get directly from. Amazon peach pit or link to it right from my site for -- dot com I wanna thank. For stealing it's scary about this for that incredible background there that that was to us very relaxing and moderate to severe and well there -- over there for me. And if you want York to be back here. Remember. Revision3.com. And your background should be 1280 by 720 pixels and a JPEG and you'll see you back there and see your name on the screen. That's cool thing and it's printed work goes deeper vote. Open -- update and I really hope to see you next week."
" War. This episode of pixel perfect is brought to you by Netflix and godaddy.com. And welcome the bits of -- media host -- right. First I want to thank these series -- malice toward this incredible background look at that thing. Nice kind of mood lead kind of kind of spooky that kid who does the Kremlin over it but anyway. On today's show we -- going to actually switch gears a bit I want to go into those straighter and create little animation for a little animation. A few months ago I had W Golding on here and -- it -- enemies with some -- I wanna. Kinda expand on that a little bit just so you can see how it how it works but what we start. Netflix that's thank Netflix who you can read over our 100000. Titles -- On line including lots of Blu-ray titles with free shipping both ways to your home. Now -- over forty shipping centers almost all of deliveries happened in just one business day. And that plans that start as low as four dollars and 99 cents. And it and you remember you getting no -- two week free trial membership. You check the whole thing out and www. Netflix dot com forward slash pixel perfect. And remember type in net WWW. When using this code. Also want to thank you GoDaddy outcome if you want to make an impact on line godaddy.com has what you need. Dot com names for as low the dollar 99 plus a world class hosting. Ask any website builders and so much more check them out ahead godaddy.com. So now. -- an illustrator. Now. The blend tool is something I've used many kinds on the show and I use it in every one of my -- It's a way of going in they've created and the place between two different paths to different shapes and turn him into all the steps in between great -- between -- of animation which is what I want to cover today now that -- that. Little tool like I've."
" Showed before it just creates say yeah nice and the relation between some weird -- create this bizarrely shaped like this. And let's just say right now it's so black and its big -- bed stroke and that'll make that stroke let's -- out. Thirty points and right and they inside -- make that a I yellow all right then I'm here -- create another shape. And saying -- (%expletive) like that right. And element that inside dream and we'll make a stroke. Let's say we make the -- a blue and make it much thinner. And say we go and down and they gave five point stroke. So now while doing -- select all the shapes. And he noted -- have the same number appoints is from has to lose as a whole bunch. The blunt tool of this guy right here. Which allowed me to go in there and select what type of planning I mistakenly specified number of sex and say gimme three steps click OK and I -- from one object. Any other object. And I going to be room point their and it creates the steps in between I noticed that it's doing the transition of color. It's trends as transition of the color for both the still and the stroke and languid they went from the very young ratified it made that kind of a transition. So that's basically the tool that I want to use. And I want to create a little animation. So. We're gonna create a little star and nations so to get a nice and clean and bring out a bring my was and -- guide -- middle here. So I have something that can no in my central line is summer start to draw minutia. -- Here and start right here and create this little. Drag get a sex so think that and then here -- two. Hold down my option key to get that different -- handle to go in this direction and create this -- shape. I'm going down here and yup it's a little need. It's so they would just go here and go over to here -- now. I'm gonna do they select all. And with my a right over here might reflect tool and a place it right there right MacArthur right on the guidelines. And hold down my option key and click which brings up the controls for the reflect to a promising on a vertical axis give create copy. That is the other side of my little only protecting now. Grab these two points up there with these that's electable that's -- scary it. And I can say join them. Which is command. And that I -- those two -- there if they do it O NIC was having a dumb idea. My a guide is isn't locked them going on here and like my guide Yelp like my -- okay. Now we could select that and join them. They get a court appoints -- that it's nice appointed grace and -- to finish it off down here by starting from here hold now might alt key option on. On the Mac companion read this little handle all across this way and then go back up here and close it off -- on my me. Rights and out. Is gonna have no stroke just a Greenleaf all by itself -- it is my belief. So now -- and and that's shrink it down a little bit I'm going to shrink it down. About like that. Bring it up here to the top defendant should be down a little more. I'm on my alt and shift option shift that way is doing it from the Centre out and shrinking it uniformity there it is I want to take them even duplicate it. They could duplicate of it. Breakdown here. And then hit command. Now does -- that she's gonna be falling down list of stuff to the top least now I would go in there and let's rotate this guy. -- do rotate on him. Who -- them -- center -- rotating like that. They would do little scale on just kind of squish him a little bit kind of like that. -- this guy in the middle here let's locate him in the opposite direction is going to -- just rotate in this way -- nice and big and William kind of flat."
" But maybe it will distort -- what to think this little guy here and -- distorted just a little to stay -- a woman who wants to our movement. -- bring this up here and I think these guys just kind of problem that way who also going to change of color from. We're gonna go in there and change that color so going there and say. For the color. I'm feckless mature and the color here. That's going to bring it down. More towards the yellows like that. Price and how this guy way down here we're gonna really rotate in -- going to rotate him. Like that Texas to totally opposite way that way -- I don't really shrink him down. Not uniformly that was so he's kind of like laying flat on the ground. And I'm gonna go any kind of curl up that back and that's going to get real closely to see you were doing and -- grab this little handle and bring it up. And this one next to it. And it's well worth it to feel we're doing and I kind of -- this this way and grab this guy bankroll him that way. So now we've got that happening and they do -- front part up a little bit and which is kinda move these handles down. I salute and been in a little bit Alabama did that leave a nice. -- kind of almost orange. All right so now we've got all these little guys tonight that's. Let's go back to deceive the the whole view here. There's -- three of them there's the three so now I'm gonna take these two right here. Allah be very specific as to where I'm going to be doing my transition so I'm gonna go into my. My Bandelier or rather my my blending options and I'm gonna say yes that's right steps and let's make it ten steps. Click OK I'm gonna click on the temple here. To detect here and create all the steps in between. So now. I want to rip. This guy here and shift click this guy down here and not promote you to say blend make. It's going to follow the same kind of precision there now it creates a straight line let's get rid of our guide we don't need I've got anymore. We can had a guide we don't need to he did set the lion's. That show you that transition. So -- I don't think my pen tool actually at a point right there on that line. Which hold down my option key is might convert to a tool that I'm going there and do little. Conversion into a curved point -- could give me that I don't -- down here. And changed that. Angle to. So I get this little system this kind of it -- this way. Tonight is -- guys just curving and all kinds of different directions Pakistan to play with these to get these angles just the way I once I get really nice little tight areas. Hoops that that. It's on that one and that's one. -- that point just kind of bringing in -- these guys kind of repositioning things to get -- just the way I want this animation to work another I have all these different steps he is -- my little steps to my animation. And that's been his point Donald little bit. Even the federal law if these guys nice and even map -- okay all right so now. I've got this is a little thing happening -- it might. My a layers palate but I have this particular object and with a blend. They could to blend between these things aren't going to and expands. When I'm going to do is I'm simply gonna go in here. And undermined pull down menu here I haven't -- these two layers. Is gonna take each one -- steps. Instead an expanded and then manually go in there and pickles if not can do it. Quickly and automated by going insane read these to layers I have build and I have a sequence. Sequence is what I want that this is an animation so we need -- sequence. Click on that. Now I'm gonna do one more time to that second batch and open up there released a layered sequence and now you'll see that they've got. Quite a few times is gonna happen here. Until I get this just right. And get this day. And and they sequence did they are feed all of the pieces they all wanted to individual layers. And they're nice and clean so now. I'm gonna go and say save for web and devices. Now there's my sequence what I want is 44. -- the other -- sort. That's neat. The format for. For flash. I didn't go directly from illustrator into flash sites saved that I -- analysts say all the thousands of well. Not want duty he layers to swift frames. Click on back. So nicely that we're only seeing one lead because you see one frame of our animation we can have multiple -- Frame the stuff happening there. And what's happening now all these different layers have become individual frames for this if animation I've done here I'm going here -- say. That previewed at fellow go here and choose let's see what I have in my applications for this machine here -- you've you have good old fashion safari."
" Yeah this safari does it open it. And I also wanna move this so that's justice turns off for a second I want to -- it. We turned coupon first that way it's gonna continuously play rather than plaintiffs ones in this -- Gothic had a view that in safari and everything that my little need for falling down and going all the way down -- gonna -- no big Apple's been visible there. But it was the other leave this is -- down in changing colors as it goes down and twirls and does all these cool things and so on. So I've created all the steps in between four for the animation for this thing. It's -- question of knowing the movements now studies have not present a little piece of paper or belief. I mean this is for now that we're talking about so does plan it is all over the place going to look at me from her study how it. Turns it goes out of my not really bend because the fact that -- very -- they should be a -- right so just look at it and and look at different angles. So going there and generator general basically. And then the other two steps distort them too wouldn't you want that he's the -- how you want the four and so -- Kind of decide -- movement and then what you got the three interim steps. -- that -- create all the steps in between and then animate the whole thing and then it goes to the web or B one does animation to show. Simple stuff really easy to do. You can become a a Academy Award winning animator just by playing around those straighter and that's that is the question of playing around. I would say it's going in -- best way to learn this stuff is to sit there and play them that -- work this is fun. -- organize something smallness of a lot of steps in there again it's what you do with those steps is gonna make a difference don't know is only recreate exactly what I do. Get creative. Do a little different I don't believe -- might want to do -- little handkerchief -- something slowing down get creative if you didn't come up with. And there's anything you'd like to see on the show email me at Bert and revision3.com. Also if you have. You can check out the forms. And revision3.com. Forward slash font where you can join discussions about the show and maybe influence the future episode out of a lot of questions that come up and a lot of them are answered in my. You this book. Photoshop studio Hooper Monroe or digital painting which should be soon screen right now which you get directly from. Amazon peach pit or link to it right from my site for -- dot com I wanna thank. For stealing it's scary about this for that incredible background there that that was to us very relaxing and moderate to severe and well there -- over there for me. And if you want York to be back here. Remember. Revision3.com. And your background should be 1280 by 720 pixels and a JPEG and you'll see you back there and see your name on the screen. That's cool thing and it's printed work goes deeper vote. Open -- update and I really hope to see you next week."











