![]() The path layer, converted to the shape layer's stroke, can be used to animate the path. Now, we can draw strokes using the path from anywhere within the path or top-left to bottom-right and vice versa. For instance, we created our ribbon in Illustrator, starting from the top left of the artboard to the bottom right, along with the twist and turns in the middle way to give a feel of ribbon. ![]() Creating Shape Layer from Vector Layer Animate the Path in After EffectsĮvery stroke has its own path thus, we can use these paths to draw out and animate according to our usage. To convert the AI file to a shape layer, right-click on Layer > Create > Create Shapes from Vector Layer. The path layer needs to be converted to a shape layer for the trim paths feature, which is found inside the shape attribute. To pre-compose, Select Layers > Pre-compose. We can pre-compose the detail of the ribbon part to a single layer to make life easier during animation. Import the ribbon file as a composition in After Effects to list out the layers and directly animate the individual layers. Saving the AI File Layer Setup in After Effects However, we can also create ribbons directly on After Effects if that is your preferred way of illustrating or creating stuff. While saving the ribbon, save the previously drafted path, too, as it is the base path of the animation process ahead (along with all the ribbon layers necessary or appearing on the screen). Finalize the ribbon in AI format for further use in After Effects. If you want to go with a flat style, putting less effort into the shadows might do the trick. We must mind the edges as they make the ribbon more distinctive and realistic. Draft Path of Ribbon AnimationĪfter the path has been drafted, complete the ribbon with gradients. We can take the references of ribbon from multiple images on the internet. Visualize the path of the ribbon and draft the path using the pen tool. ![]() The most important step of this animation process is creating a perfect ribbon for illusion. So, let's dive in! Create Ribbon in Illustrator For a more detailed reference, this blog will guide you through the process of creating a ribbon in Adobe Illustrator and creating an illusion of animation of the ribbon. Trim paths helps us create an illusion of animation of objects without actually animating the object. It has wide use over lines, geometric shapes, offset animation etc., including Alpha Matte in further steps. Trim paths in After Effects is one of the most interesting ways to animate a vector line or path.
0 Comments
Leave a Reply. |