Formation présentielle
28 Sep, 2018 - 5 Oct, 2018
3 jours (21 heures)
LILLE - Programmation toute l'année
0 Personne(s) inscrite(s)
5 place(s) disponible(s)
Prix en euros HT1050 €
NOUS CONTACTER PAR MAIL

Nos prochaines formations

  1. formation GOOGLE ANALYTICS

    19 décembre
  2. formation ERGONOMIE WEB

    20 décembre - 21 décembre
  3. formation PHP/MYSQL INITIATION

    31 décembre 2018 - 2 janvier 2019
  4. formation E-MAILING INITIATION

    31 décembre

OBJECTIF PÉDAGOGIQUE

Savoir réaliser du contenu HTML 5 animé et interactif en toute simplicité.

PUBLIC CONCERNÉ

Graphistes, webmestres, toute personne en charge de la création et de l’animation de pages pour le Web.

NIVEAU REQUIS

La connaissance du web et d’un système d’exploitation (Windows ou Mac OS). La connaissance d’un logiciel d’illustration vectorielle ou de traitement de l’image est un plus.

CONTENU DU STAGE

PRÉPARATION DU TRAVAIL
- Approche globale de la conception animée.
- Mise en place d’un plan de réalisation.
- Rassemblement et préparation des éléments textes, images, illustrations, etc…
LES BASES DE LA RÉALISATION :
- L’interface du logiciel.
- Les différentes fenêtres de l’application.
- Les différents outils de dessin.
- Le choix de la couleur.
- Le scénario, principes de construction de l’animation.
- Les images clés automatiques.
- Les transitions automatiques.
- Les accélérations.
- Utilisation de la Bibliothèque.
- Réalisation d’un symbole.
- Gestion du temps et des déplacements.
LES ÉLÉMENTS DE COMPOSITION :
- Importation d’une image.
- Gestion des textes et paramétrages typographiques.
- Principes de réalisation d’éléments imbriqués.
- Les formes, les groupes et les objets de dessin.
- Réaliser un symbole de type graphique.
- Utilisation des ombres et des coins arrondis.
ANIMATIONS & ACTIONS :
- Création d’images clés.
- Les effets d’animation avec la rotation, la transformation et la position.
- Les effets de transparence.
- Insertion d’une étiquette.
- Insertion d’un déclencheur.
- Insertion d’une durée.
- Partage d’effets de transition.
- Accélération et décélération des interpolations de mouvement.
- Réalisation d’ombres portées animées.
- Définition des noms d’occurrences.
- Principes de positionnement du code.
- Premières écritures de code JavaScript.
- Programmation d’actions sur le scénario et les éléments graphiques.
- Actions et interactivité sur les éléments d’animation.
- Pilotage de la tête de lecture dans le scénario.
- Faire un lien internet (url d’un site web ou d’une adresse email).
- Construction d’un menu de navigation.
- Recopier les animations, gain de temps.
EXPORTATION ET PUBLICATION
- Exportation en HTML 5 optimisé.
- Exportation en iBooks / OSX dashboard.
- Exportation en Package de déploiement animate (.oam compatible InDesign).
EXERCICE PRATIQUE :
- Réalisation d’une présentation animée en HTML5
- Mise en ligne du mini site
Validation finale des acquis