Modifying the Textures of the Sprite Elements

If you want to change the texture of any element in a sprite, then you need to enter the Composer Mode.

In the Composer Mode, you may use the Color Editor tool to perform basic modifications to the elements, or you may use an external image editor for advanced modifications.

The Color Editor may help you with editing Vector-based and Image-based elements. But take note that the External Image Editor is more suitable for editing Image-based elements.

If you want to modify the mask of an element, then please refer to the Editing the Background Mask section for more information.

Editing Vector-based and Image-based Elements

  1. Basic Usage - Editing Single Sprite
    1. Pick one of the sprites in the Composer Mode.
    2. Click the Color Editor button.
    3. Drag the sliders of the Color Editor panel to adjust the basic color of the texture.

      4. Note:

      • All elements inside this sprite will be affected.
  2. Advanced Usage - Affecting All Sprite

    The Color Editor provides features for you to modify the character's skin, hair, clothes, and others as a group. This way you do not need to modify them individually.

    1. Select a character, and then enter the Composer Mode by clicking the Character Composer button.
    2. Select the face and then click the Color Editor button.
    3. Select Skin in the Choose Group drop-down list.
    4. Modify the Brightness, Contrast, Hue and Saturation value. You can see that only the face skin is modified.
    5. If you activate the Affect All box, then the character's entire skin color will be modified.
    6. You may use this method to change the hair, the jacket, pants or even shoes as individual items.

Editing Image-based Elements

If you want to use an external image editor to modify an image-based element, then follow the steps below:

  1. Pick a character in the Stage Mode. Click the Character Composer button to switch to the composer mode.
  2. Select one of the body parts and then click the Sprite Editor button.
  3. Pick the element in the list for editing.
  4. Click the Launch button.
  5. CrazyTalk Animator will then launch your specified image editor (e.g. Photoshop) with the texture opened in it ready for advanced modifications.
  6. Edit the image and save. The data will then be automatically transferred into CrazyTalk Animator.
  7. Click the Back to Stage button to update the character in the Stage Mode.

    Note:

    • Only image-based elements may be modified with an external image editor. If the element is a video or SWF-based, then the Launch button will be disabled.