DarrellChaddock | Design
Motion Design Tech
How I Created My Motion Designs
I used three animation technologies - GSAP, CSS Animations, and Adobe After Effects - to craft the Motion Designs for this website. There are several others as well. I am new to Motion Design. It is an area of Digital Media that has really captured my interest. After my studies at BCIT I will have more time to explore Motion Design and learn more about it.
GreenSock Animation Platform (GSAP)
GSAP is a popular JavaScript-powered library that easily allows users to incorporate elegant and captivating animations into web design projects. I also make use of ScrollTrigger which is an added feature of GSAP that allows the user to control the pace, and direction, of image slideshows.
CSS Animations
With each passing year CSS Animations become increasingly more sophisticated to the point where they can be tough to master at times. Nevertheless, it's quite easy to learn the fundamentals of CSS animations. They're certainly easier to grasp than JavaScript animations. I've employed CSS animations on all four pages of this website.
After Effects
Adobe After Effects is one of the top professional- level softwares for designing animations for the web. Prior to enrolling at BCIT I experimented with After Effects through completing a number of YouTube tutorials. It's a software that I've enjoyed using and I am eager to gain more experience with it. After Effects projects range from relatively simple to very complex.