Les gifs animés
Principe d’animation image par image (le temps d'affichage de chacune des images est réglable) :
• possibilité d'avoir une animation légère (parfois au détriment de la qualité, trop "allégée" elle peut être saccadée)
• compatibilité inégalée : visible directement sur le web, dans les mails (excepté avec Outlook),
• impossibilité d'associer du son à l'animation.
• Interaction limitée à un renvoi vers une page web, un fichier à télécharger, une messagerie (comme pour une image) pas d'action élaborée sur une ou plusieurs zones déterminées.
• Pas de Stop/Play/pause... le fichier est lu automatiquement à l'ouverture de la page ou du document qui le contient.
• possibilité d'avoir une animation légère (parfois au détriment de la qualité, trop "allégée" elle peut être saccadée)
• compatibilité inégalée : visible directement sur le web, dans les mails (excepté avec Outlook),
• impossibilité d'associer du son à l'animation.
• Interaction limitée à un renvoi vers une page web, un fichier à télécharger, une messagerie (comme pour une image) pas d'action élaborée sur une ou plusieurs zones déterminées.
• Pas de Stop/Play/pause... le fichier est lu automatiquement à l'ouverture de la page ou du document qui le contient.
Mise en mouvement du logo du salon des Hauts Potentiels pour des bannières internet
Les meilleurs vœux de dfdesign pour 2017 !
Animation réalisée à partir de photos de la tirelire en kit (opération de levée de fond).
Détourage, retouche des prises de vues et ajout de l'effet reflet.
Détourage, retouche des prises de vues et ajout de l'effet reflet.
Encart web, pour la constitution d'un panel de lecteur de Télérama
Nos vœux pour 2016 !
Les vidéos
Comme pour toute représentation de mouvement, la vidéo et une succession d'image, mais son principe de lecture diffère de celui des gifs animés : pour un fichier vidéo, les images se succèdent obligatoirement au même rythme, y compris lors d’un plan fixe, ce n'est pas le cas pour le gif voir ci-dessus. Ce n'est bien sûr pas la seule différence :
• possibilité de création potentiellement infinie
• possibilité de joindre le son à l'image (attention, l'audio peut considérablement alourdir une vidéo)
• flux de lecture maîtrisable (stop, play, pause, voir accéléré et ralentit)
• pas d'autre interaction possible que la maîtrise du flux
• obligation d'avoir un "lecteur" : la vidéo n'est pas directement lue par les navigateurs, pas plus que par les systèmes d’exploitation d'ordinateurs (Windows, macOS, linux...) et de téléphones et tablettes (Androïd, IOS...)
• par son poids, une vidéo peut allonger le temps de chargement d'une page web, on peut pallier à cela en hébergeant la vidéo sur un serveur tierce, c'est possible grâce à de sites tels que YouTube, Dialymotion, Viméo et Wistia qui présentent, de plus, l'avantage d'avoir leurs propres lecteurs intégrés.
• possibilité de création potentiellement infinie
• possibilité de joindre le son à l'image (attention, l'audio peut considérablement alourdir une vidéo)
• flux de lecture maîtrisable (stop, play, pause, voir accéléré et ralentit)
• pas d'autre interaction possible que la maîtrise du flux
• obligation d'avoir un "lecteur" : la vidéo n'est pas directement lue par les navigateurs, pas plus que par les systèmes d’exploitation d'ordinateurs (Windows, macOS, linux...) et de téléphones et tablettes (Androïd, IOS...)
• par son poids, une vidéo peut allonger le temps de chargement d'une page web, on peut pallier à cela en hébergeant la vidéo sur un serveur tierce, c'est possible grâce à de sites tels que YouTube, Dialymotion, Viméo et Wistia qui présentent, de plus, l'avantage d'avoir leurs propres lecteurs intégrés.
|
Ci dessus : carte de vœux réalisée
avec After Effect. pour l'Agence Safari-rh (spécialisée dans le recrutement pour les collectivités) Ci-après le teaser de la vidéo sous forme de fausse annonce de recrutement (que l'on retrouve comme "dance floor" du grand bonhomme vert). |
|
Les animations Flash
Le "flash" (fichier créé avec Adobe Flash devenu Adobe Animate) est un standard, on peut dire de ce système d’animations d’objets qu'il est historique. Mais, si c'est le plus utilisé ce n’est pas le plus compatible, à l’instar de la vidéo, il a besoin d’un lecteur : le fameux Flash Player, connu de tout internaute !
• très grandes possibilités créative et interactivité optimale (du simple bouton au jeu en ligne)
• fichiers qui peuvent être assez légers (en fonction de leurs conceptions)
• nécessite Flash Player (avec ses mises à jour...)
• ne s’affiche pas sur les iphones et les ipads (suite à un conflit entre Apple et Adobe).
• très grandes possibilités créative et interactivité optimale (du simple bouton au jeu en ligne)
• fichiers qui peuvent être assez légers (en fonction de leurs conceptions)
• nécessite Flash Player (avec ses mises à jour...)
• ne s’affiche pas sur les iphones et les ipads (suite à un conflit entre Apple et Adobe).
Animation pour une campagne de l'agence Safari
Animation présentation de l"équipe Safari (Agence spécialisée dans le recrutement pour les collectivités) pour un stand
Les animations HTML5
Le Html 5 et la dernière version du langage permettant l'affichage des contenus web. On peut dire, plus généralement que le html est le format hôte qui rends visible tous les autres (css, php, javascript...).
Cette ultime version permet de créer des animations remplaçant celles réalisées avec Flash (ci-dessous une animation Flash convertis en html5 - non responsive ).
• compatible avec tous les écrans
• possibilité d'interactions
• fichiers généralement plus légers que du Flash.
Cette ultime version permet de créer des animations remplaçant celles réalisées avec Flash (ci-dessous une animation Flash convertis en html5 - non responsive ).
• compatible avec tous les écrans
• possibilité d'interactions
• fichiers généralement plus légers que du Flash.