Tutoriel Animate CC Avancé : Interactivité et bannières en HTML 5

Tutoriel Animate CC Avancé : Interactivité et bannières en HTML 5 |

Adrian “INNiPùkINN” Gandour est graphiste, designer d’interactivité (et batteur). Après avoir passé pas mal d’années dans l’univers du web-documentaire (avant que ça ne s’appelle comme ça), il est revenu à ses premières amours : le papier, l’illustration, l’affiche. Mais comment ne pas voir la continuité entre les disciplines ?

Durant cette session Adobe Animate CC avancée, il reviendra sur son parcours et partagera ses méthodes de travail, depuis l’illustration/composition fixé sous illustrator vers une version animée, dédiée aux réseaux sociaux.

Parmi les sujets abordés, nous parlerons des différences entre du rendu “pré-calculé” et les possibilités du temps réel et de l’interactivité.

Nous détaillerons aussi la mise en place de movie clips, l’export en gif ou au format HTML 5 etles fragments de code qu’il emploie.

Retrouvez son portfolio en ligne : http://www.innipukinn.net/

Abonnez-vous à la chaine YouTube d’Adobe pour ne rien manquer : https://www.youtube.com/subscription_center?add_user=AdobeFrance

La chaîne YouTube Adobe France vous propose de suivre l’actualité d’Adobe au travers de vidéos d’inspiration et d’émissions récurrentes animées par nos experts et leurs invités pour approfondir vos connaissances des applications Adobe Creative Cloud, d’Adobe Document Cloud et Adobe Experience Cloud et découvrir les fonctionnalités de la nouvelle place de marché de contenus créatifs Adobe Stock.

Suivez-nous également en live lors des événements Adobe et partenaires et en replay quand vous le voulez.

N’hésitez pas à nous rejoindre sur notre blog et les différents réseaux sociaux :
Blog : http://blogs.adobe.com/creative/fr/
Facebook : https://www.facebook.com/AdobeFrance
Twitter : https://twitter.com/AdobeFrance
Twitch : http://www.twitch.tv/adobefr

****

Les liens diffusés durant la session :

Les gif animés d’Adrian sur Giphy : https://giphy.com/channel/innipukinn

Le portfolio d’Adrian Gandour : http://www.innipukinn.net/

L’organisation de concerts : http://www.en-vla.org/

0:24 On passe à la pratique sur l’écran d’Adrian

0:29 La vectorisation dans Illustrator, plus en détails https://helpx.adobe.com/fr/illustrator/atv/cs6-tutorials/adobe-illustrator-cs6-vectorisation-dune-image.html

Tour de Animate : http://tourdeanimate.com/

Pour les fans de Poutre (attention, gros son) https://poutre.bandcamp.com/

Une session découverte de Muse https://youtu.be/Z2X4jTm7aa4
Et la session du matin : Muse, Widgets et mouvement : https://youtu.be/s231pHNF2A4

1:04:00 Envoyer la version animée vers un fichier interactif HTML 5 canvas.

1:14:00 Les fragments de code dans Animate CC : https://helpx.adobe.com/animate/using/add-interactivity-code-snippets.html