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

Get the most out of MarionetteStudio with these animation tutorials

Detailed animation tutorials are available for you. Now you can get started with Marionette Studio right away. Our team prepared a collection of step-by-step animation tutorials that help you easily understand how this animation software can be used. We provide animation screens at every step. In this way, you will find how quick you can animate in your browser.

Subscribe to our YouTube channel

01. SETUP YOUR ACCOUNT

In this tutorial you can see how easy is to setup your MarionetteStudio account. It takes only a few seconds to access the animation editor from your favourite browser.

02. CREATE, SAVE AND OPEN ANIMATED SCENES

A scene is your workspace for making an animation. This tutorial focuses on how you can create, save and open animated scenes.

03. WORKING WITH IMAGES

An animation is a sequence of images. In this tutorial is shown how images can be dragged into animation scenes and how image properties are defined. Also translation, rotation and resize concepts are explained.

04. CREATE AND MANIPULATE BONES

The skeletal animation concept is based on defining a skeleton for the animated content. A skeleton is made from bones. This tutorial covers how bones can be created and manipulated by translating, rotating and resizing them.

05. MANIPULATE IMAGES USING BONES

Basically, we animate bones and the motion is applied to images. How we can transfer motion from bones to images? This tutorial shows how images are manipulated by the bones attached to them.

06. CREATING CHAINS OF BONES

Understanding how chain of bones works is very helpful for the animation process. In this video is explained how we can work with chain of bones and how parent bones can influence their children.

07. SET ANIMATION KEYFRAMES

A keyframe is an important pose of an object. Marionette Studio generates all the frames between keyframes. In this tutorial is shown how animation keyframes can be defined.

08. WORKING WITH LAYERS

In this tutorial is shown how images can be arranged by using the context menu. Bring to front, send to back, lock or hide images in the animation scene.

09. EXPORT ANIMATION TO GIF

Exporting an animated scene to a quality GIF is the purpose of this video. See how you can make a GIF with transparent or colored background.

10. USE MESH TO DEFORM IMAGES

The mesh tool allows you to make natural image deformations. See how you can create a mesh from an image and how you can make usage of high fidelity meshes to control the deformation of an image.

11. ANIMATE A SINGLE IMAGE

Creating a professional animation with just one image is a big challenge. This tutorial focuses on how a single image can be animated using mesh and skinning.

12. TIME CONTROLS

In this video time controls are presented such as playback controls, animation timeline settings and options to set new keyframes.

13. DOPE SHEET. WORKING WITH ANIMATION KEYFRAMES

Create, edit and delete animation keyframes. This tutorial focuses on how to manipulate animation keyframes and bunch of keyframes.

14. SHARING ANIMATION WITH THE INTEGRATED PLAYER

Sharing animations with anyone has never been easier. This can be done just by sending a link. Marionette Studio's integrated player is a powerful way to share and let anyone interact with your animation.

15. EMBED SHARED ANIMATION IN A WEBPAGE

Marionette Studio integrated player is a powerful way to present your animation. You can easily integrate this player in your website by using the generated source code.

16. RIG A CHARACTER FROM SCRATCH

Step-by-step tutorial on how to rig a complex character from scratch. This is step is required for creating an animation for this character (i.e. walking animation that is shown in detail in the next animation tutorial). Steps that one has to follow: 1. import images into editor; 2. create bones and link them to images; 3. define meshes (deformable surface) for single image animation; 4. use weight painting tool for better control when deforming images.

new animation tutorial coming soon

17. IMPORT PSD FILE

Save time by importing your art into animation editor using an Adobe Photoshop (.psd) file. Layers are automatically arranged as in your Photoshop project.

Learn New Things, Embrace Great Challenges. We Support You.

USER GUIDESTART ANIMATING
Load More
animation tutorials online for animating a 2d game character

2D Animation tutorials

Various animation tutorials are here to help you getting started with our 2D animation web app. With Marionette Studio you can define a bone skeleton for your characters, link images and easily move the bones to create your animations. This will save you a lot of time and will enable you to reuse animations on as many characters as you would like.

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