Audrey-2021-2022 : Différence entre versions
(→ÉTAPE 2. Les images) |
(→Web2Print — Gutenberg to HTML) |
||
| Ligne 20 : | Ligne 20 : | ||
[[Fichier:Affiche3-1.png|300px|sans_cadre|affiche3]] | [[Fichier:Affiche3-1.png|300px|sans_cadre|affiche3]] | ||
| − | + | == Web2Print — Gutenberg to HTML == | |
| + | |||
| + | === | ||
Version du 15 décembre 2021 à 14:26
Sommaire
Web2Print — Produire une affiche en HTML
ID. Concentration sur les scrolls
L'année dernière, j'avais créé un site qui exploitait à fond les scrolls. Je l'ai un peu retravaillé dans le cadre de l'option de design numérique en début d'année, le site peut être vu ici. J'ai choisi de partir là-dessus pour créer un site web2print aux affiches génératives : aucune affiche ne sera pareille et se différenciera en fonction de la place des images dans les fenêtres.
ÉTAPE 1. Création du site de scroll
Contrairement au site montré juste au-dessus, les scrolls ne se superposeront pas puisqu'ils feront une sorte de grande composition. J'ai utilisé un CSS Grid Generator pour me faciliter la vie.
ÉTAPE 2. Les images
J'ai utilisé les dessins d'une amie que j'ai vectorisés et enregistré en .svg pour que ça ne soit pas pixelisé. Je les apprécie car ils sont abstraits sans trop l'être, il y a beaucoup de lignes et ça colle mieux à mon idée que je me fais de mon grid : une grille de composition. Ils sont transparents, le fond je le choisis moi-même en CSS.
ÉTAPE 3.
Tout est fait, j'ai caché les scrolls, le fond choisi. J'ai aussi installé une typo qui apparaît au moment de l'impression.
