Motion Graphic Workshop : Full Project

1. Introduction: Hello there. Do you want to learn motion graphics from scratch until you become a professional, then you are in the rights place. We are here to help you achieve that. Through this workshop, you will learn to create a full motion graphic project. We will start by creating our design, using the Adobe Illustrator software in a step by step manner steps that include creating multiple winning shapes, the main character, the motorcycle and a lot more shapes that we will need in our project. Then we will set organize the files to add them to the after effects software in an easy and the smooth way. After that, we will move to work on our designs. Indeed, I'll be after effects software to animate dentro multiple animation techniques until we get the best results. In the end, we will save the project as a video or a GF file. 2. Background Design: Hello, everyone. And welcome to this motion graphic workshop. In this workshop we will create a full project from scratch. We will draw our own characters and objects and everything. Then we will move the project to the after effects software to animate the project and make it move. The projects will look like this as you see in here. So this is the video that we will create their in this work. As you see here. This is our project. So we start by opening a new page. You go to file on you, then we go toe arts on illustration and we select this one right here. And here we are. Then we use direct angle tool to set the background in here. Perfect. We change its color. You could make it in a single color or make its ingredients is totally up to you. Now for me. I will use the radiant. Now I double click here to change the color. You can select any color you want, but for me I'm gonna use this color double clicking here as well. And I was like a lighter color at this time. I just It's from here. Perfect No, he's Grady in tool to set the angle off the Grady ins like this. Perfect. We just a little bit more perfect. No, it's like the wreck single tool. And we're gonna draw the sidewalk right here. We put a rectangle in here and we're going Make sure that you don't get outside the frame, so make sure that everything is precise and in its place. Now, we changed the sidewalk color to this color right here. Perfect. Now, when I'm with Struck from here from here as well to avoid any problems. Now I'm gonna paint the sidewalk. There are usually stripes of red and whites in the sidewalk. So we're gonna go the 1st 1 and make it in white like this. Then I hold the altar button and I drag it to duplicated, and I put it here. Don't click here and I make it in red Click, OK? And perfect. Now I select those two rectangles. The 1st 1 does not appear well, so I'm gonna change its color so that it appears for now. Then I will put it back into white. Now it's like both of them. I hold the old button and I dragged them to duplicate them like this. Now I'm gonna keep duplicating until I cover the rest of the sidewalk. And here we are. We have a little space that needs to be adjusted, so I need to zoom in. Then I will select this rectangle, and I would drag it to cover the rest of the sidewalk like this. Perfect. Now zoom back. Perfect. Yeah, I'm gonna. But this these sidewalks into this strikes into white Perfect. Like this, I paint them with white story, as the cycles are usually painted in white and red. One important things I need to talk to you about is the layers we need to put each part in its own layer. For example, I'm gonna make the background in a single layer, then the buildings in a single layer than the character in its own layer so that I can control and manage everything properly. So every part of the image or the project needs to be in its own layer. So, as I said, the background will be in its own layer. The buildings will be in their own layer. The character etcetera. You get the idea? No, I slept the rectangle tool. And I drove a rectangle in here like this. As I said, make sure not to get outside the frame. We need everything to be precise. Now I painted with this color. Then I hold the Olds button and I drag it to duplicated. It is I make it thinner like this. I just its height. Then I will change its color to yellow to make it look like the line. And I put it right here. Perfect. Then I select directing little again and I don't another rectangle in here. It's bigger this time, and I will make it in this color, but slightly darker. Perfect. Now I slept the wreck single tool again, and I drove a small rectangle in here. A sin one. A zoom in a little bit. Make it in whites. It's like the curvature tool. Sorry, and it just looked. Select the direct selection tool, not the curvature tool. I select this dot and I drove toward the inside to make it rounded edge like this. As you see, the rectangle has rounded edges and you do that by selecting the dots and throwing it in toward the insight. Now I'm gonna justice ice off the rectangle a little bit. I hold the ultramodern I drag it and I duplicated like this I duplicated again. Keep going. It's like, um, for the whole line and one more time like this. Now I need to align these lines together. So I opened the layer. I select this box on a rectangle. As you see, this is it's layer. When you selected its gets checked in here. I like it like this so that they don't move. Then I select all the lines on the rectangles and I go here to align. I click on it. It's a lame the rectangles, all the lines By clicking here Then then here. Perfect. And here we are. Our background is ready. So I will see you in the next video to continue our work. 3. Cloud design: Hello, everyone. And welcome to this video to continue working on our project. This is our work so far. And now we would draw the clouds in here. Now unlock this layer. And as you see we have here, this is the background layer. When we click here, it disappears and it proves again. Now we're gonna drop gloves, and we're gonna make them in in their own layer. So he creates a new layer from here to draw the clouds. There are two ways to make layers. You can either draw each part in its own layer, as I recommend. And then you can add the whole layers or your whole project into the after effects software . And the second way is to make a layer like this and you put all the layers in its. Then you go here, you select, release the layers, and then we'll take a lot of time and you need to organize the layers and etcetera. So what I recommend to do is to make a layer for each part off the great off the project, make it in its own layer. As they said before in the former video, I'm gonna make a layer for the buildings layer for the background layer for the character. Each part of the project will be in its own layer to save us a lot of time and to make everything proper and organized. No, start growing the gloves. So we go here and we select the round that Sorry, the rectangle tool. We don't rectangle in here. Then we select the direct selection tool, and we clicked on this dots and we drove toward the inside to make the edge off the rectangle rounded like this. First, I need to look the background layer. Then I go here. It's like the let's to I hold chef button to dog circle and we hold the shift button, so that's weaken dro symmetrical circle. If we don't hold the shift button, it will be a symmetrical and that will be a problem. Now I hold the altar button to duplicate the circle like this, and I keep going until I make shape of a cloud. I just decided this circle a little bit perfect, and I make this one smaller little bit while holding the shift button. As I said before, to make sure that each circle is symmetrical. Keep your like this. And I just decided this one. And here we are, almost there. Perfect. This is our cloud. Just the position of this one and its size. Just a little bit. Perfect. No, I slept the whole circles like this. And I hold the olds button to duplicate them and as well duplicate. Sorry. I need to adjust its size a little bit like this. Zoom in a little bit. Just some circles like this and I hold the shift button while I just had size like this. Perfect. Now I select the whole shape. I hold the altar button and I drag it to duplicate it like this. I'm gonna make multiple clouds and I put them right here alone. The sky keep going like this. We are another one in here in here as well and just the position of this one. Perfect. And I can adjust the position of the club's later if I want. After I end from after I finished working on the builders, it will be dependent, dependent on the view that I deem fit. So that's how we designed clowns and add them to the design. And so that's it for this video CEO and the next one to continue working on our project 4. Building design: Hello, everyone. And welcome to this video to continue our work. And this video will designed the buildings. So we start by zooming in a little bit. So I opened a new layer and then I start working again. I select the wreck single tool and I place a rectangle in here pages with this color. Then I select the wreck single toe again and I hold the shift button. I drove a rectangle sort a box in here. Make it in this color lighter than the building gunner. And as you see, the background layer is locked. And if I want to look the club layer, I could do that as well. And after finishing, I can unlock anywhere I want. No place this box in here. I just dis rectangle or this building a little bit like this place. The first box in here. Then I hold the old button and I drag it to duplicate it like this again. I do give it one more time. Perfect. Now I love this layer. Then I select all these three boxes, select all of them, hold the ultimate in, and I dragged him down to duplicate them. Then I select old boxes. I duplicate them beholding the ultimate end, dragging them down. Then I slipped the street boxes together and I put them right here. Perfect. Now we're gonna move toe drove the next building. No, I slept this layer and I'm dragged down here to duplicate the building. I don't look this layer I click here. Then I drag it right here to duplicate it. I put it here. Then I would change the background color. I'm going to change its color to discover right here. Perfect. Then I select Riveter Tool Actually here. I didn't drag appeared like this to make the building different than the 1st 1 Now I duplicate this layer again, which means I duplicate the building. I drag it, I put it here. I need to click here first. Just let all the layers inside of it. Then I drag it while whole right here to duplicate Perfect. Now I opened this layer. It's like the Riveter tool and I dragged this edge of the building But here, like this, zoom in a little bit and I slept gravity tool and I make sure that the building has the straight line on top of it. Then us like the rectangle tool. And I drove a rectangle in here. I make sure to center it like this. Then I draw another circle. Sorry. Another Reckson. Perfect. No, I look the background right here. Then I select these boxes like this. I hold the ultra woman and I duplicate them right here like this. Perfect. No. I slept the top ones and I delayed them like this. I duplicated these two. I select them. I hold the ultimate in. And I dragged them up here to duplicate them like this. Now these two layers, I put them down here like this to put them in front, off the box or the rectangle. Now I duplicate this building like this. I click. You just let the whole building and I drag it right here like this. Perfect. Then I select the Riveter tool and I'm gonna adjust the building. Sorry. I need to go back. I select the building. Then I select the curvature tool to adjust the building like this. Perfect. I opened this layer and I looked the background. Then I select these boxes. I hold the old Martin. I dragged him up here to duplicate them. And I put them right here. I closed this layer. Then I select the first building layer. I look the building, the bedroom. Sorry, I duplicated like this. I click here, slept the whole shape and I duplicated by dragging it like this. I make sure it's level with the ground. Perfect. Now I click here slept the whole building. Then I duplicated one more time and I put it right here. I select it doubly here and I change its color like this. The colors I will change up later just to let you know. These are just example colors for now. Now I click here and I dragged to make a circle on top off the building like this. Now I go here. I'd like you to slip the whole building. Then I duplicated like this. I put it here. Hold shift button and I just its size like this. I delete some boxes. Or maybe not. I leave them like this. I just This one's like this. We're almost done now. Just another building. I look this layer like this. Then I select all the layers I duplicated like this, and I drag it right here. Perfect. Let's let this building. I used or I select the curvature tool. And I edited or adjusted like this. I had another thought in here. Put it down here and double click to make it straight. Lines like this. Perfect. And here we are. All brethren's are ready. These are the buildings that we are going to use and his design, and we will adjust them and edit them in the next video. So that's it for this video. Thanks for watching. And I'll see you in the next video to continue our work on this project. Thanks for watching. 5. Editing Building Colors: Hello, everyone. And welcome to this video to continue our work in the former video. We have works on these buildings right here. As you see, we have the background and these buildings right here and this video will edits and paint the buildings. Now we zoom it a little bit. That was like, the first building. Here it is. I'm gonna delete a little bit some of these boxes. Something for the city building. I selected Slayer and I looked this layer right here. Then I click here and I changed the color like this. Perfect. No, I don't. Look, the layer that I select these boxes and I delete some of them. Perfect. Now we go to this building, right here it is. We go to its layer. We unlock this layer like this. Then we painted with a difference. Kind of like this. It's like this one as well. It's like this whole week up in this color. Then replace it in here and in here as well. We use the eyedropper tool to copy a color from here, then base it into the the one we want to. Now we all look this layer so we look, it all these three layers like this that was like these boxes right here. We used the eyedropper tool to change its color like this. Perfect. And we need to make sure that the colors are consistent. We need to make sure that the colors are close to each other. We're not gonna use red and blue, for example. No, look, these layers like this and we delayed some of these boxes like this. Perfect delayed. That's up on as well. Then we moved to the next building according to identify its layer. Then we go here to change the building color like this We look, it's layer. Sorry, I need to go back. And we select these boxes like here is the eyedropper tool to change its color like this. Then, as always, we delayed some of these boxes like this. You get the idea that the ones that we delete it's like that the lights are turned off and the ones we're here at the lights are turned on. So we delete some of the boxes to make sure it would make it look like the lights are off in the building. In some apartments of the building. Now it's like this building and always remember to save your project like this Dis click on file and say from time to time so that you make sure that your project is not wasted stays in case of a power outage or anything else. Now we're locked this late like this, just like these boxes like this. And we used a dropper to change the colors of these boxes like this. Perfect. I'm gonna look this fight like this so that the clouds don't bother me, and I'm and gets in the wait When I drag something perfect Now we move to the next building and, as usual, was selected. And I think I'm gonna leave with same color. I'm just gonna delete some boxes like this. Now it's good. Now we only have two buildings left. It's like this layer. Unlock this land like this we selected. We use the color picker to change its color like this. Same in here now is the eyedropper tool to paste to copy and paste the color like this. Perfect. We look this layer like this all the treat layers cause as you see, the building consists of three rectangles And now I select all these boxes like this and I started leading them. I use the eye capital first story to change their color like this. And then I started leading them like this. I'm not gonna delete all of them. Just a few of them to make it look like the lights are turned off in some buildings. As I said before now we only have one building remaining. Unlock these layers and we move to the next building, which is the last one. No change. It's kind of like this. Or maybe it's a different color. It looks better. I looked this layer like this and I select the boxes. I used eyedropper tool to change their color like this. Perfect. Then we delete some of the buildings boxes like this. Perfect. And he we are This is the final look. Our buildings like this and well, I will see you in the next video toe. Work on the next step. First, I need toe. Make sure that everything is in its place. I'm gonna just the position of the clouds like this. That looks perfect. So the sifters video. Thanks for watching. And I'll see you in the next video toe. Work on the next part of our design 6. Grass Design: Hello, everyone. And welcome to this video to continue our work on this design. In the former video, we have edited the buildings, colors and that this video would work on the sidewalk. So we need to make sure that this layer we go to this layer. First we select the sidewalk like this and as you see it gets and identified in here. This is the sidewalk player and now we will put it into its own layer. So I opened a new layer like this. Then we take this sidewalk layer and you put it in its own single layer like this. And as you see the sidewalk, it is in its own later. Now it's like this layer. And then we make sure it's open a new layer of the needed like this. Then we start growing like this. First I need to zoom in tow work probably. We select the rectangle to and was like deal esto. We hold the shift button and withdraw symmetrical circle in here. It's a small one. We make it in green like this. You put the circle right here. Then we hold the ultimate to duplicate it like this. We hold the old wooden and we drag to duplicate a single object and to make a bush look like this. Now we put the layer appear to make sure that it's over the sidewalk, and I just the bush like this. Now I make sure to lock these two layers like this, and I slept the whole shape like this, and I hold the old button and I drag it to duplicated like this. As you see these layers does not appear. So we need to put it up here to look in front of the building, and I keep going until I cover the whole sidewalk. With grass like this. I hold the old wooden and I dragged to duplicate a certain object, and I keep going until I covered the whole sidewalk. As you see after a bolt, the layer to the top, the bush is placed in front of the building, not behind it. Perfect. No, we pull this layer to the top like this, perfect to make sure it's behind the sidewalk and we zoom out. And here we are. As you see, the grass looks perfect. Zoom in a little bit and I need a click. I select on this like this layer and I click on the lower button from the people to lower it like this. Now I duplicate this late like this. I select the lower layer and I put it up here like this. Then I click here and I changed the color like this toe lights or one back. This put it up a little bit like this. I'm sorry I said the letter, but it's a darker color. Perfect. Now I select these two layers and I lowered them a little bit like this. That looks perfect. Yes, let's both of them again. And I need to cover this space like this. As they said before, just make sure not to go outside the frame. And here we are. This is the final look off the trees in the sidewalk. So that's if this video next watching and I'll see you in the next video toe. Work on the next part if our design thanks for this is the buildings that we would work on in the next video. So see you in the next video 7. House Design Part 1: Hello, everyone. And welcome to this video In the form of this is our design so far that we have worked on in the former videos. And in this video we will design these buildings right here. These fronts houses, we will design these houses in a separate page. Then we will base them into our design so that everything stays separate and in its proper way. And so that I can explain more precise and effectively. So we start by opening. So start by saving this design. Then we go to file new. We open a new page. It is our recent designs sittings. We select the rectangle tool and we drove the building right here. Remove the stock and we painted the building. With this color we go to edit with selectable building that would go to aid its copy and it did based in front to duplicate the shape. Then we drag this shaped like this just its size like this from the sites. Then we change its color like this. Then we select this shape. We hold the old spoken with drag it down to duplicate it like this. You put it up a little bit perfect. Then we duplicate the shape again with selected, withheld the old button we drag it or weaken selected control seed in less than control V to duplicate it. Now we changed this one to this color. It's a little bit dunker and we just hit sites like this There used curvature, tool And we just shaped like this. Like this We just its size a little bit Perfect. Now we select direct England's will to draw the windows. We don't The first rectangle in here resume in. So that's it. More properly, we change the color like this. Paint it with this gunner. We activate this trope, we make it in white and we just its size to six points like this. It's like the rectangle tune. And I drove a rectangle small one in here just in the middle. Perfect likeness. Now we opened this layer. We go to the rectangle, we lock it. Then it was looked This shape like this the window we hold the old woman and we drag it up like this to duplicate it. Then we hold the shift button and we just the size like this. We hold the old button when dragged into the right to duplicate it again and replace it right here. Now we're gonna drop the door. So we select the rectangle tune and we drove the door like this. Remove the stroke, then we change the color. I'm going to use the eyedropper tool to copy Discover and to paint the door with it like this. Now we select dealers toe. We hold the shift button to drove symmetrical circle to drop the door knob like this double click you to change its color. Or I'm gonna use the eyedropper tool like this. And this is our first house is ready. Now we're going to duplicate this house because we're gonna make two versions of it. As you see, we have this one in yellow and they had one angry. So I duplicated It's the same house, just a different color. So we will duplicate it to make sure that we save time. We dragged the layer like this, and here we are. We have two layers, which means we have to buildings which, like this one and so I need to select it like this. And I I, um look, this layer, then I drag it are here to duplicate it like this. There are different ways to duplicate certain objects. This way is better in here. Now, I'm going to just make a little adjustment to the house like this. Then I'm gonna change its color. Two green, as you saw in the original design like this. Or maybe a little bit lighter. Perfect. Same thing here. I'm gonna copy this color. I used the eyedropper tool to copy and paste the color. Then I change it a little bit like this. Same thing in here. Paint This one discolored, I click here. Then I select a lighter color a little bit like this. Or maybe dark. Sorry. Being the door with this color sending with a door knob. I used I travel tool to paint it with this color. Perfect. Now we have here two houses ready. Now we're gonna add it to the designed to look like this. So it's like this layer like this. This is designed so far. I open a new layer and I dragged the shape like this right here about the building in here . I just its size. I hold the shift button while I am adjusting its size like this to make sure that everything stays perfect. No, we said it was like the layer like this and we move it a little bit. As you see, it's the same building just with a little bit different color was left. It's late like this and we move it to the right a little bit. Perfect. Now late Looks perfect. Now we do the same thing for this building. I'll look this layer like this make sure to unlock any layer that it's loved. Before you call me the Building. Now it's opening new layer. Then we select the building and we drag it to the design page like this. You put it here and again, we hold the shift button and we just its size like this. And we could wider a little bit. You move it to the right a little bit like this and perfect. And here we are. We have here two buildings in the design. Now I'll see you in the next video to work on the next buildings. Thanks watching. And I'll see you in the next video 8. House Design Part 2: Hello, everyone. And welcome to this video to continue working on our project in the former video. We're works on these two houses. Right here. You have the left one on the right one. And I'm gonna make just some slight adjustments in the colors of these houses. I select the house, double click in here, and I changed the cutter a little bit like this. That looks better. And same thing for this one. A selected double click here. And I changed the color slight. Alexis. Perfect. Now we have these two houses ready. We go back to our design page and we hide these two houses and start working on the next to now. I zoom in. It's like direct angle tool. I make a rectangle in here. I changed its color. Perfect. Maybe discover it's better he had That looks better. Now I select the rectangle ago to edit, copied and at its base in for in front. And here we are just the size of this rectangle. Then we change its color like this. I zoom in a little bit and I just the sides of this rectangle like this a selectable shapes . I go to a line I collect here and here. Perfect. Now I select this rectangle. I hold the olds button. I drag it down to duplicated like this. Then I just its size. Now that's perfect. They put it up a little bit and I just decides of this rectangle like this apple, this one up a little bit more and I hold the altar button. I drag it down to duplicate it again. I brought it up a little bit. Then I changed the color of this rectangle. I make lights of colored in the one that it's already were with. Now. Now I make this one with same color, this one that I select the rectangle and I drove a rectangle in here. Then I duplicate this one again by holding the olds button and regulated upside or downside . It is meant I put it here. No, I select the less, too. I hold the shift button and I drove symmetrical circle in here. Now I activate the Stoke. I make it in this color and I will make it at eight points. Or maybe just six. I think for it's the best life. Then I copy this color using the eyedropper tool and I make the fill in this color felt is the internal color off a certain shape. Now I just the size of the Stoke to four points. That's better. Now I hope I select the direct angle to and I put a rectangle in here. I removed the stroke and I make it and discover I need to center it a little bit so and move it to the right little. That's perfect. Now I opened this layer. I need to remove this house so that these layers go go, go away cause they confused me a little bit. Now we look this layer. Then we select this shape. I hold deals button, and first I need to center it a little bit like this. Then I select old shape. I hold the Olds button and I drag it to duplicated. I don't get in one more time now. I duplicate the windows like this, and it's like the rectangle tool toe pains or to draw the door in here. I make it. I changed the filter of stroke. I make it to four points like this. Then I select the scissors to and I click here and here to delete this spot like this. I changed the film the fell colors. First I need to use the eyedropper to copy this color and I base it in here. I select the door and I face it like this. Now I use direct angle tool and I put a line in here. I'm of the stroke. I live only to fill to make it look like this. It looks like a glass door. I need to center this line like this. I select this part. Hold the old button and I duplicate the door like this. Then I will delete this one. Now I go up here. It's like the rectangle tool on. I drove a rectangle in here making in discover. And here we are. This is our next building ready to go. I slept this late like this and I opened a new layer in here in the speech. Then I will drag the shape to our design page. I put it here. Sorry and just left it like this. Then I place it right here on. I will adjust its size like this. Hold chef button while I'm adjusting its size to make sure that everything stays perfect now it looks perfect. So that's it for this video. Thanks for watching. And I'll see you in the next video toe. Work on the fourth building in this design. Thanks, Raj. 9. House Design Part 3: I love everyone. And welcome to this video to continue working on our project. In the former videos, we designed these tree houses right here. And this video will work on the fourth house. So now we go to our work page. You drag this house right here, so I need to go back. I need to unlock the background and I select a house like this. And I put it in the left like this. Now, I opened a new layer and I start designing the next house. I need to put this one right here to leave the perfect amount of space. No, I select a new layer and using direct single tool, I creates a rectangle in here advances with this gunner. I need to make it a little bit later. Perfect. Now I select the shape I go to edit. Copy it. It's based in front. And I put this one right here like this. The 2nd 1 I just its size and I put it here. Then I will change its gotta like this. Perfect. I hold the old button and I dragged this shape like this to duplicated. I put it here and I just its size like this again I hold the olds button and I drag it up to duplicate it. Then I put it right here. I just its size and I would change its color slightly like this. Perfect. Then I select the rectangle tool and I drove a rectangle in here I will keep the discolor again. I select directing Go tool And I don't rectangle in here and now I will change this rectangle color like this to make it look like it's a window I make a white stoke and I just the stroke size to four points like this. Or maybe I'll leave it at four. Or maybe I'm continued. I think for will be fine. I lived there for no, I just discovered a little bit like this. Perfect. Now I select the rectangle tool again I draw a rectangle in here small one to make it look like a line Remove the film Perfect. Now we go to the lower parts of the house I used the rectangle tool and I dont smaller window right here I make it in this color to make it look like glass So I used eyedropper tool to copy and paste this color. Then I select the rectangle tool and I put a rectangle in here to make it a black. It's the health off the window. It's the middle of the window like this. And it is, um in to make sure that the rectangle is in the middle perfectly. I need to zoom in to make sure that everything is in its place. Perfect. Now I slipped the background layer I Luckett nice like this rectangle and I aligned this one and it is center it like this and I hold the window I selected. I hold ultra button and I drag it to the rights to make sure to duplicate it. Now I will use the rectangle tool to draw the door. So I go direct single in here I just its size like this. Then it's like this color copy interiors in the eyedropper tool. Now I make stroke and I make it and whites. Then I make it five points like this. Now I select the scissors to and I click here then here. Sorry, I need to go back. I select this place and I selective and like Like the lift for the keyboard to the late this. But now I slept the Ellipse tool on hold Shift button and I drove circle in here. So look like Dorner. And with the stroke and I select this color a copy it and paste it in here using the eyedropper tool. And now the house design is already it's close Now. I selected like this. I opened a new layer in this page. Then I will drag. I will select this house. I need to select it from here first and it's unlocked this layer. Then I select the house from this layer. Then I drag it to the design page and I put it here. I just It's position like this and its size. I just its size while holding the shift button to make sure that everything stays perfect and I put it breaks you Perfect. Now I can adjust the position of the houses. I need to just the space between the houses Now. I saved the design by going to five safe, and now I need to just buildings in the back like this. I just decided this building same thing for this one and this one as well You don't have to make these adjustments if you don't like them. This is just how I see the design. It depends on your point of view. Perfect. Now our design. It looks like this so far. And as you see, we have the background, the sidewalk, the buildings and behind the trees and these houses right here. Now we have the character left to be designed and I'll meet you in the next videos toe work on the character and design it. So that's if this video thanks watching, and I'll see you in the next one. 10. Motorcycle Design part 1: Hello, everyone. And welcome to this video to continue working on our project. This is our project. So far as you see, we have designed the street, the sidewalk, the buildings behind the background, the skies and these houses right here. And in this video we'll work on this motorcycle and character driving it. So we start by working on new page which makes things easier and clear for you to follow. And then we will take our design off the motorcycle and the character and integrated to the design. So we start right here, my slips into pencil and we start growing like this. Place the first dots right here. Then we go here, we click and drag like this to make a curvy line. Then replace the next starts in here. We collect enter like this. Same thing in here. Click and drag. Keep going like this. So I need to go back. I'm gonna remove filled so that I can work properly as you see the film Next thing harder for me. So when we don't move it, things go a little bit smarter. Perfect. Now, as you see, the shape is little bit tricky. So we need to fix it. So we use the curvature tool to fix the shape like this. Click on the start and we just shaped like this. Keep going until I get the image or the shape I want you going like this. Perfect. Just a little bit. Adjustments more. Now look here to add the internal color or the film like this. Now we zoom in and we keep adjusting. Our shaped like this. I select the pencil. I click here. Place the first dot in here. Then keep going like this to make sure that we design. That's a light. Now we changed its color like this again. I draw another shape to complete the tail lights. Then I make it in red. Perfect. I just It's position a little bit. Great. Now I slipped the rounded rectangle tool or the rectangle tool, and I drove rectangle in here I'm making in black. Then I select the rectangle told, and I make another rectangle in here. Sorry, I'm using the wrong tool. I need to get the rectangle and put it here. It tells it a little bit and rights click. Goats arrange and I click own center back like this to make it look like it's behind the most recycled carcass. Now it's like the been tool. And I keep doing, like, this place, the final thoughts in here. Then I recommend the last one with the 1st 1 like this. And here we have ourself a chair or a seat in this case. So this is the motorcycle seat, and we change its color to light blue like this. Perfect. I need to just the motorcycle body a little bit like this. I just deceit shape as well. No, I drove this shape like this. Now we're more Phil. I make this stroke in this color. Then I slept this soul and I click here. Then here I click and drag like this. Then I rotate the shape a little bit like this. Perfect. And now I slept the creditor toe Just the shape like this. Perfect? No, I selected this shape. I hold the old woman and I drag it to duplicated. Then right clicked, right click arranged center Back then I changed. It's kind of like this held guilty button. I drag it down to duplicated. Then I changed its color like this, and I put it down here. That's perfect. Change the color a little bit. That's good. Now it's like the rectangle tool. And I'm gonna drop three rectangles in here. Make it in lights blew off sky blue. I put it here Then I used Riveter tool to fix it a little bit like this and it is aumento Probably. I dragged these dots toward the inside so that we can make around its edge for direct angle . And as I said, I make three copies of it. Then I select the pencil place the first dot in here, 2nd 1 in here. I like in drag in the 3rd 1 and I connect the last thoughts with the 1st 1 Perfect. Now I select the mental places that in here another one in here Click and drag like this. Re select the last dot I need to remove the fill first. Then I click a place, a place that that's in here. Then I click and drag like this. Place another one in here, click and drag the next one in here again, I click and drag. Keep going like this, the next one in here. Then I could make the last one with the 1st 1 like this? No, I change the color of this new shape. Gonna make it in discolor than I click you And I make it darker a little bit Or maybe even more dark. Perfect. Now I'm off to the next part. Select the rectangle tool. And I slept the lips too. L shift button and I don't circle in here. Hold the shift button to make sure that the circle is symmetrical. Then I put the circle right here. Then I select the pencil and I placed the first dot in here. 2nd 1 in here. Click and drag. 3rd 1 Click and drag. Keep going like this. And I changed the filter stroke. I slipped the shapes like this. So I need right click here. And I slept the shape builder tool. I hold the old Martin. I collect here to delete this part right here. Then I delete this parts using the shape builder toe again. Perfect. No, I need to just this shape a little bit making in discover. Then I select the mental and I dont shape in here like this perfect double click you to change its color. That's perfect. Then I select the mental and I drove another shape in here like this. I just using the curvature tool. And I make it lights in this color as amount to take a good look I designed. So far, we're almost done. 11. Motorcycle Design part 2: Now we're gonna draw the wheels so we zoom in a little bit like this. I opened a new layer because the light because we're gonna move the wheels so we need they would they need to be in their own single layer. So that's why we're opening a new layer. Now hold the shift button and I drove circle in here. I make it in this great color like this and I make the stroke and blank Perfect. Now I select circle like this and I go to edit copy. It's again based in back tonight Go to transform. And I just decides like this I linked them like this. Then I changed the wig, so I'm just gonna type 57 year and here we are. Then I go to edit copy and it's based in place again. Sort of based him back again. And then I add another 20 points. So it becomes 77 like this. Then again, I go to transform and I had 30% this time. So 30 points. So it becomes 107 in the wits I click OK, and they were sorry. I need to select the shape first I go to edit copy it. It's based in back. Then I go to transform and I increase it by 30 points. So we became 107 like this. Now it's like the shape I go to the shape, other tool. I hold the old button and I delete this part like this. I make this part in black now It's like the mental. And I drove another shaping here like this. Then right Click arranged, sent it back then I don't another similar shape in here again. Right? Blake arranged since it back. And another shape similar to former, too. Then right, click arranged center back. Perfect. And here we are. Our wheel is ready now. It's like the whole shape like this. I hold shift button and I just the size off the wheel like this. Now I drag the layer down here to make sure that the well is behind the motorcycle. Buddy is the amount so that I could see properly and I need to just the sides of the wheel even more. And I put it right here. Perfect. Now I duplicate this late like this. Then I selected and I drag it right here. Perfect. It's like the whole shapes like this l to control or a button. Then I select all the layers and I rotate the motorcycle like this a little bit. Now we are going to drop the driving wheel. We grow the driving wheel. Sorry. Make sure to change the color to this light scholar like this. Now it's like the pencil and I drove shaped like this to make sure like it's a headlight. Then we select the rectangle tool or the left stool in this case and we make it in this color. Then I select the mental and I dough with side mirror like this. I'm of the stroke. So I removed the film and I activate the stroke. Sorry Needs ism into a probably select this tool. And I make the shaped like this same thing. The u I click and drag until I get this effect. Perfect. Then I keep drawing side mirror like this until noble shaped like this and I rotate it a little bit. Then I make it in this color like this. Then it's like the mental. I drove this shaped like this, I removed the stroke and I make the color like this. I sense that shaped like this and I zoom out. Now we need to adjust the size of the mirror. I hold the shift button and I just decides like this. That's perfect. The side mirror is ready. The headlights are ready. The wheels are in place. The chair is in place. The tail lights is in place as well. Now I select the pencil. Or maybe first I say the project so that I don't lose it in case off break blackout or anything. And always make sure to save your projects from a while to a while to another, just in case if there is a black outs for something wrong with your desktop or laptop. No. I slept around the rectangle tool and I drove around the rectangle in here. I wrote, It's a little bit double click here, and I make it in this color so it looks like cargo shipments right here. No, it just the look by Ed in this shape like this, - we changed the color a little bit like this. Zoom in a little bit. I select the curvature tool, and I just this shape a little bit like this, - perfect as you note. And here we are. Motorcycle is ready. It's almost ready. Just some adjustments. Slight adjustments with Select. The group is a tool in here, and I just that's shaped like this perfect. And I just this shape its position. That's Clegg arrange since the back, and I put it here. Perfect. That looks perfect. The motorcycle is ready to go, So I slept the whole motorcycle. I just its size like this while holding the shift button. Of course. Select it again. Just the position of this shape like this. The color, this shape that's perfect. So the motorcycle is ready. All we have to do is to add the character to the model cycle. So we will do that in the next video. That's it for this video. Thanks for watching. And I'll see you the next video to add the character to the motorcycle into the design 12. Body Design: Hello, everyone. And welcome to this video to continue working on our project. In the former video, we designed this motorcycle right here. And before we continue our work in our project, I want to share with you something important. As you see here we have multiple layers and this is not the original state of these layers . As I have merged some layers together, I could have not mentioned all of this. But I wanted to mention to you so that explain it to you so that you can be prepared for anything that might go wrong. So I need to know everything in details. Firstly opening new layer. Then we slept. The were layers. Well, control plus out. Then we select all the layers related to the wheel. Here they are. They're all selected. No, we hold control. Let's shift just like all of them. Then we dragged them all the way to this layer like this. And as you see, the whole wheel is in a single layer. Now we opened a new layer. Then we select all these layers holding control plus shift. We dragged him here, and as you see, this is the box layer merge together and we have the side mirror layer on its own See where the motorcycle, the wheels and the books as well. And now we continue work to continue working on our project. We are going to design the character Now we select the mental I changed the background or the interface to Central Classic and I burned. I put the first start in here. I collect Dragon Year like this and I continue to create, create the character, keep going like this. Now this is the lower parts of the character. A change its color like this Perfect. Remove the Stoke And so this is the lower parts of the character. As I said, you're just its position a little bit like this. Just a little bit. Some small adjustments like this. Now it's perfect. Now we continue to work on our design off the character. So we designed the upper part of the character. Now we slept. We used dental to draw the a propulsive character as you see, keep going like this and I could make the less start with the 1st 1 like this. Perfect. That would change the upper parts color like this to green. Just a little bit of adjustments. Curvature tool is a very important tool that enables you to edit shapes. And and then I think it's actually again. I used the curvature, told just the lower parts look like this. As they said, The Riveter tool is a very important tool that allows us to it. It's and just shapes. I select the rectangle to like this. I drove a rectangle in here. Then I clicked on the dot and I drove toward the inside like this. Perfect. Now I put the rectangle in here. I just its size like this, and I rotated like a little bit like this, and I position it right to you and just decides a little bit and area. No, I changed scholar to the same color as the body bars. Maybe darker a little bit. Now go to the layers. Now I used mental to draw the rest of the hand like this. Perfect. Now I used curvature tool to adjust shape like this. First I need to change the color. Then I used curvature tool just the shape off the hand like this to make sure that everything is in its rights. place Perfect. That's clicking here. I got to arrange center back and to make sure that the arm part is behind the shoulder. Now I zoom in a little bit and we continue working on the hand part. So I slept. Been tool to drop the hands. Perfect. Now we have the hand shape. Now I select mental and I drove this shape right here. I activate the Stoke public here, and I make it in this color and zoom in a little bit and I select the Web tool and I just the wit of this shaped like this perfect rotate the shape a little bit like this. The nice like the shape I hold the Olds button and I drag it duplicated like this, duplicated three times just the position of the shapes like this. Perfect. Now I select the lips tool. I hold the shift button and I drove a small circle in here. I removed the stroke and I make circle in gray. I just decided to circle a bit like this, and I put it to you. Then I select the circle. I could it It's copy than it is based in back and using the keyboard. I dragged the shape toward the right like this? No, I slipped circle and I change it to black like this. Then I position it right here. I slept two layers like this. It's like the two circles and I put them right to you. Now it looks perfect. As you see, it looks like the hand is grabbing the wheel Now It's like, grew bitter tool And I just the hand a little bit like this. Now it looks better like this. Perfect. Now we move to add the feet just like the rectangle tool. We don't wreck single in here. Just let the Phil and we painted to discover rotate the shape a little bit like this. The double click here. And we painted with this color lights of didn't it? The leg. And now we select the mental to draw the foot. Now it's left the skull right here. Base it to the foot. And we used Riveter tool to fix that. Shaped like this. Perfect. Now keep working and we don't shoe slept been tool and we drove like this Keep going like this. Perfect. Now double click here and we make it in black and I select the mental to draw this shape. Like here. I make it in grey like this. I guess you made in a mistake in shapes, you always get director pie or correct your rooms using the curvature toe. And here we are. This is the final look off our design. So far in the next video, we'll work on the next part off the character, which is the head. So that's if this video thanks watching, and I'll see you in the next video to continue working on our design. 13. Head design: Hello, everyone. And welcome to this video. This is our project so far. And as you see, we have designed the motorcycle and the lower parts of the body the upper one And we only have the head off the character left So we zoom in a little bit and I was like the mental and we drove the hit president neck like this, making in discover. Then I was like the mental and we start growing the head part I removed, filled on day. Zoom in a little bit to work properly. Always make sure to zoom in so that you can work comfortably in properly. Keep going like this. We're almost there and here we are. Then we connect the last thought. What difference? One like this. Perfect. Now we make the face and head with this better Now we use the curvature to to adjust the head, shape and face like this We start with Eva's Now we don't hear and moved felt like this so that it can work properly because sometimes to fill gets in the way when you are growing. So in case it's Butters, you make sure to swap it with Make sure to remove it and everything would work fine. Now we make it the hair in black like this. And of course, we're gonna use the curvature tool to fix the shape because there's no way we'll leave it like this. Perfect. No, I just this shaped like this. Here's in the curvature tool. As it said in the former video coverage, Turtle is a very important tool that allows us to edit and adjust shapes. We used pencil to draw shapes and the crawfish it'll fix, and it it these shapes. This is designed so far. It's like the whole design and I drag it. I lower it like this, and I used Riveter tool to make some more adjustments to the head shaped like this. Keep going like this until I get the sheep that I like. It's always depend on your vision. You are free not to make the same adjustments I am making. It depends on your vision. As it said before, you don't have to follow the same moves. Same exact move and make. Now I start growing the head like this. Keep going like this, and I connect the last thought with the 1st 1 as always. Like this perfect double click here and we change the head color and we use the curvature toe just the shape off the heads. Perfect. Some more adjustments needed. So I'm gonna use curvature tool to do them perfect. Zoom in a little bit. And as it said, there are some what adjustments to be them. So I'm a blind them like this. And as this is before, you may not like the same adjustments or follow the same exact same moves I am doing right now. Always depend on your vision. For example, in here you may want the chin off the character in a difference. Look. So, as I said, it depends on you. And you don't have to follow the same exact moves I am making now with zoom in and we need to at the eyes. So I'm gonna use the lips, too. L shift button. And I drove a circle in here to make it in black like this. Position it right here. Then I used pencil and I drove the I rose in here used digital just shape of the eyebrows. Perfect. I need to just chin a little bit perfect and Here we are. This is the look. Our character so far, almost ready. As you see, I zoom in and out every once in a watch. Take a good look at the character to see if there are any adjustments needed. Now I've been this shape with this guy with this color perfect some more adjustments needed . He's curvature tool, and I just this part chin with character. Perfect. Some more adjustments to the heads at this shape right here, and I make the shape in Discover Perfect. And this is the final look for our character and it's motorcycle. Or we have to do left is to add character to our design page. So that sifters video Thanks for watching and I'll see you in the next video. 14. Merging Your Design: Hello, everyone. And welcome to this video to continue working on our motion workshop. As you see, this is our present so far and it consists of two parts of the character and the motorcycle and each have its own layer and we need to move out, designed to our design page toe animate the character. But first, before we do that, we need to split the character. As you see, the character is in its own single layer. But we need to split the head but it in its own layer and the body in its own layer as well . So to do that, we open a new layer. Here it is. Then we opened the character layer and we select the head. And as you see after we slept head, all the layers concerned and the head are selected. Now we slipped the first layer we hold controllable Chef. Then we select this layer to select all the layers concerning dead. Then we put them in its own single layer now head in its own layer. Then we move all the design into our design page. Some of you will select all the design, the whole design, like this and move it to design page like this. That's perfect. But there is an error in this way. We opened the layer, and, as you see, take a look at your layer. This layer contains the whole layers of the design, the building's side. Walk behind buildings, background, etcetera and our order off layers is gone, and you need a lot of work to reorder or reorganize your layers. I deliberately wanted to copy design like this so that I can warn you about this way, because things like this happen because it's difficult. It's problematic to copy an illustrator file into after effects software. Now we delayed the design and we go back and the rights wait to copy or to move your design is to select it like this. It's like the whole letters from here, all the layers. Then we go to edit Gabi. Then we go here to design page. Now we open a new layer, then we click here. Then we select Pace remembers layers so that the software remembers all the layers that we have just based, then control plus V or go to edit space in front. And here we are, our design is copied or moved to our design page without any problems. As you see, these are old. The layers for design pulled him up here. Sorry, there is an error in here. Select all these layers and I put them in here. That's good. Now our design is in its position. There was an issue with the background, but I fixed it. And as you see, this is our design. It's ready and all the layers are organized in the way I want. As you see, we have to head the body, the motorcycle and the wheels. Now design is perfect and it's ready to be emerged. So I slept all these layers reposition the design or character in this case in here. That looks perfect. And I could even just the size of the design. I select all the layers, all the desire layers, and I hold the shift button and I just decides off character like this. Perfect. So this is how we move are designed to our design page, and our design is ready so that we can move it to the after effects software and start animating our whole design. So this is how we move our design to the design page. So far, that's watching, and we'll see the next video to move are designed to the after effects software. 15. Keyboard shortcuts: Hello, everyone. And welcome to this video. This is a short video in which I will explain some settings shortcuts from the keyboard, as during the course, I will show some settings using the keyboard shortcuts, and I decided to make this video so that you could be familiar with the process. So I would draw a circle in here as an example to show you the shortcuts for settings. I was like this layer. You may have multiple layers, so if you wanted to print a certain setting, you will have to select this layer. Then click here because for and here you have the sittings list. Or you can use the keyboard shortcut, for example, we want to show the rotation sitting. We just click are from the keyboard, and here it is. Then you can click are again to delay. Did you conclude you conflict as to get the scale setting as well? And, of course, click on it again to hide it so you can use use this list to get the settings or use the shortcuts during the course. And as I said, they're in the course. He will see me bring some settings without access in this list. So that means I will use the shortcuts, and it's pretty easy to bring. A certain setting on we have to do is to click on the first letter of its name, for example, be for position. As for scale are for rotation over bestie, etcetera A for anchor. As I said, etcetera. Or as I said, You can click on the layered and transform and you get this list off settings from here. This is just a video to talk about the shortcuts. So that said, See you in the next video, that's what 16. Duplicate And Animate The Background: Hello, everyone. And welcome to this video to continue working on our motion workshop after we finished our design. Here it is. We have worked on the character of the buildings and everything and now we move toe working on the after effects software. But before we start, there are some examples and some things. I want to show you on how to animate videos or designs in the after effects software. If you are experience or you know your way through the after effects software, you're free to skip this video and go straight to the beginning of our project. And if not, I need you to follow me in here. So first we start by clicking here and we go to the composition settings. As you see, we have this one right here. You can select an integration you want. For example, we put six seconds in here or four or anything he wants. Look OK now, click writes click. Here you go to new solid. It's like any color we want Perfect. So this is our new solid. As you see in here, we have transformed and we're going to explain how to animated videos. First we opened this transform and we get these options right here You have ankle bones, position, scale, rotation and do your best. And in this video, I'll explain to you the position setting or option. We click here on the position to place a dot in here, then would drag the cursor we put it here or anywhere we want. Then we click and drag like this until the background disappears. Perfect and no one act quickly. You can see that the background moves until it disappears toward the left direction. You can put it toward any direction if you want, and you can go to preview here, click on play and you get C preview off your work. So this is how we animate or remove the background. As I said, we moved it toward the left, and we can move it over the right if we want as well. Now I delete those key frames right here. I placed position. It's which is the first thought, and I moved the background toward the lower but down right here. Start any to go back, and first I need to put the curse or whatever I want. Then I dragged the background. So work the bottom like this. And as you see, the smaller the duration of the key frame, the faster the background will move or the image or the design in any case. So, as you see, we have here control the to duplicate the solid. I go to layer saw its settings and I changed the color from here. Okay, Perfect. So that we can I want to fight Each stole it from the other And now we're going to duplicate the background. As you see, we duplicated the background and which is the color on Lee so that you can identify or separate the bedrooms from each fighters from each other. As you see when we move the bedroom, we need this background to be repeated or duplicated. So as I said before, if I moved on Lee, one solid there will be a black background. Now we slept these tools black. We select only the 1st 1 on. Then we adjusted like this. And as you see, we have to stick in background behind it like this. Now click here. And as you see, if we move this one, we will get a black background and we don't want debts now we need to to backgrounds to be together. So click here. We click and drag right here like this. And now it's like this solid. I move the background as you see. After I move this background, I get the second background as well. So, as you see, the two backgrounds are bound together. I go to layers, started setting. It's like the same color I click. OK, and then when we moved the background, there is like nothing changes. Now click on position. I couldn't stop watch. I move the cursor out here. Then I click and drag like this. And as you see in said, we off getting a black background, we get the same background like this. So this is how we repeat or duplicates are Bagram. And as you see, the background is moving and we can't notice. So we changed the color to take a look. Okay, and as you see when we click play as you see the background is moving like this. We have to backgrounds most as one. Now I duplicate this background by control plus D from the keyboard. It's like a click on it. I get its position and I would change its color from here so that you can notice a difference between each background. Okay, Perfect. It's like this sorted and I drag it like this. Click and drag until it disappears. Sorry, I need to go back. I delete this fame and as you see when we move the background No, it's like this solid like this. The one that I linked with the layers I reconnect like this. Then I click and drag in here like this so that we can take a look at the orange background . Now the orders background appears like this Perfect. Now, when we click play as you see, this is the first background, the 2nd 1 and the third background appears all of them. So this is how you can duplicate a certain background. I'm only changing the color so that you can see the difference. And when we can put the same color on each background, you won't notice the difference. And you won't know that there are multiple backgrounds. So, as you see now, which is the color of this one as well, we make all the colors the same. And as you see, we duplicated the layer, and here we are. You won't notice it, since it's the same color. Because it's the same color, you won't notice a difference. This is how I wanted to to explain to you and because you need to know the difference between the first or the second or the third bedroom. So this is how you move and duplicate a certain background on the after effects off work. Thanks, watching. And I'll see the next video to continue our work. 17. Rotation: Hello, everyone, and welcome to this video to continue our work in this video, I'll show you have to animate certain video and the after effects software. And specifically we will talk about the rotation in this video. So we select the rectangle tour and was like the lips tool we helped shift button and we drove circle in here I am of different from here. I just stroke size from here, then writes collect on the lips tool. I slide the rectangle tool and I drove a rectangle in here. We removed the stock from here and then just the Phil and will make it in white. Then again, I make another shaping here Another rectangle. I added thes shapes inside the circle just to tell you how to just so that you can see when the circle is rotated. Now explain the rotation away. We select this slide from here just like the rotation. From here you click on it to place the first key frame and then we drive the aggressor. Here we rotate the circle in here like this story. There is something important and we need to adjust the comparable the anchor points. So we select the shape. We select the anchor points, and we put it in the middle right here. While holding the control plus shift button. We hold the control plus shift button and we put anchor point in the middle of the circle right here like this. Now it's like the soul it select the rotation option and we rotate this trickle like this. And now when we go back and play as you see, the circle is rotating and the two shapes in the middle allows us to see that. Perfect. As you see we have here, plus 158 and we replace it with minus if we want to, if you want the wheel or circle to turn in the other side to rotate toward the other side like this, as you see when it left brain. Now the well is rotating toward the left side, and this is how you can select where you want your circle or will to be rotating so work, and you can adjust the speed from here, for example. We talk here minus standard and 60 and go back with me. And as you see, the circle is rolling fast and it's rotating toward the left direction. And if you want to reverse that display, just type plus and select your number and it will work. It's over dead direction. You go back here, I would put it this time. Blustery 160. I go back, I could play. And as you see Sorry, I need to go back. Remove this key frame this one as well. I go back in here, I put the cursor in Here I go. Here, I put plus 220. It is just an example. I go back. And as you see, the circle is rotating toe on the right side this time and you can rotate the circle in a different way. Much simpler way. It's like thes took your friends. We delete them. We go to the rotation collect here, I hold in the old button and we get this cold right here. Then we type time in here than stuff. Then, for example, put 100. And as you see when I click play now it's rotating toward the right side with a certain speed in case you want to it. At that speed, we put 200 here you go back with play and as you see it's rotating much faster. Now I want to accelerate the rotation. I put 300 and as you see it turns much, much faster this time. If I want the rotation to be told the left I put miners and here we are. It's rooted in toward the other direction and if I want to decrease the speed, I put a slower number or smaller number in here. As you see, we have here minus 200. So it's turning with this is rotating with this certain speed toward the left side. So this is how you rotate the wheels in our design, and we will need that because since we have wheels in our motorcycle and in our design, so that's if this video thanks fortune and I'll see you next video to continue our work. 18. Anchor Point: Hello, everyone. And welcome to this video to continue our work on our motion graphic workshop. And this with you will talk about the anchor point and how to use the anchor point to animate or remove certain object. So, for example, slept the rectangle tool and we place a rectangle in here. And as I said, we will talk about anchor point. And here it is. This is the anchor points, and as you see, the anchor point is not in the middle, and the anchor points is the points that enables you to move a certain object. As you see, we have this box in here and we click here to control or manage the anchor points. Click here. Then you select the anchor point in human, and you can put it whatever you want. Then we go here, we click on the rotation, and when I rotate the object or the box in this case, it moves from the anchor points. And, for example, if I put the anchor points in here, hold shift plus control button to put the anchor points in the middle. And now when I rotate, the object rotates from the middle like this, and as you see, the object remains in its place. But it's rotate. It's good strategic because the anchor point is in the middle. And, for example, if I put the anchor point in here and I rotate as you see the shape, it gets rotated from the anchor point. So the anchor points is the center of the rotation. So, for example, with the anchor points here, and as you see, we can rotate an object like this, and we will use the anchor point to rotate the wheels in our design. If you want toe, make the anchor point in the middle. You click here and then you hold the control plus shift button, and you make the anchor points in the middle like this and you can rotate to object from the anchor points from the middle like this. So this is how you can edit control or manage whatever you want to call it. The anchor points, and you can put it whatever you want to rotate your certain object. And as they said, holding the shift and control button, you can put the anchor points in the middle. So that's if this video and That's all you need to know about the anchor points. Thanks for watching, and we'll see the next video to continue our work. 19. Background Animation: Hello, everyone. And welcome to this video to continue working on our graphic motion workshop. In the former videos, I explained some steps and in this video we start working on animating our design. So we start by selecting a new composition. We get this window right to you. We slept the same settings as as used in the illustrative software. As you see, these are the settings and you can set select any settings from here. This is the setting that I'm using HDTV and in the frame rate we live it like this. And in the duration up with four seconds in here, I leave the background in black and I click OK, like this. So this is our design. We will save it. But before we do that, there is something we need to. Just as you see, the box that was here is gone. And that is because it's layer went down. Here it is. So we will pull the layer up here, put it right here. Then we selected the books and replace it right here. I just a little bit and the books is in its proper place now. We saved the design so goto file Save as you can name You're fired. Any name you want on you select any location you want in your computer. Save it as this type The adobe illustrator. Then we click on save Click OK, And you were Now I go to the after effects software double clicking here. Then I locates our fire Whatever you put it. Here it is. This is our file. I click on it a selected I click on import Make sure to have composition in here and layer size in here. Click OK now double click here to open the project like this. And as you see, a project is added to the timeline. Now we select the character and the motorcycle layers I hold control and I select all these layers like this Right click and we make sure to add all these layers in tow A new composition. So I slept recompose. I select this option than ethnic. Okay, and here we are. The whole motorcycle, including the character, are in the same recompose. Now we put the rest off the layers in a single composition with select difference layer that control plus shift and we select the last layer like this to select all the layers didn't put them in a single composition, right click recomposed. And here we are like we did with the character. And here we are. The character is in its own layer, and the background is in its own layer as well. Now we hide the character to work on the background comfortably. Now we need to duplicate this composition so right click and go to reveal, reveal layer source in project. So when we duplicate the composition and we want to edit the composition, it will be added toe Any edits or any adjustments we did, it will be added to all the layers at the same time. No control the to duplicate the breaking position would drive it down here. Then we click here and we adjust the position like this. As I explained in the background, lesson or video. So that said, we have to backgrounds in here. Perfect. Now it look here. Then we drag to this composition and put the Christian right here. And then we dragged the background like this. Now it looks perfect. You can tell that there are two bedrooms and I really the bedrooms its original position. Like like you stopwatch to make a key frame. I put the person down here and I dragged the background like this until the end of the bedroom. Perfect. Now I duplicate this background again, writes click, reveal and reveal their source project selected control plus D. Then I drag it down here like this. Perfect. I equip this breaking position as well Like this. So these two pre composition are equipped to this speaking position. The 3rd 1 So now we go back here now the 4th 1 Yes. I select the freaking position Number four the one that we just added. I click on it then I drug it like this until it's in the last like this. Perfect. Then I select the decomposition tree and I drug like this this time toward the left direction. And I keep going until the end of the background. Perfect. Now I bring the crystal back to first. And as you see, we have tree backgrounds moving as one and you can tell that there are three backgrounds. There are no trace of them. And as you see, the background is animated. So that's it for this video. And this is how to animate certain background. That's watching. And I'll see you in the next video 20. House Animation: Hello, everyone. And welcome to this video in this video, continue working on our motion graphic workshop and that this video will animate the houses right here. These four houses right there. So this is our designed so far after we duplicated and animated the background and now we start working on the houses in this video, I'll show you how to make the houses appear out of nowhere. And this is with this effect or setting is optional. If you don't wanted, you don't you don't have to do it. So double click here and I select the houses layers. This is the first layer. Sit in the one. You can adjust the color from here so that you can identified the house layers. This is another one. Make it a green as well. And this is the 4th 1 We make it as green as well. Now let's look at the anchor point. So it's like this layer DoubleClick and was like the anchor point. We dropped anchor point down here. Same thing for this one. We select its layer and we tracked the anchor points down here again for the third time. And in here for the fourth and the last time as well. We drop the anchor points down here. Perfect. No, we slipped this layer. As you see, we have here the four layers of the houses. It was like the first layer. Well, I can't stop watching here in the scale, but 0% in here. You go here and we put 100% like this. Perfect. Now it's like these two key friends control. See? And I go to the second house layer. I click on scale control V in here to copy to keep things. Same thing here, Control V and I go here for to the fourth time Control V to copy and based the key frames toe hold the houses layers. And now when we click play as you see the houses appears out of nowhere in the beginning or the video. As I said before this option, this setting or this effect is optional your feet in the weights or ignore it completely. No, it just the key frames like this so that each helps appears so that the houses don't appear at the same time they go back. And as you see, there is a slight variation in time, off the houses appeared the appearance of the houses. So this is how you can make the houses appeared out of nowhere. And as I said before, we are free to do this effect, apply it, or to ignore it completely. So this is this video makes watching, and I'll see you in the next one to continue working on our design. 21. Wheel Animation: Hello, everyone. And welcome to this video in which I will explain to you how to animate the motorcycle wheels. So first we show the motorcycle recompose, we access it. As you see, the background is black and so are the ways, which means we can see the wheels. So we need to change the background color. Right click. Here it goes in you solid. Then we select any color except black. Of course we are. And who pulled the background layer to the bottom like this was like the we layer The new click are from the keyboard to get the rotation setting. Then we hold the altar button and click on stopwatch like this. Then we typed the following. If you want the will to rotate over the left, you type that you type a number and if you want to, you type minus than a number. If you want to rotate the wheels over the right, you don't put anything before the number you could enter. And here we are now, As you see when you we set minus the wheel is rotating toward the left. No, I slept this layer. I clicked on stopwatch and I type the same code. Click. Enter I go back and he was on a boat. Wheels a rotating forward. The left side. Now we close these layers. We hide the background and we go back here. Click play. And as you see, the wheels are rotating. So this is how you rotate the motorcycle wheels. That's it for this video. Thanks for watching, and I'll see you in the next video. 22. Character Animation: Hello, everyone. And welcome to this video to continue working on our motion graphics workshop In the former video, we saw how to animate or move the wheels. And in this video we will make a move for the whole character, which is pulling up the front wheel a little bit. So this is the front we drive here. So we select the anchor point. We select this free composition, the motorcycle or the whole character become position. And we put the anchor points right here resuming so that we can work properly. And as I said, I'm going to make or puts the anchor points right here. Now. We slept this time right here. It's like the brick composition to get the rotation sitting. Go back a little bit. Then we slept stopwatch from here. You put the coarser a little bit in here. Then we pulled the wheel up like this a little bit and no one would play. As you see, this is our move so far, I need to separate the key frames a little bit like this to make sure that the duration is like this. Perfect. That's great. And now you put the wheel down in here. You put it to zero to put it down. Because zero is the original states off the wheel. We just position Thank you. Frames like this. Now, when we could play Here we are. I select all these key frames, right? Click que fame assistance and easy He's Then they go to graph editor. Let's click and I select it its speed graph. Then I just the shape of the graph a little bit like this. I could pay and I go back. Perfect. Sorry. I need to go back. I just grab a little bit like this. I click play now. Perfect. Now I go back here and I just the space of the key frames between the key frames like this . I just space even more perfect. Now, as you see, the character pulls up the wheel and put it down in the same amount of time. Just a little bit adjustment in here. I make it less blessed to perfect estimate a rebound. And in here we make it at zero. Quickly. We go back here and we're playing. I need to just the space between the key frames has the rebound is going unnoticed. I make it blessed Crean here. Sorry, the stream, as I said, Perfect. No good playing. And as you see, the rebound is visible. So this why I made the rebound is that I need to make this move looks authentic because in the lower physics, when you pulled the wheel up, you put it down. There is a rebound. So that's what we made. You made that rebound to make sure that the character or our animation looks authentic. And now we need to make the books shakes a little bit with the motorcycle. Because, as you see, there is no way that the motorcycle and character are moving without the box shaking a little bit. Now we go back here. This is the box layer. The public comment. It's like the anchor points with Joe would drag it down a little bit right to you in the lower left corner and go back here. It's like this layer I click on our from the keyboard to get the rotation sitting. I'm gonna stop lunch, put the person right here, and I pull the books a little bit like this. I go back here like they and now we need to put the books back in this certain minutes. Our second never go back to the speaker position will go back to box layer and we put the books back to zero in here. Perfect. I go back, look like you practically and you are perfect. Go back to play. Perfect. Now, as you see, the Bucks gets a little bit shaken. The box shakes a little bit of when we pull up the wheel, and when we put the wheel down, the box goes back to its original place. Perfect. So, as I said, we made a rebound. And the rebound, of course, will affect all the motorcycle, including the Bucks. And now we need to adjust the head. As you see, the head of the character needs to move, but it doesn't. We need to make a rebound for the head as well. So we access the motorcycle layer and we go to the head layer. Here it is. Here's the head layer. Let's let the anchor point with Dravidian pouring down. Here we go back here, slipped this become position. It's like the layer off the head. Then we select our from the keyboard to get the rotation sitting, click on Stop lunch and we put it down a little bit like this, too. Plus nine, and we go back to zero in here. Now, as you see, there's a rebound for the head. I make it zero in here as well, and here we are in here's the process starts to go back. Conflict may and, as you see the rebound fixed the head of the character as well. But there are certain adjustments needed. I go back to become position. It's like this key frame, and I just space between these two ones. It's like these two frames, writes Clegg, key frame assistant Izzie's and go to the Graph editor. And I just grabbed a little bit like this. Pull it down a little bit like this. Click bay put it appear a little bit. I think. I think perfect. I go back here of design key fame. I just the space between the key frames. A little bit like this. I click pain here, perfect. And as you see, the rebound is authentic and everything is in its for a fixed position. So, as you see years out design and the buildings appeared out of nowhere. The ways are rotating and the character pulls up the wheel to make a move and to show that the videos of authentic and as you see there's a rebound on the character head the box and everything. So this is how we duplicate the background. We animate the buildings, the character, the motorcycles, the weeds and everything. I hope that you like the scores and this design. Thanks for watching, and I'll see you in the next and last video of this course. 23. Export Your Project (GIF): Hello, everyone. And welcome to this video in this video I'll show you how to extract the project and we will be extracting the project in the type off a Jiff. So first you go here. This is our design. I will show it to you. As you see, this is our the final look of our design. So they go here to composition at Adobe Media Encoder to you, this is the media encoder. It comes with the after effects software. Perfect. LQ is free and empty. We wait a little bit until our design is added to the software. Here it is our file. And from here we select the four months. As I said, we will make it as Egypt. So we select animated give, then go here. It's like Jeff animated Jeff from here Match source and we drag it up here. Click here. Perfect. This is our design in here. As you see, we go down here and we slept Render at maximum depth and in here with selected outputs or the location where our design will be extracted to click cocaine, then with clay and we wait a little bit and shared it until the design is extracted in the four months or the type you select it. As you see the former is animated GIF Perfect. Now it's like the multiples file its location. It is. This is the Jif file. Double click on it. And here we are. This is our design extracted as a Jiff image and you can upload it, whatever you want. And so for media on your website or anywhere you want. As you see, this is defined a look of our design. And it's a very long designed that took a lot of time. But we made it from scratch to the end. And as you see there in the scores we created out resigned from scratch. We designed the character, the motorcycle, the buildings, the sidewalk, the background, the clouds behind buildings, the bushes, trees, everything. As you see, we made this design from scratch. I hope you liked it. I hope that this course was used for for you. I hope that you learn some new techniques and how to create similar design. And this workshop is just to show you how to create these kind of designs. Of course, you will use the techniques and skills you learned in this video to design and create your own designs. As I said, it takes a lot of time. It takes over 20 hours, 30 hours. It depends on your project, but you will make it in the end. As as I said, you learn some new techniques and skills, so you will use them and harness them to create your own designs. Thanks for one chain. And I like I hope that you give us a good review after you finish this course. So I hope you like the course again. Thanks for watching. And in case there was any question low test state to contact me and I will get back to you and respond to your questions as soon as I can, thanks to one chain and have a good day.