In this introductory digital arts studio project, students bridge the gap between traditional art concepts and modern technology by exploring the fundamentals of frame-by-frame animation. Utilizing Piskel, a browser-based open-source digital drawing platform, students investigate the mechanics of kinetic storytelling.
The curriculum begins with an orientation to user-interface (UI) navigation, where students learn to manipulate specialized software tools, manage digital layers, and control timeline configurations. Through the construction of a seamless, looping digital GIF, students synthesize sequential drawing techniques with technology, gaining a practical understanding of how static images translate into fluid temporal art.
The Studio & Technological Challenge
As a cross-curricular initiative combining Visual Arts and Technological Design, this project navigates specific learning benchmarks tailored for introductory learners:
- Overcoming the Digital Literacy Barrier: For the majority of students, this project represents their primary exposure to creating art within a digital environment. The initial challenge lies in translating tactile drawing skills to a digital canvas, requiring students to master mouse/trackpad precision and adapt to virtual brush behaviors.
- Frames-Per-Second (FPS) & Timing Dynamics: Students must grasp the mathematical and visual relationship of frame rates. The challenge is learning how the distribution of frames directly dictates the velocity, weight, and pacing of an animation’s movement.
- Layer Management & Asset Organization: Students move away from single-surface creating to explore multi-layered digital workflows. They navigate the structural challenge of isolating backgrounds, moving characters, and foreground elements across independent layers to build depth and maintain editing flexibility.

















