Vector to GIF

Adobe Illustrator & Adobe Photoshop

black smartphone taking photo of yellow round fruits


The objective of learning vector to GIF is to combine the precision of vector graphics (Adobe Illustrator) with the animation capabilities of GIFs (Adobe Photoshop), enabling the creation of dynamic, visually engaging, and shareable content for web, social media, and interactive design projects. You will cover the fundamentals of creating animated graphics using vector-based software and techniques, and will learn how to design and animate vector illustrations, apply motion effects, and export them as high-quality gif files.


Wednesday, 4th October 2024

7pm - 9pm


BAC PJ Campus, VSQ @ PJ City Centre, Jalan Utara, 47000 Petaling Jaya


  • To learn how to convert vector images into GIF format
  • To learn how to create more dynamic and engaging visuals, which can greatly enhance the overall user experience
  • To gain proficiency in this skill
  • To explore new opportunities in fields such as graphic design, animation, and web development


  • Understanding Vectors: Illustrator is primarily used for creating vector graphics. Unlike raster images, vectors are based on mathematical equations, which allows them to be scaled infinitely without losing quality. You will understand the concept of anchor points, paths, and curves to effectively create and manipulate vector artwork
  • Mastering the Pen Tool: This is a fundamental tool in Illustrator for creating precise and smooth paths. You can practice using it to create straight lines, curves, and complex shapes. This is also essential for creating detailed and accurate vector illustrations
  • Layer Styles and Effects: Photoshop allows you to apply various layer styles and effects to enhance your GIFs. You can xperiment with drop shadows, glows, gradients, and other effects to add depth and dimension to your animations
  • Frame Timing and Animation Flow: Pay attention to the timing between frames in your animation. You will learn how to understand the flow of your animation, and adjust frame durations to control the speed of movement and transitions.
  • Integration with Illustrator: Photoshop and Illustrator can work seamlessly together. You can create vector elements in Illustrator and import them into Photoshop for animation. Understand how to maintain the quality of vector elements and make the most of the strengths of both programmes.


Joseph Yap, Lecturer (IACT College)

Joseph Yap is a graduate of Bachelor of Graphic Design from Nottingham Trent University in 2012. He joined IACT College as a part-time lecturer, and has slowly built his fame and capabilities since then. His portfolio includes ensuring the quality of graphic design, event curriculum and constant analysis of programme content to ensure relevance and staying within the trend, in meeting the requirements of today’s market.

Talk to us
1 to 1

Hello there, welcome to! Need advice? Talk to us.