Menu

FORMATIONS / PAO / WEB / WEBMARKETING / INFOGRAPHIE / ADOBE

AG-034  ADOBE EDGE |  3 jours


01/. Découverte de l’interface

Philosophie Edge Animate ; Animation, Interactivité, Graphisme ; Formats de fichiers, poids des fichiers ; Flash Player, navigateurs ; Coder ou pas ?

02/. L’interface

Installer ; Espace de travail, langue ; La barre d’Outils, le panneau ; Éléments et la Scène ; Le panneau Propriétés ; Le panneau Bibliothèque, Actifs, Symboles et Polices ; Le panneau Scénario ; Le(s) panneau(x) Code.

03/. Créer, modifier, enrichir, réutiliser

Créer, Sauvegarder un document Edge ; Les outils (Rectangle, Arrondi, Ellipse) ; Le texte, Les images ; Outils (Sélection, Transformation, Recadrage) ; Propriétés d’objet (opacité, couleurs (contours, fond), ombres) ; Hiérarchisation, alignement, distribution, réorganisation d’objets ; Groupes et symboles (+ exports) ; Redimensionner ou déformer un objet ; Polices en ligne, téléchargeables, par abonnement ; Dynamiser une page HTML existante.

04/. Mise en page proportionnelle

Options de redimensionnement ; Mise à l’échelle des symboles ; Guides % et px ; Mise en page adaptative.



05/. Animer

Utiliser la timeline (règles de base, player, grille de temps, keyframes) ; Animation simple et complexe (déplacements, apparences, rythme, accélérations) ; Transitions et clés d’animation ; Marques de verrouillage et pop ; Zoom, Images Clé, Transitions Lisses ; Changement immédiat ; Déplacement des objets ; Utiliser la fonction de rotation ou d’inclinaison d’un objet ; Modifier les aspects d’un objet ; Sauter à la prochaine keyframe ; Affichage d’un symbole.

06/. Interactivité

Ajout d’interactivité ; Code sur la timeline ; Actions sur les objets ; Propriété Curseur ; Ergonomie et fonctions avancées ; Type d’évènements ; Initiation au code (échanger avec un développeur, comprendre les besoins).

07/. Exporter / Diffuser

Exporter une animation ; Scène de niveau inférieur (IE 6, 7 et 8) ; PréLoader, Affiche ; Publier sur le web ; Publier vers inDesign + DPS ou iBooks Author.

08/. Fonctionnalités avancées ou externes

Accessibilité, Ordre de tabulation, SEO ; Muse, Illustrator, Shadow, Photoshop ; Ressources supplémentaires (Leçons, Mini-Site, Forums…).



Public
Webmasters, chef de projet, programmeurs, développeurs et créateurs de sites Internet.

Objectifs
Utiliser des dessins Illustrator dans des animations HTML 5. Créer des animations pour des pages web. Rendre interactives des animations de bases. Utiliser des comportements JavaScript et manipuler des bibliothèques.

Prérequis
Avoir une bonne connaissance de l’environnement informatique (Mac ou Windows). La pratique courante d’un logiciel de dessin vectoriel et bitmap est souhaitable.

Moyens pédagogiques
1 ordinateur et 1 support de cours par personne + 1 vidéoprojecteur. Évaluation par écrit en fin de cours et attestation de stage délivrée en fin de formation.

VOS DATES DE FORMATION