Turn Your Illustrations Into Animated GIFs | Peaceful Scenery | Kit | Skillshare
Search

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Turn Your Illustrations Into Animated GIFs | Peaceful Scenery

teacher avatar Kit, Illustrator & Motion Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      0:44

    • 2.

      Digitize Your Illustration | Scan

      1:30

    • 3.

      Digitize Your Illustration | Photograph

      3:28

    • 4.

      Clean Up Your Digitized Image Pt1

      5:35

    • 5.

      Clean Up Your Digitized Image Pt2

      5:05

    • 6.

      Decide What to Animate

      1:40

    • 7.

      Prepare Your Image for Animation Pt1

      1:55

    • 8.

      Prepare Your Image for Animation Pt2

      2:45

    • 9.

      Prepare Your Image for Animation Pt3

      1:56

    • 10.

      Prepare Your Image for Animation Pt4

      4:04

    • 11.

      Prepare Your Image for Animation Pt5

      3:27

    • 12.

      Import Photoshop File Into After Effects

      6:16

    • 13.

      Bending/ Waving Objects Pt1 | Grass

      4:03

    • 14.

      Bending/ Waving Objects Pt2 | Leaves

      2:44

    • 15.

      Bending/ Waving Objects Pt3 | Cloth

      3:21

    • 16.

      Moving Objects Pt1 | Beetle

      4:17

    • 17.

      Moving Objects Pt2 | Cat

      7:45

    • 18.

      Export Animation to GIF & mp4

      4:33

    • 19.

      Wrap Up & Class Project

      0:55

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

242

Students

1

Project

About This Class

Ever look at an animated GIF over and over again with satisfaction? Do you wish your doodles, sketches and paintings live in a peaceful and never ending breeze? By using a few simple techniques in Adobe Photoshop and After Effects without additional plugin, you can make the plants, cloths and small objects/ animals move in your scenery image.

This step by step class is for students of all levels. The speed of the class may be slightly fast for beginner who has no basic knowledge of Adobe Photoshop and After Effects. But don't worry, each step is demonstrated and you can pause the video anytime you want.

This class will cover:

  • Digitize your illustration.
  • Prep digitized image for animation.
  • Animate plants, cloths, small objects/animals.
  • Make the animation ready for looping.
  • Export animation into GIF format and mp4  format.

By the end of the class, I can't wait to see you start moving every possible object in your illustration. Have fun!

Meet Your Teacher

Teacher Profile Image

Kit

Illustrator & Motion Designer

Teacher

Motion design involves design, illustration, animation, VFX, and many other disciplines. I'm excited to share some techniques and tips with the Skillshare community. My main tools are Adobe Illustrator, Photoshop, and After Effects.

Follow me in Instagram @kit_khong for more updates!

 

See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Hi, I'm Kim. I'm a freelance illustrator and motion design here. Some of my works and you can find more before I will teach. You called me straight. It seems into a moving chief. This class is suitable for being a learning will be further shop and the after effects. If you like to pain and you'd like to draw and you would like to make it move thes classes for you. 2. Digitize Your Illustration | Scan: there are two ways to digitize still illustrations. One is from a SCANA or is gonna on your smartphone to issue a digital camera or your smartphone's camera. In this video, I would talk about the scan method first when using a scanner, avoid high contrast settings or any provided auto and Hanseong options. Because these settings will cause loss of details in general. Set the scan result at 24 bit color depth and 300 d p. I. And that options is to use the skin ran. There are quite a few free abs available. Personally, I think Camp scanner give a good result seem as a real scanner. Don't use all to enhance hman to avoid loss of details. When capture your illustrations, try to get it straight and as close as 90 degree. With that the apple, we need to do many more distortion on the image. Taken captured illustration In an evenly late environment to a white shadows on the illustration. A good sample of scanned image should be even late, not too broad or too dark. The details of breast stroke and paper texture, app reserve Also, the contrast of the result is close to your illustration. It is okay to be darker. Most importantly, contrast, collar temperature and details are close to your original painting. A minimum address mint on the color and exposure can be done later in image reading Softwares such as light room and for the shop. 3. Digitize Your Illustration | Photograph: there are two ways to digitize. Still, a last rations one is from a scana or is gonna on your smartphone to issue a digital camera or your smartphone's camera. In this video, I will talk about this photograph method Tuesday. You would need is a smartphone or a digital camera, a reflector or a piece of white paper or cloth. The size of the reflector should be two times bigger. Daniel illustration. You also need Blue Tex rulers and level indicator. The level indicator in a smartphone works Just line last me. A tripod is recommended, but it could be optional. UK. Also coaches or D I Y. A light boat set up a site no like box set up, you know, suitable for huge paintings. Step one final like source indoor. You can find that sure like source from a window or a glass door clear space on the floor or on the war. Besides the light source, you should avoid harsh light, which will cut strong shadow and overexposed partial off your painting. Morning sunlight for a cloudy day is good. You can also put on white curtains or white papers to defuse the harsh sunlight. The light source is best to come from the site. Pair reflector with like source will help to cost. Given night on the painting, you only have light source from the top. You will need to reflect its place, each of them on both sides off the painting step to position your artwork, eat on the floor besides the glass door or stick it on the world. Besides window using Blue Tex Feasting on a wall is recommended because it is more flexible to adjust the distance from camera to the illustration, used rulers and level indicator to get a straight 90 degree position. Step free position your camera if you're illustration is late flat on the surface, said your camera on a tall tripod and point your camera down. It will not point at a perfect 90 degree. The result will slightly tilted further. Anything is always needed if you have to lay or work on the ground and want a straight is all. You can eat a in vice on a better tripod, support top shot photography or search for ways to set up top shot for the graffiti Rick or overhead tripod set up for painting pasted on a wall is easy side a camera on a tripod or any surface that allow your camera to point at a painting on the same level. With the help of the level indicator, tilt your camera until you get a straight 90 degree results. Step for physician you reflector. You can use white paper, white club, neighbor or aluminium foil to reflect the light source. Places like the opposite of light. Source. Tilden around to bounce light onto the shaded area on your painting, Sad reflector onto the tripod, or are someone to hold it at the correct angle? Step by just a camera setting before you should just said it to also know there in the bright and grammar, ultimo works fine. Next, just exposure meter so that the result is not too dark or too bright. Make sure the focus is right. Check by magnifying onto the result. Paper texture should decrease, be and shop most of the time. Auto White balance Get a pretty good result. You can opt, decided mentally. If the color of the result looks too different from what you see with your eyes, try to shoot more by placing a reflector. That's slightly different and go together. Optimal Walid and balance results. Remember the track of focus off the image after every shot. Next we will crack the digitised image in adobe for the shop. 4. Clean Up Your Digitized Image Pt1: this lesson. Who will clean up the digitised image in adobe for the shop? First way will straight on the image, then crop away the background, only keeping the painting itself. Next. Remove objects such as tape or comebacks. If the image is captured by a camera there trances, it has slightly shaded Amy. It could be subtitled, but we will try to break today. Leslie. Remove any door store sports in this part. One video Bible color. These few topics first go to Menu Bar Select Will goto and cooking rulers will appear at the top left side. Point your cursor to the creek and drink up blue. Click on the move toe on the left. Uber to shift The Blue Geitner line should be placed between the ultimos age and the innermost age. Big guidelines for all four sites. It is a good heavy to keep a copy of the original, so let's make a case. Go to the bottom by panel. Click on the image layer. Click on a leased Baikonur Select Advocate Layer an option box. Okaka, You Can you name the Duplicated The year here for now. I will keep asking this now. Proceeds to a street in this lunch of ages mixture, the image layer is selected. Go to the menu, bar a date, transform and select skew. A bounding box will appear around the image. Click and drag one of the site handles to adjust. It was stretch in the store diagonally. Drive the handle until the corner off the painting. Match the cross section off Both your guidelines. Hoedown shaped when you drank, the handle will stay on the same X the same Y position eggs. He's the hearts in the position. Why is the vertical position do the same for all? Kanis, Until our ages is horizontally and vertically straight. Press enter to times to apply the distortion, This simple image. It's not carefully taken. Thus the ages seems wavy as paper. It's more big. We can fix this using work. Goto Minibar did transform select war bounding box with the great appear every point of the great can drag to distort the image. Addressed each point at age restricted in the baby ages. Press enter to times when you are happy with the result. Now we have this wavy side with multiple coz this can be fixed with walked to as well, but one curve at a time. To do that Usage Right tango selection tool on the left toolbar. Select a small area it covered at one coach. A small agreed Appear when you apply the warped distortion. Addressed the handles to straight in a cough. Repeat this action on each individual cough. Select the kerf. Apply world distortion press enter to times to abide the distortion. Next, select the crop to from the left to bark, click and drag around the area that you want to keep the just released and height press enter to apply the crop. Not are still minimal unevenness around the ages to hide that skilled out the image Little Select the image layer Go to Menu Bar did transform and select skill under the menu bar is the option bar key in the scale percentage in these boxes. Make sure the chain icons on 1 to 2% increment would be enough to remove small objects we used clones them to on the left. Uber, this to allows you to copy one area off an image into another Avery off an image selected, addressed. The stamp size are pressing the score of a Cricket Keys last break it to decrease brush size right, break it to increase. To select an aerial copy from Hotel on alternate Key, the cursor will change to a target. Click on as export. You want to start copping from release out on a key start to retard your image, clicked and paint over the area where the objects you want to remove. Repeat the steps off, selecting target area and paint over to remove other objects to never get around the screen . Press control plus sign or control minus sign to zoom in and out of the screen, Press baseball and drag to move around the screen. 5. Clean Up Your Digitized Image Pt2: in this part to video of Akala. These few topics, the already non digitised image is usually darker and less contrasting in other. To preserve the details here, I'm going to show you how to fight in the image using levels adjustment. First, duplicate the image. Go to many bar image adjustments. Select levels. The shot clock key is control out. It is useful to remember these. Try cocky as this is one of the adjustment you will turn to quite after going stir brighter in the image without losing the black, while retaining the detail in the highlights area. A dialog box appear when you click on levels. Under the diagram is three triangles that show the position off highlights meters shadows The principal off the levels diagram ISS strike to the right for docker result dragged to the left for brighter result. DeVos is a powerful tool in this lesson. We don't have time to explain much. For now. Just follow these easy steps. First, drink the right pouring to the right and of the diagram. Done. Director left going to the left and off the diagram. Check your image preview if you reach to make it even brighter. Drag the middle point to the left or dread right for DACA result. Want to get your desired result? Heat the okay button right in the selected A beer. In the simple you can see there is shadow on the left and right. First, duplicate the previous Brighton layer, then use a lasso tool to select the shader. Even set the feather 200 pixel. It's the last tour. Click and drag to select when you release your mouth's a doctor outline, remarked the selection point lasso tool inside the daughter outline to move the selection around with the second duplicated layers selected. Go to the bottom. Click on their mask button. A layer mask appear on the right off the selected layer. As you can see, the white marked the selected area. Proceed to select the other shaded area. We flash a tool again if you want to. Under the selection, just click one time outside the selection or press centro de With the selection made. I want to feel the selected area white inside the layer mosque, not on the painting, but inside the Laos selectively amassed Tom You then check the foreground. Color should be white If it is not, click on it to select white color. Next, select pain bucket to move it into the selection area. Click one time to feel we won't see the failed result on the main screen but a layer mask. Tommy shows the result. Remember, the white area is visible body like maybe see that that means any adjustment will make on this layer. We only affect the white area. Sean in the Layer Mosque on Selectively Amar Stomil This time, click on the image time. Now, instead, we are going to address brightness off this layer. Click control L to bring out the levels auction box. If I darken it a lot, you can see the affected area. Is Esper the previous election to balance off the explosion on this image, we just need to slightly brighter now. The shaded neighbor this time only moved the middle point. Move it slightly to the left for brighter results. All right, for duck, a result toggle the preview option. You will see the differences. Now both sides are closer to the frighteners off the center area. Lastly, zoom in to check if you need to remove any dust sports you can use three methods. First, you spot healing brush to it, just her brush size to the size off the sport. Using the left and right square bracket, click one time on a sport to remove it. Repeat for other sports. Click but don't drink. Second use Patch Tool Who is Pashto on click and drag to select aerial response similar to using a lot of tools release and an Avery selected. Then quick inside a selection area. Drag and pull to the area you want to copy from the use clone stamp to adjust the brush size hoedown out on a key to select area to start copying from then, paint on the area with spots. Here are two convenient Shakaki's for navigation one. Press control zero to feed your will to the window to press control. Alternate zero to zoom in 200% 6. Decide What to Animate: first and foremost, we need to know what enemy before we proceed to dies. The illustration into pieces. Here are four points to get you through the thinking number one Things I can be bent to move or Street, for example, plans close and strings number two things that move into the position rotation and change insights in this class of only cover moving in position and minimal rotation. For example, convey about Pin bill. It's not bubble or a sleeping cat man. It breathe in and out. Number three things that appear and disappear. It has to disappear in order to make a looking animation one capacity, which means the transparency to the scale, which means the size and three We can have something moved in front of the subject, covered the subject entirely, then moved away days we called it Y animation. We can also have the subject, comes up and goes behind something in this class have only show how to enemy the cat camps out from behind a wall and then disappears behind another wall, for example, began any made transparency off soap bubbles or the sizes offer popping mushroom and a shy cat go behind curtain number four things that changes in color and brightness, for example, the flickering lanterns and lightbox traffic light that changes color and offense in your own sites. Here's a summary off the previous point. One additional point is to consider the animation time planning movements or action. They only take 1 to 2 seconds in one cycle. 7. Prepare Your Image for Animation Pt1: now the digitized illustration is nice and clean. We're going to make it usable for animation back in for the shop. This time, we will reduce the image size for automation markdown, water me, cut out moving objects, cut out overlapping objects revealed overlapped area and create a clean background plate. In this lesson, we will cover the 1st 3 reason, or reducing the image. Size is to optimize the working experience because big foul size will slow down a computer . Open the cleaned up in age. We did previously price control out in that I to bring up the image size option but said the resolution to 72 pixels. It is distended resolution for the majors, then said the height 2000 and 80 pixels the height over HD video. Click OK to apply the image size instantly, the image became much smaller. You can press control Alternate zero to view the image at 100%. Next, you can start marking down what me to be animated and to be cut out as individual pieces. T stop. It's not necessary. Become time this in your mind. Anyway, I'm showing what I want made in this painting. First I will animate these plants waving in the wind. Not that I grew up some grass leaves on the left, out of separating. Each of them gives the most real estate result, but the differences are subtle, so I decided to reduce my workload by grouping them as one second group. Off objects are the cloth curtains, and third group is the beetle and a cat that come up from the pillar and walk inside the shop. In order for the cat to appear and disappear, I will have to cut out the pillar and the wall behind to most of the time. We were missed out a few objects or parts that need to be cut out, but that it's okay. You can always come back to these Photoshopped file to make changes and create the additional pieces. 8. Prepare Your Image for Animation Pt2: in this part to video of a color. These topics first duplicate the original year name made to be okay. You can also press control J to duplicate. Name the second a K grass one salata duplicated layer named grass. One. Use lasso tool to select the object you want to enemy. Just make a rough one first with the grass one The year selected. Click on early amassed Hi other layers. The black part off Liam Mosque is transparent. Now you can hold down out in it and click on the layer mass. Tom you to switch to lay a mosque. Review out on that click again on the layer mask cameo to switch back to normal purview. Fred New layer. Have it below the grass. One layer. Feel the color on this new layer. Brief pain bucket, too. This color layer is to help us see better urine cleaner. Make sure the layer mask home. New is selected. Select brush tool, make foreground color play and start painting away. The unwanted parts benefit off. Using Leah Mosque is allow us to recover mistakes easily. Just paint with white color to recover. Zoom in O R and pan around when you clean up, you can choose different brushes in sizes from the brush option panel to. You can also use square brackets keys to increase or decrease your brush. Sites used rotate, beautiful or press are for painting convenience at a top. Press reset view to reset your canvas angle. Can also used a hand tool handle. Allow you depend around press page. Fall short cut. Select lasso tool to cut away big pieces before using brush toe. Make precise cleaning. Make sure the background color is black. Hit the late to erase. If you turned back on the background the year we can see that left side off the grass, it's not crossing with any objects. It means the left side don't need precise cleaning. However, try to make more trimming around that brief lasso tool. Now one down and a lot more to clean. Repeat the process. One. Duplicate the original layer renamed it to make a rough selection around the object and apply Liam. Ask priest the selection. Use brushes and last little to delete and clean away the excess parts 9. Prepare Your Image for Animation Pt3: in this part. Three video of a koala. These topics now that we have each moving object cutout, we also need to carry out any object that is in front, off thes moving objects. The cutter process is similar is before. Since the overlapping objects are not moving, you can have them all in one layer, so I will make multi selection on this one. New layer. Use lasso tool to make selection. After the first selection, hold down shaved for click and drag. To make another selection, we will notice there is a small class sign beside the last two when you hold down shift tu minus off some selected saviors. Hold on out of the key to click and drag around the area you want to de select once you are happy with the selection. Creatively a mosque on a new layer. Hold on out on a key and click on the I icon beside the image layer to solo it in the canvas. Turn on the great color layer to have a better look at the card. A result if you want to add minus any parts. Select a layer mask. Cameo makes election off your desired area, then fill the selected area with white or black using paint bucket to next week, um, percent to do final cleanup on this layer we've rushed to with the Liam most harm your selected pain with black to clean the ages carefully as this ages are intersecting the moving objects behind them. The overlapping areas that we cut out now should be covering a big area because the objects behind will need more space. When they move, there's another tea for easy reviewing off a layer mask. Result. Shifting the Liam as Tom you to disable the Leah Maass with these talk option. You can't constantly compare your current results with the original painting. 10. Prepare Your Image for Animation Pt4: in this part for video about color. These topics have you done cutting out all elements. Next up is to check each and every cut up piece to see if there's any unwanted content. Need to be covered up for they sleep. We need to cover up the beetle. First, make a tight selection around the beetle, then press shift F five to bring out fail option box. But he fought Content Aware is selected in the content. I don't need to tweak any setting. Just click OK, well at the beetle is now replaced by the green texture around it. You know opinion dysfunction usually create a near perfect retouch. Some other defects can be retouched by minimal brush painting. When using content over feel, it works best to remove things Neha, mom or talk a so faceoff, consistent texture. For example, wires in this guy pluck on the wall, and it's that are as long as that object is surrounded by the same color or the same texture, I believe you have already familiar yourself. We've Kohnstamm toe now. Look at least another leaf covered by poll. The country first, we've content aware feel the pole is instantly replaced by the green texture. It works great because this is a month outlier. The data outside this leaf is preserved. The content of F. U is able to get color information from Abia outside of this leaf. However, the feeling still those quite unnatural. For this case, if we use a brush, the repaint it is difficult to recreate the paper texture closed until, on the other hand, helps the pain on similar texture and with more control. Compared to content aware fill, we can deliberately teachers which part off texture to use to cover out the defects. Abra. Sometimes we have to repaint some small details in outlying with brush tool. We try to modify as much with the previous methods, such as content of a few and clone stamp tool. On a bigger scale, retouch brutal will only be used to add in small details. This cloth is covered by arc. If your competitive with the original, you shouldn't notice that I have kept a big part of it, which is hidden behind the art. It is to prevent a book and cloth or having gaps appear between the club and the wall due to insufficient life. first, I use content aware field to cover up the art with cloth texture. I noticed my selection is not a burger shadow. Bottom age it is to keep the shop ages. Then I need to duck in top with the same selection on Christ control you to bring up the hue and saturation option box addressed the Hughes lighter to match the shadow tone, which is a bit reddish. Then golden likeness later called for the left to make. It s start as the shadow below. We adjust the hue to have a closer match. Then the cetera ate a big pulling saturation slider to the left. We need it. For some cases, you can add further ages to the selection before you make any color adjustment something, use a closed them or brush toe to make final touch up. Whenever the moving objects is intersect by some foreground elements, we should extend the parts that are heated as those parts were show. When it starts moving, use crimes damn to paint out exam the parts when a texture gets via a blurry pain in details, using brush to when you're done retouching and rebuilding the elements try to move or rotate the elements. As for how they will be animated with overlapping foreground later on, we can check when the item most does. It has enough surface or enough space to show press control tea for free transformation in for shop, we can skill, rotate and moved. Item. Go back to retouch or extend more, but needed. 11. Prepare Your Image for Animation Pt5: in this part. Five video of a color. These topics and last selloff prepping illustration for animation is to remove all moving objects from the background plate. A background plate is a base layer that is not gonna be animated. We will use the same set of tools first, use content of I feel to clean away as many objects as possible. Second use clones them toe to clean up the ages that use brushed through to pin in details and outline. - While cleaning the background plate, we will need to repaint and abuse as well. Two steps clone stamping and minimal brush painting. So here is a clean background plate that is, without any object that moves next up. We are finally bringing all materials into after effects. 12. Import Photoshop File Into After Effects: in this lesson about color these topics no aftereffects. We often need to bring in many items. Follow arrangement. It's very important for smooth workflow. Here is my way off. Managing a folder wants to get the idea became customized, one that suits your workflow on the project panel. Click on the photo I can't below to create a new photo press. Enter another to rename it first Voter Is cop to keep all composition. Composition is a container that stores layers of video, audio and etcetera. You can see it as one separate movie project. Next Further is pretty calm to store the subsequent compositions in the main cop, pull the further out from the com for them when you click at for the for selecting a folder , the new folder will be created inside the selected folder. To avoid that, click away toe Un. Select any photo before you click at noon for the Resource folder. Any video image and audio that will be using the animation, including a photo shop foul. We have a pet earlier with Days Resource for the selected go to menu file Import, Select foul or simply press control are too important. Fall select a photo. Shall we have a pet and click import? Make sure the import kind is composition and quick. Okay, you will see a composition is created. The's icon means this is a composition. It comes with the holder we've seen Founding inside the folder is all the layers one before the shop. If you import the foreshore file as footage, it will appear as one for the shop image. Everything iss much. We don't want that. Go to the bottom and quick to it. Double click on the composition. It will open up in the timeline panel. Samos Photoshopped Press Space Bar to move up and down the timeline. Uncheck the I icon the height layer or check the DOT column to solo the layer. You know the preview panel. There is a button to Targo. Transparency. Quit. Uncheck the dot column toe. Undo solo view back to project panel. Selected My last composition. Go to menu foul. Dedicate a press controlled E. Remember these short cut key as even need these action frequently move the duplicated calm into the com folder, while the rest move into a resource folder. The name that you get that one into Maine called double click on it to open it in timeline panel under attack Icon can choose Akal Attack It will reflect on the timeline as well. At some point, there might have multiple compositions opened in the timeline call attack. Allow us to navigate mean calm easily. Next, set the composition setting. Go to menu composition, composition setting, check the width and height. I'm gonna make it a square video, so ever change the way 2000 and 80 picks off. Check the frame rate. I will keep it as 25 frames per second. Next column is the duration. You can set the frame second minute and our lastly, the background color Click on it like a desired color. I'm keeping the default black first, the latest two layers us we will not use for animation. Just select impressed. Delete. I'm going to remove the brown frame. Select the original ear. Go to toolbar on top, select rectangle to when the leery selected by tango you create will end like a mosque. Only what's inside the rectangle will be visible, click and drag to make the shape the rectangle. Wolves, now to the guidelines. Once done, go to many view clear guides choose to move toe with the leader selected. You can still address the moms by drinking on each point. Next, I would create a background go to menu layer. New select solid solid is a color layer can set the size and color, but before he follows the comb size, now move it to the most bottom. Next I was killed. These illustrations are the touch of top and bottom H. To do that, I will need to connect all layers to the original In A we use parent tool to parents char layers to parrot layer. Select all in the years except origin. Oh, see the koi icon. Click on any of it and direct to pull out to weep, drag them point to the target layer, then release now. Any transformation on this parent lier will affect the child layers. Press s to bring out skill property pointed a features a two headed aero appear, click and drag 11 right to adjust. You can mental again. The number two one important. Always remember the safe your file. Every now and then, it's a good happy to save in staggered versions for safety. Let's certain background color. Select the solid layer created earlier Goto effects and precise panel on the right top in field is a puck into feel color on the entire lier. Select and drag on top off the layer and released. Apply on the left and effect control panel. Appear sure is the something off the field. Plucking. Click on the color picker. Go to the painting to select the pill. Agree Now I see the mosque ing on the image. It's not good. I can still see some dark lying at the age. Go back to the original layer that I know named it base selected with the layer selected a bounding box appear. Make sure move toe, select a click and drag the point. I address the mosque. Make sure to points are selected by holding shift to maintain the straight line. Once done, rename the solid lier to background. Now the A project is well prepared and organized. Next up, we will learn how to animate objects by bending them 13. Bending/ Waving Objects Pt1 | Grass: in this pot. One video IBO color These topics. Let's start with the grass on the left. Select grass one you will find. The anchor point is that the needle anchor point is a transformation center transformation , centuries rotation and skill, AKA around it. You should always set the anchor point before you begin animating to move the anchor point . Go to the tool panel on top. Select the pan behind, too. Check that the grass one layer is selected quick on the anchor point at the centre. Dreck it to the base off grass one go to effect. Present panel typing Ben Select CC, but make sure grass one layer is selected. Double click on the C C. Bennett. To apply the effect on the left, you will see they fax control first thing. We will set the start point click on the target icon have over the previous panel. The Costa is now a big cross target. Hover your cursor to the base of grass, one on top of its anchor point. Click one time to set this. That point next is to set the endpoint. Put it at the top off the grass. You may see that the top part off the grass. Come back and do direct the endpoint higher. If the image is still cropped now you can test the bends lighter. You may adjust the start and end point. If the bending looks were reset it to zero. Click on a stopwatch to set a key frame. We should be at a start off timeline at a first real quick on the triangle to expand the properties CC bend it if it who appear in the least, Click on next, try and go to expend. You will find more properties a day and the key friend that you have just set on one second drag on the number to create a slight bend towards right. A key frame is created automatically onto a second bent slightly to the left at tree. Second set it to zero, which is the same as the study, apparently animation to end a trees again and look from the start with the time indicator at the 32nd press end to set the render area, go to the preview panel click to expand. You can click the play button or press space bar, as indicated here to preview what animation, said the resolution to full. Let's have a preview. Let's clear the guidelines. Go to view. Clear Good night's Go back to timeline. So, like all key friends, hover your cursor over one off a key frame, right Quick, go to Key Frame assistant Select. Easy is See the key frame icon Changed Disease gives a gradual studying and ending motion that make that mission look smoother. I just a band amount a few times. Once the animation looks good in preview, move the key frames, so they looked last uniforms. You can also add new key friends in between. Just make sure the end and start key fame has the same value. Repeat the same process for on that aggress, adjust and appoint. Apply CC bended address. Start an endpoint sat bending key frames here city. To speed out the animation process, copy the key friends from grass one and place it on grass to select all the key frames. Press control See To copy, select grass to layer, place the time indicator at a starting from press control V to paste key frames, then shift the key friends so that the second grass do not follow the 1st 1 Exactly. Next. Modify the values make it slightly different from the first crest, continuing to shape the key frames and modify the values until the result looks good. Do the same for all the other grass. For the Leafs on the right, we will use the same animation that that using cc bend it. 14. Bending/ Waving Objects Pt2 | Leaves: in this part to video about color these topics. Now the grass animations are done. Select all four of them. Change the call Attacks on the left Color tags are useful for layers management. Next, let's start animating the leave with the beetle. Only way need to parent Be Toto the leaf. Select a beetle later, Pickwick it to the leaf. Now the beetle is parent to leave. People follow the leaf. Let's undo that first set anchor point repent behind tool. Second applies to see by that. That said, the start and endpoint. See the crop. Just drag the endpoint further away, said a key frame at a band slider. Now press you to break now. Any key friends that are in this layer bring the time indicator to the and free, which is at a 32nd click on the diamond icon here. To create a key frame at current value in this case is the same value as the first frame. Go ahead and set a few more key friends how we do it on the grass, but this time you will add in rotation as well. Press are to bring out rotation Property, said the first and last cave, then continue with the in betweens. Once the key frames are set, select all key frames. My click on one off key frame and apply Easy East. Check the preview, make adjustment and repeat on their satisfied. Now move on to second Leaf. Repeat all these steps when on the steps are done, simply copy the properties from the first leave by clicking on the properties names. Then select the second leave layer properties priced Contrave to pay solve properties, which are the ben amount and the rotation valleys. Start shifting the key frames, timing and values. Repeat. Same set off steps until leave 10. Next up, we will animate the call using turbulent displace. 15. Bending/ Waving Objects Pt3 | Cloth: in this part. Three video about color These topics All the greens are done. Move on to the coughs. Press control plus sign on minus eyeing to zoom in and out off a composition window. Press space bar to move around. Select Club won the wider banner go to effect and preset panel typing. Turbulent, select, turbulent displace. Go Today for control check and uncheck the FX button to set the effect on and off. First, let's bring cough one on top of cough to before we start animating. There's an error to fix when I told her on and off on the overlay Part two. There I can see a duplicate at the corner off the better. First, let's move this layer down and plays right on top off the base layer. Select the right angle toe. Create a mosque on this layer. Draw Congo that exclude the corner off the banner. Check on Solo Moon to have a clear up your view under Salomon and bring back the cough on their on preview. Try dragging the size lighter and amount. Slider size is equal to the wave size. What amount is equal to the wave Amplitude offset tab has X and Y values. It is used to move the wave pattern left, right and up down. We will not any made offset this time. Let's set a smaller values on the amount and size. Try turning on the evolution radio. You will see the club start waving before setting key frame, make address, man first and set the evolution back to zero. Move time indicator to the start off Timeline said a key frame on evolution. Goto and frame set evolution toe one full cycle off. The preview makes on my jasmine increase evolution of mount if needed and high evolution value. The cloth will flatter faster. Once happy with the speed, go to the center off the duration between the first and last frame. Click on the diamond icon on the left to set a key frame. We've current wedding, then copy the first key frame to the last key frame with ease. The distortion on the last and first key frame is the same. That way we will get smooth doping animation. You can keep modifying the values once the result looks okay. Apply the middle key frame with Easy East for a smoother emotion. Next click on the fact turbulent displace price controversy To copy the effect and paste a fat with same key frames onto the cough to layer. Remember the pay state at the first frame In timeline, you can modify the complexity and other values to give a slightly different look. WeII done bending and waving these objects. Next up we go. Any made the beetle and put in the black cat. 16. Moving Objects Pt1 | Beetle: in this pot. One video IBO color These topics. No, it's drum writing. Select the Beetle a year truce. The color tech for this layer. Let it be purple position. It's in capon. Place it in the middle off the beetle shoes selection to set a key frame at the first rain and on the entry. Once I can't attain train someone more key frame. Move the veto out just a little bit better on the first ring. Press are to bring out rotation, property, said Key frame at the first ring. Go to neither frame. Rotate the beetle slightly on the and frame set back to zero. Same value as the first way that's had a preview. The Beetle most too fast. Got to shorten the distance he travels. Moving back up narrative in studying position. Changed the rotation too much where it's heading towards now. It turned, too. Left in state way will make the beetle post a little before moving back to the first position. Copy both position and rotation. Key frames from the middle Multi indicator. About 10 frames in front paste. The key frames. You have just copy review to check the posts off movement the key frames further apart for a longer post. Next, I will make the beetle turn left and right while moving forward so that one looks like it's sliding on the surface. Here's the final formacion off the key frames. Let's copy these key frames, paste it over. Shift the rotation, keeping away from the part where the position is hold, meaning the part where the beetle start moving forward. Adjust some key frames. Make a consistent in troubles. Let's have a closer prevue Beetle now still looks like it is sliding on the surface. That's great key frame at every interval by clicking on the diamond icon on the left year. Then select opposition. Keep things by. Click over one off the key frame. Go to keep from assistant and apply Easy East. After we apply Easy East, the movement forward will have shot posts at each teething. It creates the illusion that Beetle is making steps forward instead, off sliding forward. Here's a way to change the movement amplitude easily, with the key frame selected for this case, the rotation switch on graph editor here we can see the key frames in graph form the positive and negative values created away form right claim to make sure the added value grabbed his trip in Grab You, we can easily select all the key frame with similar value. For example, all the point here on top indicated Beatles rotation toe what's right. We can select all of them and pull down to reduce all rotation to what's right. In this case, I'm just gonna pull down a few key frames that has higher invitation to make away form that has similar rotation betting. Now let's give this little beetle a shadow with the layer selected. Go to effects and three sites panel. Find drop shadow. Apply it to the Beetle. Address the direction, radio, distance and softness to match the shadow to your illustrations. Lighting condition. But it should be a heart crispy shadow or a soft light shadow. In the next lesson you go at in a pre enemy toe. Black cat 17. Moving Objects Pt2 | Cat: in this part to video about color. These topics click on the resource for the in project panel press control. I go to the folder where you store can't working sequence. Click on the first rain at the number zero. Check the box beside PNG's sequins. Click Import. You must see I can't like days for image sequence. Quicken. Put down into the timeline. Check out the animation and, by the way, this illustration and the cat animation is provided for you to practice. Now click on this to show the time stretch panel under the Stretch column. Go on to stretch out the duration off the cat sequence. By doing so, the catwalk cycle will become slower. Each rain will stay on longer. Now do not overdo the time stretch. When Morgan doesn't looks, move anymore. Reduce this rich or you will have the and in more in between frames for an animation to look smooth enough, trying not to stretch over 300% off the time stretch press as to bring up the scale property skill down and plan. Where to position the cat said a key frame at the first frame. Cat's head should be behind the pillar, said one more key frame before the cat makes its time. I just a skill with a cat. Size looks off, said another key frame after the captain. 90 degree, one more ready and frame. But a cat should be behind the rate bricks WALL PREVIEW ANIMATION On the second key frame where the cats start making a turn, please the time indicator there. Select the cat layer goto a deep soul. EXP Letelier SHORTCUT CONTROL Shifty layer will be speed at an exact time. So like the second half, we worked the time stretch back 200%. Push it back till it's an frame is on the TERT. Second off the preview. I've come to these changes. I change the time stretch than the position. Also dragging on this letter will help you them in and out. In the timeline. Duplicate this layer. Move into the back press P When the key frames show select the last two frames move in front until the media key frame is over. The first. It will replace the first key frame when the mouse is released, then move the second key frame. Better word to the end. Select the time indicator scrap along to track the animation. Make sure the movement is continuous between the split. So here has about two empty frames. Lester Stretch this layer out to filled up again. Now it looks about right. However, in the 1st 2 parts, the cat still looks like any sliding scrap. A long timeline. We feel time indicator at a time where they can't make new action. Set a key frame by clicking on this diamond icon on the last frame and has same position as the layer on top. We will delete it later. Selected 1st 4 key frames right plate on top of one of the key frame. Select taco hold keeping, then delete the last two key frames. Now do the same on the second layer. Set a key frame on every new post, then cut on one frame from the set layer. So you go start on a new post on the second layer. Delete the last key frame extended earlier as long as the cat post. It's not changed yet. If the post change used time stretched to feel the gap in ST Samos, first layer turn on key frames to talk a whole key frames. Now the cat is not sliding because, if only changed position. When it changes. Pose. Proceed to turn. Layer the key friends in front in the middle frame because sometimes it is better to just start fresh. So before the cat make a left and I move it up near the entrance, then addressed the last position finally, at key frames on each new posts and turned them into toga hold key brings Let's review It's looking good. Hope Thedc at is stepping over the flower pots. I have not prepared this foreground the year in photo shop. I guess I will just have to create one in after effects. First, duplicate the base layer, moving on top off all the cat layers. Go to toolbar. Select mental draw path on this layer to mask out the 1st 2 flower pots turn on solo layer to check. No mosque is not working. Press M two times. Almost under this layer will show Zuma, and now we see the right channel Mosque we have applied earlier on the base layer. When they duplicated this month is copy it along to go head to delete this rectangle mask. Next, give Akal attack to the cat layers that's make it orange. Select all cat layers. Move them down below, scrapped through a time line up to right here. Thes dream, but a cat start to enter the shop. Go to edit applies peat layer. Move the last part down. Go to first rain. Train the layer to the frame where the cat first popped off. On this room. Go to toolbar Select Rectangle tour. Draw a mosque on this layer to mask out the back off the camp. You would think that this is cheating, but hey, kid is so flexible anyway. Go on to expand out the mosque options, click on the stopwatch beside Mask Path to set a key frame. Go on to check other from Scripture the animation. Expand the mosque where necessary a key frame will be created. The next thing to fix is the popping head towards the end. Go to the time, but I hate pop out since the body is all behind the wall Already, instead of making a must like previously this time, just simply trim off the end of this layer. When I started, don't forget to save your progress. A simple scenery. Animation is now all done. It may take more effort than you imagine, but I'm sure the results both in our next ever show you how to export it into a video and moving chiefs. 18. Export Animation to GIF & mp4: While the current composition is active, go to composition, select at to rent a que. When a Q panel will open up for under setting. Choose best settings. Click here beside output model. In this top, you can trips all kinds of video form. It's an image sequence form. It's this time troops Quick time under video output. Keep all these such things as it is over here is the audio our put option. If your video has older, can keep the default settings otherwise can turn it off. Currently, the video format is animation ah, high quality option, but a big foul size may not be friendly. For on my upload, click here juice and at a video, Kodak such for haste to 64 predict and select it for smaller foul size. The quality here can be down to 70% of 50% to go ahead and click OK back on the Render queue panel. Click beside output to troops were to save your video. Ever usually create a photo named Output to save my video, typing a full name and quick safe double. Check your underside things before you click on Brenda. Here's an important note before you export your animation, make sure you have a correct were in the range, Set said. You're in and out point by dragging days or price, be an end to set a point and where your time indicator is located. Once again, make sure the composition is active and the friend arrange it said Go to composition, select at two Adobe Media Encoder que Once a project appear in the window, go 2% brother on the such bar Typing Jeff by the fought To preserve its will be found. Select the animated chief preset Click and drag it to place on top off the project Name and Export Settings Dialog box pop up. You can adjust the Quartey lower if you want a smaller foul size. You can also reduce the image size and check this box to modify. But above this track, it means the value will follow the original projects of things. Click OK. Click on this to choose where to save the G fall and name your chief click on the play button to start. Render click on this link again to open up the foul location. Curis and before we rendered earlier and the chief the country Foul size is 40 megabyte over. It is too big for smooth playback in online platform a follow size off around 10 megabyte. It's more ideal in this case. Put a shop. J output will come in handy with adobe for the shop open, direct and before far we have rendered earlier into Photoshopped. The timeline is ready at the bottom with the correct when the range said go too far. Export Select safe for WEB. Currently, the color depth is 128. You can set to the highest 256. Oh, here. Choose the image processing method, which is used to create US motor finished image. With a smaller foul size, you can try out different pattern to see which mind works best to secure the image quality here is estimate. Far size. Clicking the preview window depend around with views prevail size from here. Once you are happy with the quality over here, said your image size, then choose your playback option. Truth forever. To have consistent looking chief. If you want to reduce false eyes with use the color that now the false eyes is one megabyte , less quick safety export. Name your file and click safe. Now you are all set to share your enemy. Toe illustration. 19. Wrap Up & Class Project: congratulations. You have reached the end of discuss. I hope you have done something useful. First of all, I want to encourage you to start biggest. Don't be intimidated that by process, just stop. What are dragging your enunciation? It's not small to get him and get over this suffering. You can come with the illustration showing his class and the black cat sequence to practice should make a first step by taking part in the class project in Sharjah. Progress and Hosni Question. I would have a best on also always said me in several movies had initiated a shell of what you got. Thank you for watching and seeing the next lesson.