An­i­mate for the web

Web Designer - - Contents -

Es­sen­tial pro ad­vice, in­spi­ra­tional ex­am­ples and how to get started with Greensock.

An­i­ma­tion has be­come a key com­po­nent of a great web ex­pe­ri­ence. Here we re­veal es­sen­tial ad­vice from the pros, in­spi­ra­tion ex­am­ples and how to get started with the pop­u­lar web an­i­ma­tion plat­form Greensock. It’s time to start tween­ing


More tools and greater sup­port means an­i­ma­tion on the web is des­tined for greater things IT’S An ex­cit­ing TIME TO Be part Of THE web AN­I­MA­TION com­mu­nity and there are now more tools than ever to help you cre­ate your next en­gag­ing an­i­ma­tion or in­ter­ac­tive project. And no mat­ter what lan­guage you use (im­per­a­tive, declar­a­tive, and so on), or what soft­ware you use to build your project there’s now likely to be an an­i­ma­tion li­brary that is de­signed to work specif­i­cally for that. You can even out­put your video an­i­ma­tions to SVG from Af­ter ef­fects now us­ing Lot­tie, en­abling a whole new raft of an­i­ma­tors to join the party. An­i­ma­tion for the web is now a first-class cit­i­zen and, frankly, it’s about time. Tra­di­tion­ally an­i­mated con­tent is a snap­shot of mo­tion — you watch it and the con­tent never changes. This is fine when the an­i­ma­tion is de­signed to get across an idea or a con­cept. A pic­ture tells a thou­sand words and a care­fully crafted an­i­ma­tion turns those words into a mean­ing­ful story. But more and more it’s be­com­ing im­por­tant to de­sign in­ter­ac­tive, an­i­mated con­tent as a frame­work rather than as a lin­ear ex­pe­ri­ence. Our dig­i­tal lives are fu­elled by live data that con­stantly changes — in­ter­ac­tive an­i­ma­tions should be able to han­dle that data and re­act and adapt in a func­tional and aes­thet­i­cally pleas­ing way.

Al­ways be a stu­dent. Re­main hum­ble and stay ex­cited about learn­ing. The more you know the more you’ll re­alise that there is so much more to learn. Chris Gan­non In­de­pen­dent In­ter­ac­tive De­signer, Web An­i­ma­tor and Il­lus­tra­tor gan­ @chris­gan­non

Look­ing in­wards means you just re­gur­gi­tate the same ideas. Look­ing out­wards makes you form un­usual con­nec­tions

ABOVE Chris Gan­non puts his own ad­vice into ac­tion

Newspapers in English

Newspapers from UK

© PressReader. All rights reserved.