
Part one- creating layers for characters in photoshop
Creating cartoon videos using Adobe Character Animator begins with designing your character, and the first step is setting up your artwork in Adobe Photoshop. This process involves breaking down your character into separate layers that Adobe Character Animator can later animate. In this guide, we’ll cover the essentials of creating these layers, from the gear you need to the actual steps in Photoshop.
Essential Gear for Your Setup
Before diving into character creation, it’s important to have the right tools. You will need:
- Adobe Photoshop: This is your primary software for creating and editing artwork. Photoshop provides a versatile canvas where you can draw your character and separate its different parts into layers.
- Drawing Tablet: A drawing tablet allows for more natural, precise input compared to a mouse. It helps when you’re sketching fine details like the contours of your eyes, the curve of a smile, or the intricate designs on clothing.
- PC with a Graphics Card: A powerful computer is essential, especially when dealing with high-resolution images or complex projects. A good graphics card ensures that Photoshop runs smoothly and can handle multiple layers without lag.
Having this gear not only makes the process smoother but also helps you achieve a professional finish on your cartoon videos.
Two Approaches to Creating Your Character
There are two main methods for creating characters suitable for animation:
- Drawing Your Own Characters:
When you create your own characters, you have complete creative control over their appearance and personality. Start by sketching your character on paper or directly in Photoshop. Once you have a rough design, refine it digitally. The key here is to plan your drawing so that each significant part of the character is on a separate layer. This means separating the head, eyes, eyebrows, mouth, arms, legs, and any accessories. Doing so allows Adobe Character Animator to detect and animate each element independently. - Editing an Original Photograph:
Alternatively, you can convert a real-life image into a cartoon character by editing a photograph. This process involves using Photoshop’s tools to isolate different parts of the subject’s face and body. Once isolated, these parts are then converted into layers. This method is great for those who might struggle with drawing from scratch but still want to create engaging, lifelike characters.
Both approaches have their own charm. Drawing your own characters allows for unlimited creativity, while using a photograph can be a quick way to create a recognizable character that resonates with your audience.
Breaking Down Your Character into Layers
No matter which method you choose, the next step is to break your character down into its various parts. This decomposition is essential for animation, as each part will be animated separately.

- Facial Features:
Begin by isolating the key elements of the face. These typically include the eyebrows, eyes (including the pupils), nose, and mouth. Each of these should be placed on its own layer in Photoshop. For example, the eyebrow layer should be separate from the eye layer to allow for independent movement and expressions. This granularity is crucial for achieving realistic lip-syncing and facial expressions in Adobe Character Animator. - Additional Elements:
Beyond the main facial features, consider any extra elements that contribute to your character’s personality. This could include hair, accessories like hats or glasses, or even clothing details. Each of these elements should be placed on separate layers. The more layers you have, the more control you will have when animating your character. For instance, separating hair into multiple layers can allow for more dynamic movement, making the character appear more lifelike. - Dynamic Expressions:
Sometimes, a character’s expressions require more than just a static layer. You might need to draw multiple shapes for a single feature to simulate different expressions. For example, drawing several versions of a mouth—such as a smiling mouth, a frowning mouth, and a neutral mouth—can provide more versatility during animation. Similarly, drawing various eyelid positions or eyebrow shapes can enhance the range of emotions your character can display. - Utilizing Ready-Made Assets:
If drawing multiple expressions from scratch seems daunting, you have the option of purchasing pre-made assets. Online platforms offer a variety of green screen mouth images and other facial elements that are designed for easy integration with Adobe Character Animator. These assets can be a great time-saver and ensure a level of consistency in your character’s expressions.

Practical Tips for Layer Creation
- Plan Ahead:
Before you start drawing or editing, plan your character’s design. Sketch a rough outline and note which parts will need to be on separate layers. This preparation can save time later on. - Naming Conventions:
As you create layers, name them clearly. For instance, label your layers “Left Eyebrow,” “Right Eye,” “Mouth Smile,” etc. This practice makes it easier to locate and adjust layers later in both Photoshop and Adobe Character Animator. - Maintain Layer Order:
Ensure that the order of your layers in Photoshop corresponds to how they should appear when animated. For example, facial features should generally be above the base head layer. This ordering ensures that nothing looks out of place when the character moves. - Use Smart Objects:
Converting frequently edited layers into Smart Objects can be beneficial. Smart Objects allow you to apply filters and adjustments non-destructively, meaning you can experiment without permanently altering your original artwork. - Consistent Resolution:
Work at a resolution that is appropriate for your final video output. Higher resolutions provide more detail but require more processing power, while lower resolutions can speed up the animation process. Balance detail with performance based on your project’s needs.
Preparing for Animation in Adobe Character Animator
Once you’ve created and organized your layers in Photoshop, you’re ready to import your artwork into Adobe Character Animator. This software recognizes the layers and allows you to assign behaviors and movements to each part of your character. The modular design, achieved through careful layer separation, is what makes it possible to animate features like blinking, lip-syncing, and even complex gestures with ease.
By meticulously preparing your character in Photoshop, you set the foundation for a seamless animation experience in Adobe Character Animator. Whether you’re drawing a completely original character or transforming a photograph into a cartoon persona, the principles of layer creation remain the same. They ensure that every part of your character is ready to bring your creative vision to life.
In summary, the process of creating cartoon videos with Adobe Character Animator starts in Photoshop with careful layer management. With the right gear, a clear plan, and attention to detail, you can create dynamic characters ready for the animation process. In the next parts of this guide, we’ll delve deeper into importing your layered artwork into Adobe Character Animator and animating your character with precision.