Create an Animated GIF with Adobe Illustrator and Photoshop

During the second week of our 22 week program, students in our Adobe Illustrator course—instructed by Mark-Anthony Karam—were asked to create an animated GIF using Adobe Illustrator (Ai) and Adobe Photoshop (Ps). Each student began with a simple sketch of their choice on graph paper. In addition, students were encouraged to create a storyboard to plan out their animations. Once the sketches were complete, students placed their sketch into Ai and began to compose their graphics using layers, basic shapes, the pen tool, colouring tools, and effects to complete and enhance their illustration. Finally, each student prepared their graphical assets in Ai to be animated within Ps using the timeline panel.

Mark-Anthony’s Animated Vector Rocket

Materials: Pencil, Graph paper, Adobe Illustrator, Adobe Photoshop.

Students used simple shapes to begin their illustration and were encouraged to explore Ai’s advanced drawing tools; such as:

  • The Pen Tool, The Shape Builder tool, The Shaper tool, and Pathfinders.
  • Effects, Colouring tools, The Symbol Sprayer tool.

Here are just a few of the many great animated GIF’s that our students created using Adobe Illustrator and Adobe Photoshop. Feel free to read through their reflective Blog posts on their learning experience and outcomes for the assignment.

Haley’s Animated Adobe Illustrator Cactus GIF

Haley’s Blog

Candice’s Animated Adobe Illustrator Hot Air Balloon GIF

Candice’s Blog

Disha’s Animated Adobe Illustrator Flower GIF

Disha’s Blog

Mallory’s Animated Adobe Illustrator Robot GIF

Mallory’s Blog