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
Vraiment bien, merci beaucoup !
Ont comprend rien le mec n’explique pas correctement il ne fait que des raccourcis clavier c’est trop dommage vraiment….
Y aurait-il une version avec sous-titres ? Ce serait génial car étant malentendant je ne comprend pas ce qui est dit…dommage, ça à l’air très intéressant
Merci @Adobe France depuis que je vous suit, vous m’avez sauvé la vie