HomeApplicationGraphic design

How to Animate in FireAlpaca

Part 1 of 3:

Setting Up

  1. How to Animate in FireAlpaca Picture 1
    Create a new file by clicking "File" on the top of the screen or window and clicking "New...". Alternatively, use the keyboard shortcut Ctrl/Command + N.
  2. How to Animate in FireAlpaca Picture 2
    Review the dialog box "Create New Image". Adjust the width, height, paper size, background color, and resolution to your liking. Once done, click "OK".
  3. How to Animate in FireAlpaca Picture 3
    Click "View" at the top of screen or window and click "Onion Skin Mode". This makes it possible to export the layers as frames and put them together in an animation, and also enables you to see multiple frames at once while animating.
  4. How to Animate in FireAlpaca Picture 4
    Create a new folder for the frames. When it comes time to export the layers, each layer will be its own PNG file. It is useful to have all these images in one folder to avoid cluttering your files.
Part 2 of 3:

Creating the Frames

  1. How to Animate in FireAlpaca Picture 5
    Select a brush and color, and draw your first frame.
  2. How to Animate in FireAlpaca Picture 6
    Create a new frame by adding a new layer. Click "Layers" at the top of the screen or window and click "Add".
  3. How to Animate in FireAlpaca Picture 7
    Draw your next frame, using the last frame as a reference. This is why onion skin comes in handy—it is far easier to draw a frame when you can see the last frame right under it.
  4. How to Animate in FireAlpaca Picture 8
    Continue adding and drawing frames, and going back to frames to edit them as necessary, until you are satisfied with your progress.
    1. You can easily duplicate frames by clicking "Layers" and clicking "Duplicate" while in the frame you want to duplicate.
    2. Add more frames in between frames by adding a layer, and dragging it in between the two layers you want it in.
    3. If you sketched your frames, go back to draw the lines and color the frames (unless you want a simplistic animation).
  5. How to Animate in FireAlpaca Picture 9
    Click "View" and click "AutoPlay" to see your animation.
    1. How to Animate in FireAlpaca Picture 10
      You will see a dialog box and be able to adjust the FPS (frames per second, which determines the speed). You can go back to edit your frames if the animation does not turn out as expected, or you are not finished with it. Continue editing your animation and AutoPlaying it until you are satisfied.
Part 3 of 3:

Putting the Frames Together

  1. How to Animate in FireAlpaca Picture 11
    Click "File" and click "Export Layers (Onion Skin Mode)...". Select the folder you made while setting up, and each layer will save itself as a PNG in that folder.
  2. How to Animate in FireAlpaca Picture 12
    Review the dialog box asking whether to open AlpacaDouga. Click "Yes" (unless you choose to put the frames together in a separate program). This part of the article shows how to put together the animation in AlpacaDouga.
  3. How to Animate in FireAlpaca Picture 13
    Wait for AlpacaDouga to open in your web browser. Then click the button that says "Select all files (.gif/.jpg/.png)". If the website opens in Japanese, the button will look similar.
    1. Select all the frames in the folder you exported the frames to, and scroll down the page to see your animation.
    2. You can change the website language to English or Japanese at the top right corner of the screen.
  4. How to Animate in FireAlpaca Picture 14
    Choose your desired FPS and completion size using the dropdowns, and click the large button that says "Create a GIF Animation".
    1. Make sure that "Insert FireAlpaca Logo" is unchecked, unless you want the FireAlpaca logo in your animation.
    2. You may not want to leave "Loop Replay" checked if you have a long animation.
  5. How to Animate in FireAlpaca Picture 15
    Wait for the large button to turn yellow and say "OK!! Download." Click it to download your animation. It will take you to a download page for the GIF.
  6. How to Animate in FireAlpaca Picture 16
    Finished. Enjoy your animation!
3.9 ★ | 74 Vote
framesclickanimationframe

You should read it

May be interested

Graphic design