Marionette StudioMarionette StudioMarionette StudioMarionette Studio
  • Features
  • Pricing
  • Learn
    • Video tutorials
    • User guide
    • Videos
    • 2D Animations
  • Blog
  • Demo
  • Login
  • START ANIMATING

Create a 2D game character with Marionette Studio

Marionette Studio - animation software sections

Create a 2D game character with Marionette Studio

By Raluca | Uncategorized | 0 comment | 27 January, 2016 | 2

Before learning how to create your new character with Marionette Studio, you should know about the app sections:

  • Views – create, open, save, export your scenes
  • Tools and actions – pan, select, translate, rotate, scale elements
  • Defining a skeleton for your character (Rigging) – add images, create bones and create links between a bone and an image
  • Canvas – the working area you can view and create your character
  • Scene explorer and layers – manage all the images and bones
  • Animation timeline – change, modify, transform the position of your skeleton and manage key frames
  • Image and bone properties – edit all bones and images properties

MS_sections_animation_HTML5

To start building your new character firstly you need all the body components: a head, neck, torso, arms, legs, etc. You can import all these images from your computer by simply clicking on Import Image button. You have the possibility to add all the images at once or one at a time.

import_images

After you have imported all the necessary images you move on assembling these parts to create a body. You can manipulate all these images with the actions move, select, translate, rotate and scale. If you want to move one image further back or further forward you can do it by moving it up or down from the Layers buttons. Or, you can press the right click from the mouse on the image and a new window will open. You have the options to send to back, send backward, bring to front and bring forward.

You can always return to one image to customize it, so all parties to come together perfectly.

From time to time you can save your work by clicking the Save button.

assemble_body

If you have finished customizing your character,  you can move on to create your character’s skeleton. You need to create bones for every part of the body. Select tool Create Bones and start dragging the skeleton of you character. All created bones appear in Scene Explorer at Armature.

create_bones

You can also change the bones name or color for a easier indentification. Select one bone and simply write a name and choose the color you want.

bone_name_color

To move, rotate one image and its correspondent bones you have to create a link between a bone and an image. To do that you have to select Link Bone to Image button and simply drag and drop with the mouse from the bone to image. This is the rigging step. In Scene Explorer you will see that the images linked to a bone go under the selected bone. There is also another method to do this action: from Scene Explorer select one image with the mouse and move it under the bone you want.

link_bone_to_image

Now we have the character and its skeleton ready! Before moving to the animation part you have to do one more thing: make connections between bones. For example, when you move the left upper arm to move the left lower arm and the left hand too you have to make connections between these bones. In Scene Explorer tree you need to move the left lower arm under the left upper arm and the left hand under the left lower arm.

bone_connections

You have to rig all your character. You need to make these connections for all parts of your character: for the right hand, left and right leg, but also between head, neck and torso.

bone_connections1

To move on to the animation part, you must ensure  that you have correctly rigged your character.

Now we can move to animation.

With animation timeline you will bring your character to life.

Firstly, you need to open the project you want to add an animation for. Simply choose Load button from the menu and select the character saved.

load_character

Your scene will be displayed on canvas and all your images will appear in the Layers area. Also, you can find in the right hand of your screen the tree containing all the images and bones associated with your character.

create character with marionette studio

To animate a character with Marionette Studio you have to use key frames. A key frame in 2D animation is a drawing that helps you to define the starting and ending points of any transition. These drawings are called “frames” because their position in time is measured in frames on a strip of film. A sequence of key frames defines which movement of the character the viewers will see, and the timing of the movement. Because only two or three key frames over the span of a second do not create the illusion of movement, the remaining frames are filled with inbetweens.

Inbetweening is the process of generating intermediate frames between two images to give the appearance that the first image evolves smoothly into the second image. In between are the drawings between the key frames which help to create the illusion of motion and is a key process in all types of animation.

In Marionette Studio the key frames appear as blue dots and the effects you can create with key frames are changes to position, rotation and scale.For example, if I want to move the shield of my character up and down in a slow mode I will set a key frame 0 for the initial position, then in canvas I will rotate the right upper arm and I will set a new key frame 20. Then I will move the arm down and I will set a new key frame at 45.

set_keyframes

To see the shield movement you can simply press the Play button. If you want to play the animation continuously you have to activate Loop button from Animation Timeline.

If you want to make the movement faster you can modify the key frames by clicking the Cut, Paste, Delete buttons and set new key frames at smaller distance. For example, I will cut the key frame from 20 and I will paste it at 5 and the key frame from 45 I will move it at 10.

cut_keyframes

To see only the character without the skeleton you have the option hide the Armature. In Scene Explorer select the Visible button for Armature and all bones will disappear from canvas.

invisible_bones

This option is also available for the images too. To make all the images invisible select Visible button from Sprites and in canvas will remain only the bones.

invisible images of your character

This is our first quick & easy tutorial that you can start with. Hope you enjoyed it!

Happy animating!

No tags.
Raluca

Raluca

More posts by Raluca

Related Post

  • 3 essential tools to create an animation in 3 minutes

    3 Essentials Tools to create a successful animation in 3 minutes

    By Raluca | 6 comments
    Whenever you are part of marketing, media, advertising, entertainment, gaming or any other industry that requires expressing a message, animated content has become essential in grabbing people's attention. Giving you an answer on how toRead more

  • skyppy-fox-running-and-falling-animated-video

    Engage your audience with animated videos

    By Sorin | 1 comment
    The best way of expressing your message in the digital world is through animated videos. Animation gives you the freedom to target your audience in a compelling, powerful and exciting way! You can express yourRead more

  • The Marionettes - 2D characters - Marionette Studio

    Meet The Marionettes !

    By Raluca | 0 comment

      We would proudly  like to introduce our newest characters, The Marionettes family. Having the touch of the retro style, our animated family will kick off the animation templates that will be introduced very soon inRead more

  • skeleton view

    Animating with Marionette Studio

    By Raluca | 21 comments

    In this tutorial we will focus on the animating part and you will learn how to bring your rigged character to life with Marionette Studio. Firstly, we will take a look at animation timeline toRead more

  • onion skinning Marionette Studio animation software

    Animate easier using Onion Skinning

    By Sorin | 0 comment
    Onion skinning (known also as 'Ghosting') is a technique used in creating animated cartoons and editing movies to see multiple frames at once. In this way, the animator or editor can make decisions on how to create orRead more

  • Background Exterior Santa House Winter Globe House for animation

    Free Rigs & Christmas Art for commercial use

    By Raluca | 2 comments
    I am happy to share with you the Christmas art below.  It's free for commercial use with any Marionette Studio plan purchased! It's created by Marionette Studio's artist. Our Christmas Art pack contains:   Christmas &Read more

  • walk cycle animation tutorial - pass pose

    How to animate a Walk Cycle

    By Sorin | 0 comment
     Regardless of whether you are a non-experienced, a beginner or an professional animator, a walk cycle is something that every person needs to know. This type of motion is so natural as we, as humans, unconscious experience itRead more

Leave a Comment

Cancel reply

Your email address will not be published. Required fields are marked *


Related Posts

  • What is cel animation?
    5 March, 2020
    0

    What is Cel Animation?

  • Halloween decor - the witch house - emojer
    26 October, 2018
    0

    3 Best Halloween decors for your stories

  • screen2-v2
    17 July, 2018
    0

    Announcing Emojer – Animated emoji with just one photo

  • skyppy-fox-running-and-falling-animated-video
    26 February, 2018
    1

    Engage your audience with animated videos

Categories

2D Animation 2D animation for games 2016 Trends Advertising Agile Game Development Algorithms Animation Animation for Dummies Animation techniques Animation tips Animation Tools for Marketers Characters Create character Creative work Design Digital Art Digital Design Features Finding FUN in games Freebies Game Development Team Game Planning Game Release Planning How To Indie Games Inktober Marionette Studio Marionette Studio Updates Marketing Project Management for Games Rigging Skeletal animation Sketches The Marionettes Theoretical Concepts and Observables Tutorial Uncategorized

Latest activity

  • Linwood on Animating with Marionette Studio
  • Raluca on 3 Essentials Tools to create a successful animation in 3 minutes
  • jameel on 3 Essentials Tools to create a successful animation in 3 minutes
  • Animation Training surat on Top 5 blogs to learn animation from
  • Ravali Reddy on Engage your audience with animated videos

MARIONETTE STUDIO

+1.408.769.5590
support@marionettestudio.com
3739 Balboa St # 1221
San Francisco, California, USA
94121

2D ANIMATION

Features
Pricing
Request a Demo
Contact Us
Software Change Log
Education Partner Program

LEARNING & DOCS

Showcase
Tutorials
User guide
Blog
Videos

FOLLOW US

Get the latest news & updates!
© 2018 Marionette Studio, Inc. Terms and Conditions | Privacy Policy | Cookies Policy
  • Features
  • Pricing
  • Learn
    • Video tutorials
    • User guide
    • Videos
    • 2D Animations
  • Blog
  • Demo
  • Login
  • START ANIMATING
Marionette Studio
By using this site, you agree to Marionette Studio's use of cookies to improve your experience. Learn more on our Cookie Information page. Accept Read More