Animations en HTML 5 pour le Web et le Mobile avec Adobe Edge Animate

/Animations en HTML 5 pour le Web et le Mobile avec Adobe Edge Animate
Animations en HTML 5 pour le Web et le Mobile avec Adobe Edge Animate 2017-08-30T15:42:57+01:00

Animations en HTML 5 pour le Web et le Mobile avec Adobe Edge Animate

Animations Html5 responsive (RWD) avec le logiciel Adobe EDGE ANIMATE

Adobe Edge Animate est un outil qui a pour vocation de vous permettre de concevoir
des animations
(interactives ou non) compatibles multiplateformes (Ordinateurs, Tablettes, Iphones et Smartphones…).

Edge Animate vous ouvre les portes de l’animation intuitive et de l’interaction dynamique sur page web !
Venez vous initier aux fondamentaux du Motion Design version web !

Prochaines sessions: Une session prévue par mois => Nous contacter

[ FOAD ] FORMATION ACCESSIBLE A DISTANCE => Nous contacter

[ INTRA ] Dates et lieux négociés avec vous/votre entreprise => Nous contacter

Auteurs de sites web, graphistes, webmestres en devenir, ou toute personne désireuse d’apprendre les techniques de création et d’intégration d’animations à destination du web et du mobile.
Savoir se servir des éditeur graphiques comme Photoshop et Illustrator.

Maîtriser un éditeur Html gratuit ou payant comme Adobe Dreamweaver est conseillé.

Connaître Adobe Flash est un plus mais ce n’est pas indispensable.

Maîtriser les langage HTML5 et CSS3 sont un plus mais ce n’est pas indispensable.

Cursus de 21h réparties sur 3 jours. Présentiel ou télé-formation possible
1470 € Pour les 3 jours – Formation éligible aux financements.
Tarif réduit: 819 €*
Afin de discuter de votre projet, vous aider à mettre en place le dossier de financement (si applicable) et planifier l’action de formation, nous vous invitons à nous consulter (vous pouvez utiliser le formulaire en bas de page).
*Tarif spécial demandeur d’emploi, auto-entrepreneur , etc

Détails du programme

Présentation et vue d’ensemble

  • Edge Animate: Origines et intentions
  • Installation et interface de démarrage
  • Présentation de l’espace de travail
  • Création d’une composition
  • Concevoir l’animation en démarrage rapide
  • Publication et prévisualisation navigateur
Création et gestion d’éléments
  • Les outils de dessins
  • Sélection, transformation, déplacement, alignements, et duplications d’éléments
  • Le panneau de gestion des éléments
  • Modification des propriétes des éléments
  • L’outil texte: formatage & propriétés
  • Le recours aux “web fonts” de Edge, Typekit et Google ou en local
  • Importation d’éléments graphiques en provenance de Photoshop, Illustrator et Flash (images bitmaps et vectoriels)
Techniques d’animations
  • Le fonctionnement de la timeline
  • Insertion d’images clés: les techniques
  • Les transitions
  • Accélération
  • Inversion
  • Ecrêtage d’éléments
  • Animation de formes
  • Animation d’éléments enfants imbriqués dans un élément parent
  • Création et gestion de symboles

Interactivité

  • Les déclencheurs d’actions sur scène et scénario avec utilisation des étiquettes
  • Actions sur un élément
  • Le panneau Code et les déclencheurs d’événement pour appareil mobile
  • Les commandes de lecture appliquées aux instances de symboles
  • Création d’un diaporama
  • Créer un bouton avec effet de survol et lien vers une page web
  • Créer un menu déroulant
  • Définition de zones interactives
  • Bannière de site web avec interaction
  • Interaction sur élements imbriqués
Publication / Intégration
  • Options de publications et structure des fichiers générés
  • Intégration sur un document html
  • Intégration dans dreamweaver CS6
  • Intégration en Iframe
  • Contenu alternatif pour anciens navigateurs
  • Préchargeur : Ajout et customisation
Plus loin avec Animate
  • Insérer une Google map
  • Intégration de la vidéo et de l’audio
  • Modifier un contenu web existant
  • Insérer plusieurs composition sur une page
  • Utiliser Adobe Edge Inspect avec Edge Animate

Réservations / Renseignements / Demande de tarifs

Vos Prénom et Nom (obligatoire)

Votre email (obligatoire)

Personne morale (société,collectivité, association, etc)

Votre statut (obligatoire)

Téléphone (fixe ou mobile)

Sujet (merci de préciser le nom de la formation qui vous intéresse)

Une remarque, une question, une suggestion ?

Comment nous avez-vous connu ?