Styles et effets pour un site animé
Chaque effet est montré tel que la bibliothèque de l’atelier le rend, sur un fond qu’elle a tourné : ce qu’il apporte, quand le poser, et quand s’en passer.
Matières
L’effet grain de film sur un site webÀ quoi sert le grain argentique sur un site, quand le poser, à quelle intensité, et pourquoi il doit rester immobile.Effet vignettage sur un site : assombrir les bordsRamener l’œil au centre en poussant les bords vers l’ombre : d’où vient le vignettage, quand le poser sur un site, à quelle dose, et comment il est fait.Effet halation : la lueur de la pellicule sur un siteLa lueur rouge qui déborde des lumières sur la pellicule : d’où vient la halation, quand la poser sur un site, à quelle dose, et comment la tracer en CSS.Effet lignes de trame (scanlines) sur un site webLes lignes fines d’un écran cathodique posées sur une page web : d’où vient l’effet scanlines, quand le choisir, à quelle dose, et comment le tracer en CSS.Effet caustiques : la lumière de l’eau sur un siteLes filets de lumière qui dansent au fond d’une piscine, posés sur une page web : d’où viennent les caustiques, quand les poser, et comment les tracer en CSS.Effet trame de points (halftone) sur un site webLa grille de points de l’imprimerie posée sur une page web : d’où vient la similigravure, quand poser la trame, à quelle dose, et comment la tracer en CSS.Effet verre dépoli sur un site : le givre en CSSFlouter la vidéo derrière le texte, comme un verre dépoli : d’où vient l’effet givre, quand le poser, ce que coûte backdrop-filter, et comment il se retire.L’effet fuite de lumière sur un site webUne coulée de lumière chaude entrée par un angle, comme sur une pellicule voilée : d’où vient l’effet, quand le poser sur un site, et à quelle dose.L’effet poussière et rayures sur un site webFines rayures verticales et poussières de pellicule sur toute la page : d’où vient l’effet, à quels métiers il va, à quelle dose le poser, et ce qu’il coûte.La texture papier sur un site webLa fibre d’un papier épais posée sur toute la page : d’où vient l’effet, pour quels métiers, à quelle dose, et pourquoi il assombrit l’image.
Traitements de l’image et du texte
L’effet duotone sur un site webLe fond passé en niveaux de gris, puis teinté aux couleurs du site : d’où vient le duotone, quand il sert une page, à quelle dose, et comment il est fait.L’effet aberration chromatique sur un site webLa frange rouge et cyan des objectifs, posée sur un titre : d’où vient l’effet, quand il sert un site, à quelle dose, et pourquoi deux ombres suffisent.L’effet lueur néon sur un site webLe halo coloré d’une enseigne au néon, autour d’un titre ou d’un bouton : d’où vient l’effet, quand il sert un site, et comment le doser.
Votre site, tourné pour votre métier
Décrivez votre activité et la scène de votre fond : la vidéo est tournée pour vous, vous montez la page tranche par tranche, et les textes s’écrivent dedans.
Composer mon site