StykAnimate

Home and project tabs

Start a new animation from Home, find your projects with pins and folders, take the five short tutorials, and keep several projects open in tabs.

7 minBeginnerStykAnimate 1.3.0

StykAnimate opens on Home: the place to start a new animation, pick up a project you worked on before, and learn with five short tutorials. Every project you open gets a tab in the top bar, so you can keep several open and switch between them. This guide shows you both.

The short version
  • Home opens when the app starts. Under Start, click Landscape, Vertical or Square for a new animation. The house button in the top bar brings Home back.
  • Each open project has a tab in the top bar, with its own undo history. A dot on a tab means it has changes you haven’t saved.
  • In the desktop app, Ctrl+Tab goes back to the project you used before, and Ctrl+W closes the one in front.

Home

Home is a page that lies over the editor. Your open projects stay open behind it, exactly as you left them. From top to bottom it has:

  • A greeting, and Back to your project when a project is open. It takes you back to the editor, as do Esc and the house button.
  • Start: three new animations and Open a file. See Start a new animation.
  • Projects (desktop app): the animations you opened or saved. See Your projects.
  • Learn: the five tutorials, with the ones you finished ticked. See Five short tutorials.
  • Help: Keyboard shortcuts, Search commands and, in the desktop app, What’s new and Send feedback.

To come back to Home, click the house button next to the StykAnimate logo at the left of the top bar, or choose File → Home in the StykAnimate menu. While Home shows, playback pauses and the editor’s buttons in the top bar step aside.

The first time

In the desktop app, Home starts with one line about the app’s anonymous statistics. OK hides it, Turn off stops them and What is sent shows the last report. See Anonymous statistics.

Start a new animation

Under Start, pick the shape of your video. Each one opens a new animation with Blue, the starter figure, ready to pose:

StartScene sizeGood for
Landscape960 × 540YouTube and most videos
Vertical540 × 960Shorts, TikTok and Reels
Square720 × 720Posts and chat

Open a file opens a project from your computer: a .styk file, or a Pivot or Stick Nodes animation. You can change the scene’s size later in Scene settings.

Your projects

In the desktop app, every animation you open or save appears under Projects, with a small picture, how long it is and when it last changed. Click one to open it. If it is already open, its tab comes to the front instead.

  • Find one: type in Search projects. It matches the project’s name and its folder.
  • Order: Last opened, Name or Last changed. Pinned projects always come first.
  • Grid or List: the list also shows each project’s folder, length, last change and size.
  • A project’s menu (its ⋯ button, or right-click it): Open, Pin to the top, Move to folder, Show in folder and Remove from list.
  • Folders: New folder beside All projects and Pinned. A folder here is only a label for the list: your files stay where they are.

Remove from list never deletes the file, and nor does deleting a folder. If a file was moved or deleted, its card says File not found: remove it from the list, or open the file from its new place.

In the browser

The browser editor keeps no project list: your projects are the files you save. Home says so and offers Open a file. Save your work as a .styk file whenever you stop. See Save, open and recover.

Five short tutorials

The tutorials under Learn teach by doing: you work in the real editor, one step at a time. Each takes two or three minutes.

TutorialWhat you do
Look aroundFind the stage, the tools, the panels, the timeline and the workspaces.
Move around the canvasZoom in, move the view and come back to the whole picture.
Pose a figureSelect a figure, bend a joint, move it and undo.
Make it moveAdd a frame, change the pose and play your first animation.
Panels and commandsOpen the panels you need and find any command.
  1. Click a tutorial under Learn. It opens a practice animation called Practice in a tab of its own, so your projects are never touched.
  2. A strip at the top of the stage says what to do. A ring shows where. When the step is done, the strip turns green and moves on by itself.
  3. Stuck? Show me acts the step out for you. Skip moves on, and the title in the strip lists every step.
  4. At the end, the strip offers the next tutorial, or Back to Home. Leave the tutorial stops at any time.

You can open them again any time with Help → Tutorials in the StykAnimate menu. Prefer to read? The basics goes further, with playgrounds on the page.

Several projects in tabs

Every project you open, start or restore gets a tab in the top bar, next to the house button. The tab shows a small picture of the stage and the project’s name. A grey dot means changes you haven’t saved yet; when you save, the dot turns green for a moment and goes away.

  • Switch: click a tab. Each project keeps its own undo history, view and selection, so you carry on where you left off.
  • New: the + after the tabs, or Ctrl+N, starts a new animation in a new tab. Opening a file does the same, except that an untouched new animation makes way for it.
  • Rename: double-click the tab, or press F2 while it has the keyboard focus.
  • Close: point at the tab and click its ×, or middle-click it. If it has unsaved changes, StykAnimate asks first.
  • Reorder: drag a tab along the strip.
  • The tab’s menu (right-click it): for the project in front, Save, Save as…, Rename project…, Close project and Close saved projects; for another one, Switch to this project and Close project.

Copy something in one project and paste it in another: the clipboard works across tabs. Up to 12 projects can be open at once. When two or more are open, the StykAnimate menu lists them under Open projects too.

Switch with the keyboard

In the desktop app:

Go to the project you used beforeHold Ctrl to see every open project as a picture; Tab moves, letting go switches, Esc staysCtrl+Tab
Next or previous tabCtrl+Page DownorCtrl+Page Up
Close the project in frontCtrl+W
New animation, in a new tabCtrl+N

In the browser, these keys belong to the browser’s own tabs, so StykAnimate leaves them alone: click a project’s tab instead. You can give the commands keys of your own in Settings → Shortcuts.

Closing, saving and recovery

  • Closing a project brings it to the front first, so you can see what you are asked about. The project you used before it comes back.
  • Closing the window (desktop app) asks once for every project with unsaved changes: Save all, Cancel or Discard all.
  • Recovery: each project keeps its own recovery copy. After a crash, StykAnimate offers each one back, in a tab of its own.

Closing the last project leaves you a new, empty animation. More in Save, open and recover.

Open straight into the editor

Prefer to start drawing right away? Open Settings (Ctrl+,), go to Interface and turn off Show Home when the app starts. The app then opens straight into a new animation, and the house button still takes you to Home. Opening a project file from your computer always goes straight to that project.

Common questions

Where did the File, Edit and View menus go?

Into the StykAnimate menu: click the logo at the far left of the top bar. It has Search commands…, then File, Edit, View, Joint, Animation and Help, and Settings…. See The top bar.

Does Home close my animation?

No. Home lies over the editor, and your open projects stay exactly as they were. Back to your project, Esc or the house button takes you back.

I removed a project from the list. Is it gone?

No. Remove from list only takes it off Home: the file stays on your computer. Open it again with Open a file and it comes back to the list.

Why is my project list empty in the browser?

The browser editor keeps no list. Your projects are the files you save: open one with Open a file.

Ctrl+Tab doesn’t switch projects.

In the browser, Ctrl+Tab switches the browser’s tabs: click the project’s tab instead. In the desktop app, check that StykAnimate’s window is in front.

Keep going

Still stuck?

Ask the community, or tell us what’s missing from the docs.