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.
Across 6 hours, you’ll learn how to add variable fonts to your websites, plus how to animate and make them interactive. You’ll also work with P5.js, a Javascript library for creative coding, to bend and mould typography.
You’ll also create your very own kinetic typography animations from scratch, be able to add them to websites and make them user-interactive.
This is a great next step for students who already have some knowledge of HTML and CSS, or have completed our Foundation HTML, CSS + Javascript or [Javascript for Designers(https://www.superhi.com/courses/javascript-for-designers) courses.
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.
This is a beginner course when it comes to page transitions, though we would recommend basic knowledge of HTML, CSS, and a bit of Javascript before starting. If you don’t have this just yet, trying our Learn To Code Now book, or taking either our Foundation HTML, CSS + JS course or our Javascript for Designers course will help you feel as prepared as possible.
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!
Source:
https://rentry.co/vLKMsCuQx5y798nDxVuFRKq
SuperHi – Experimental Typography for the Web.rar [1.58 GB]
https://appdrive.info/file/HBvf5Z9cO9TgDHhQt3zK
