Animation Studio Help

Functions/Options

  • Drawing frames
  • Layers
  • Background image
  • Stream layer
  • Catalog of animated patterns
  • Export / Import
  • Drawing tools
  • Example how to make an animation

Description:

Animation Studio is an app for creating animations easily. You can make animations from the scratch or use the Catalog of animated patterns or images from Photos.

Animation is made by drawing frames, and each Frame is made of one or several Layers (see Layers and Background image).

Frames come one after another in a sequence. You may change the order of frames. To do this, select a Frame and move it to the right place in the Film Frame.

Layers

It is a powerful tool to facilitate drawing frames. You can draw parts of the image in different Layers, set the opacity of each Layer, change their size and position in the Frame. Images in the Layers are drawn one-by-one, overlapping each other, starting from the Background image. The order of drawing of Layers is shown with an arrow. To change the order of Layers, tap the Reorder button.

You can merge two or more Layers. To do this, click Merge, then select Layers you wish to merge and then click Done. Merged layers will be recorded as the bottom Layer of the selected Layers. Similarly, you can merge Layers with the Background (but the Background must be set on the current Frame).

The app has two special types of Layers: the Background image and the Stream Layer (see below).

Background

Background is a special layer. You can set any image as a background. If you have set a Background image in any Frame, this Background image will be used in all subsequent Frames until you set a new Background.

You can create a Background image by dragging a Layer to the Background (to do this, click Reorder), and if a different Background image has been set in a given Frame, you can either merge the old and the new Background image, or replace the old Background image with the new one.

If you want to clear the Background in the current Frame, you can set a blank Layer as a Background, or delete the current Background (in this case, the Background from the previous Frame will be used).

Stream Layer

This is the most unique feature of the Animation Studio app. It makes much easier for you to create animated images because it allows you to bind Layers in a sequence of multiple Frames and simultaneously change size, position and opacity of Layers in the animation.

You can also save (Export) the Stream of Layers in the local Catalog, so that in the future you could use an animated pattern many times.

Stream Layers will be untied according to their names. Therefore, it is desirable to give unique names to the Layers within the Stream.

If you have run the Stream Layer, you can stop it in one of the subsequent Frames. You can restart a stopped Stream again.

Another feature of the Stream Layer is that when adding a new Frame, the active Stream Layers from the previous Frame are automatically copied to a new Frame. The same happens when you move the Frame to a new location: the active Stream Layers from the previous Frame are automatically copied to the current Frame.

Catalog of pattern images

Catalog is a powerful tool for easy creation of animations. The Catalog allows you to repeatedly use any static or animated images in different animations.

You can add your drawings to the Catalog. To do this, you need to select Export in the Layers window. When exporting a Stream Layer, you can export both a separate image, and all images within the Stream.

Export / Import

You can export your drawings (finished animations, Frames, or even individual Layers) to Photos or Catalog of pattern images. Once you have exported images or animations to Photos, you can send them by email or publish on the Internet or social networks.
Import allows you to use pictures from Photos or from the Catalog of patterns.

Drawing tools

You can draw, erase, change size and position in the active Layer of the current Frame.

The app provides for the following drawing tools:

  • Brush / Eraser – they switch the current mode of drawing and erasing.To change the drawing settings (color / opacity / brush size), click Brush / Eraser once again.
  • Undo – Undoes the last step of drawing. Undo does not allow you to cancel changes made to the size and order of Layers.
  • Zoom + Scroll. Use 2 fingers in the drawing mode. To quickly get back to the original size of the image, make the second tap on the screen with 2 fingers.
  • Move + Resize. Click Move at the top of the drawing window, and the app switches to the Move mode where you can move the active Layer on the screen and change its size. To save your changes, click on the green check box “Save.” To cancel your changes and get back to the original image, click Cancel.
  • Change Layer. To switch the active Layer, you can use buttons Up / Down on the top panel or switch to the Layers window, select the Layer and go back to the editing window.

Example of creating Animations

  1. Click the Add button (+)
  2. Enter the name of the animation, for example, My Animation. Click Done and the app opens the Edit window.
  3. Now the new animation contains only 1 Frame.
  4. Click on the active (first) Frame at the bottom, and the on-screen menu appears.
  5. Select “Import image from Catalog”.
  6. In the catalog, select Sky (this is a static picture, as the number of frames is one). When you click on the “Add to current Frame” button the app will offer to set this picture as a Background or to choose other options of Import. Select “Set Background to current Frame’.
  7. Again, click on the active (first) Frame and then select “Import image from Catalog”.
  8. Select ‘Sea’ in the Catalog. This is an animated picture, it consists of 18 frames. After clicking on the “Add to current Frame” button, the app will offer you to “Multiply frames to fit new images” to incorporate new pictures, or crop images by the number of frames in the animation.
  9. Select “Multiply frames to fit new images”.
  10. You can see on the Film Frame in the Drawing window that the number of frames has increased and each frame has a set background – Sky and Sea.
  11. Again, click on the active (first) Frame. Import an image from the Catalog.
  12. In the Catalog, select Fish and click on the “Add to current Frame” button.
  13. New animation is ready!