Make type animations from scratch! Learn how to bend and mould typography for use in your own websites using P5.js.
Want to know how to work with variable fonts and how to create kinetic typographic animations for websites? If yes, this creative, go-at-your-own-pace course is for you. We’ve created a series of projects for this that are all about getting weird with type.
You’ll also create your very own kinetic typography animations from scratch, be able to add them to websites and make them user-interactive.
What you’ll learn
How to add variable typography to websites and change it
How to add CSS animations and transitions to web type
Working with P5.js within an in-browser canvas, even if you’ve never coded before
How to think about and create your own kinetic typography animations from scratch
How to let your users change and interact with your beautiful kinetic type animations
How to break apart typography into its base components to rework it completely
WHAT YOU’LL GET
Real world projects – Projects and code that you can alter and remix to add to your own sites and portfolio
Access the community – Join our Slack and connect with thousands of SuperHi students and alumni
Continued help – Help from our expert teachers and educators with years of experience in the industry
Resources – Resources to get you started and going post-course
8+ hours of video lessons – Practical, go-at-your-own pace learning
WHO THIS COURSE IS FOR
Anyone who wants to learn how to work with variable typography or create their own interactive, kinetic typography from scratch.
WHAT YOU’LL NEED
A computer (Windows, Mac or Linux) with the latest version of Chrome installed and a broadband internet connection. That’s everything!
SuperHi – Experimental Typography for the Web.rar [1.58 GB]