Audrey-2021-2022 : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
(É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 ====
+
== Web2Print — Gutenberg to HTML ==
 +
 
 +
===

Version du 15 décembre 2021 à 14:26

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.

affiche1 affiche2 affiche3

Web2Print — Gutenberg to HTML

=