article(s) dans votre panier VOIR

Gestion dynamique au sein de Edge Animate avec Photoshop CC

  • Vidéo 66 sur 81
  • 6h09 de formation
  • 81 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Organiser les fichiers pour une gestion dynamique au sein de Edge Animate
00:00 / 04:18
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce tuto Photoshop, Arzhur Caouissin va organiser ses fichiers pour une meilleure gestion dynamique des images pour un document Edge Animate.

La différence entre Edge et un document HTML, c'est qu'Edge a besoin d'un document nommé image qui contient les images. Il a donc dans ce dossier placé son document psd et les images générées par Photoshop Generator. Il va d'abord adapter dans le document HTML le chemin des images car il y a maintenant un nouveau dossier. Il lance Edge Animate et il va ouvrir la page index.html qu'il a créé. Il va animer l'image header, il active l'option Opacité et commence en mettant une clé tout au début en mettant l'opacité à 0. Il va plus loin dans l'animation pour créer une deuxième clé avec cette fois l'opacité à 100%.

Il appuie sur la touche entrée pour créer une animation, la voiture va alors apparaitre lentement. Il retourne dans Photoshop et inverse les couleurs, retourne sur Edge où l'image s'est directement mise à jour.