dfDesign⎥Denis Foussard
  • Accueil
  • Prestations
    • Site internet >
      • Quelques exemples de site
    • E-mailling-Newsleter-Web-marketing...
    • Logo - flyer - charte...
    • Animation - Illustration - Montage photo ... >
      • Animation
      • Illustration
      • Montage/retouche photo
  • Contact

Animation :
Gif animé, vidéo, fichier Flash

Conception et réalisation de site internet - df design, denis foussard, webdesigner, webmaster

Site web►

Emailing, newsletter, web marketing, marketing viral par df design, Denis Foussard

Emailing...►

Graphisme, logo, carte de visite, flyer, affiche, charte graphique, mise en page, catalogue, boîter, pochette et livret de CD par df  design - Denis Foussard

Graphisme►

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.
Photo
Mise en mouvement du logo du salon des Hauts Potentiels pour des bannières internet
Photo
Les meilleurs vœux de dfdesign pour 2017 !
Photo
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.
Photo
Encart web, pour la constitution d'un panel de lecteur de Télérama
Photo
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.
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).
Photo

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).
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.
Truc-a-eau-AS3_Canvas

Page en cours de réalisation 
Merci pour votre compréhension !

NOUS AVONS DÉJÀ TRAVAILLÉ POUR : la Croix-rouge, Le Monde-Télérama, Courrier international, la Ville de Paris, la DGA (Ministère de la défense), la Ville de Neuilly, Paris Habitat, le CG Val d'Oise, Volkswagen Bank, ASRAS-BNP Paribas...


Contact ☛
Mentions légales
©2017 Tous droits réservés
  • Accueil
  • Prestations
    • Site internet >
      • Quelques exemples de site
    • E-mailling-Newsleter-Web-marketing...
    • Logo - flyer - charte...
    • Animation - Illustration - Montage photo ... >
      • Animation
      • Illustration
      • Montage/retouche photo
  • Contact