Ateliers · trois commandes de production

Une appli, une étiquette, ton portfolio : trois livraisons de pro

Chaque atelier est une commande de production, avec un destinataire exigeant : le développeur de l'appli Datashop (après la séance 2), l'imprimeur de la Brasserie du Pont-Levis (après la séance 4), puis le jury de ton portfolio (après la séance 5). Les marques sont fictives : tu peux tout montrer.

⏱️ 3 h 45 en tout 📥 Exports vérifiés tout de suite 📝 Grille N1 à N4 📨 Rendu à ton formateur

Comment ils sont corrigés. La page vérifie tout de suite ce qui se mesure sur tes exports : format, taille au pixel près, couleurs RVB, poids ; dans un SVG, les calques, les couleurs, les points d'ancrage, le texte vectorisé ; dans un PDF, le format fini, le fond perdu, la norme PDF/X-4, les tons directs, la surimpression, les polices ; dans un .ai, les plans de travail et les calques ; dans un dossier assemblé (.zip), les liens et les polices. Ce qui se juge, tu l'évalues toi-même sur la grille de ton intervenant, qui la reprendra sur ton fichier .ai. La note transmise est ton auto-évaluation, pondérée par la part des contrôles réussis ; elle vaut 0 tant qu'un export n'a pas le format et la taille demandés — un client refuserait le fichier, et les fichiers de départ n'ont jamais la bonne taille. Dernière étape : rends ton travail à ton formateur (exports, .ai et PDF d'impression selon l'atelier), avec le bouton prévu.

Niveau	Signifie	Part des points
N1 Insuffisant	Absent, ou ne fonctionne pas.	0 %
N2 À renforcer	Présent, mais des défauts visibles au premier regard.	50 %
N3 Satisfaisant	Correct ; les défauts ne se voient qu'en zoomant.	75 %
N4 Excellent	Rien à reprendre, même à 100 %.	100 %

Le kit d'icônes de l'appli Datashop

Séances 1 et 2 · 1 h 15 · la page « interface » de ton portfolio

✓ Terminé›

La commande. Datashop lance son appli mobile. Le développeur attend douze icônes nettes sur tous les écrans, au même style que les pictos de la boutique en ligne : en SVG pour l'appli, en PNG 3x pour les écrans haute densité. Il veut des fichiers légers, bien nommés, sans rien qui traîne. La liste et le style sont dans liste-des-icones.txt.

Ce qu'on attend de toi

Ouvre grille-icones-24px.svg : la grille de construction (zone de sécurité de 2 px, cercle, carré et rectangles clés). Crée un document Web en pixels, douze plans de travail de 24 × 24 px, nommés comme dans la liste (ico-accueil…), réorganisés en 4 colonnes.
Dessine chaque icône sur la grille : traits de 2 px, extrémités et sommets arrondis, points calés sur les pixels. Répète et découpe (Répéter, Pathfinder, Découpe) plutôt que de redessiner.
Un calque « construction » masqué pour la grille, un calque « icones » ; aucune image, aucun texte : tout est vectorisé.
Deux couleurs au plus : le bleu Datashop #1F4E8C et l'orange d'accent #E8833A.
Vérifie en aperçu des pixels à 100 % et à 400 %, puis Exporter pour les écrans : SVG à 1x (24 × 24 px) et PNG à 3x (72 × 72 px, suffixe @3x).

Dépose les 24 fichiers en une fois (Ctrl+A dans le dossier d'export). Dans chaque SVG, la page vérifie le plan de travail de 24 × 24 px, le bleu Datashop et les deux couleurs permises, les points d'ancrage au demi-pixel, le poids (2 Ko au plus), le calque « icones », le texte vectorisé et l'absence d'image. La grille fournie fait 240 × 120 px et contient du texte : déposée telle quelle, elle vaut 0. Séance 1, module 1 ; séance 2, module 3.

Grille et liste dessinées pour le cours ; Datashop est une entreprise fictive, fil rouge des cours iSBi.

L'étiquette du Pont-Levis, refaite pour l'imprimeur

Séances 3 et 4 · 1 h 15 · la page « production » de ton portfolio

✓ Terminé›

La commande. Tu te souviens du fichier refusé de deuxième année ? La Brasserie du Pont-Levis te confie l'étiquette de sa bière blonde, 90 × 120 mm, imprimée bord à bord en offset, avec deux tons directs. Le fichier d'origine et le rapport de refus de l'imprimeur sont fournis : livre-lui un fichier qu'il ne peut pas refuser.

Ce qu'on attend de toi

Lis rapport-imprimeur.txt : six défauts. Ouvre etiquette-refusee.svg, crée un document CMJN de 90 × 120 mm, fond perdu de 3 mm, et reconstruis l'étiquette.
Couleurs : les deux tons directs du brief (rouge et or de la marque), nommés comme l'imprimeur les attend ; aucune couleur RVB ; un noir de soutien pour le grand aplat, du N 100 en surimpression pour le petit texte.
Aspects et styles : la bordure double du médaillon par le panneau Aspect, un dégradé dans le fond du médaillon, les textes par des styles de paragraphe.
Corrige chaque défaut du rapport : police incorporée dans le PDF (le texte reste modifiable dans le .ai), fond perdu, filets d'au moins 0,25 pt, textes dans la zone de sécurité de 3 mm, image remplacée par un dessin vectoriel. Range le .ai en calques nommés (au moins deux, par exemple fond et textes).
Enregistre le PDF : [PDF/X-4:2008], repères de coupe, fond perdu du document : pont-levis-etiquette-blonde.pdf. Vérifie en aperçu de la surimpression.
Dépose ci-dessous ton PDF et ton .ai (tel qu'Illustrator l'enregistre par défaut, avec sa partie PDF). À l'étape 4, joins-les à ton mail.

La page lit ton PDF comme l'imprimeur : une page de 90 × 120 mm, fond perdu de 3 mm, traits de coupe, norme PDF/X-4, exactement deux tons directs, de la surimpression, aucune couleur RVB, polices incorporées. Dans ton .ai : un plan de travail de 90 × 120 mm, des calques nommés, du texte modifiable, les deux tons directs. Le fichier refusé est un SVG : déposé tel quel, il vaut 0. Séance 3, modules 1 et 3.

Étiquette, rapport et brief écrits pour le cours ; la Brasserie du Pont-Levis est une marque inventée.

Mon portfolio, troisième édition

Toutes les séances · 1 h 15 · ton portfolio de fin de bachelor

✓ Terminé›

Ta commande. Ton portfolio devient celui d'un graphiste prêt à travailler : au moins six pages A4 au format commun (page du portfolio), et la vitrine du Pont-Levis en perspective, déclinée pour le Web.

Ce qu'on attend de toi

Au moins six pages, en nombre pair : couverture et 4ᵉ de couverture ; le kit d'icônes ; l'étiquette du Pont-Levis ; le nuancier de marque ; la vitrine en perspective.
La vitrine : la rue de la séance 5 en perspective à deux points, les détails dessinés à l'intérieur des fenêtres, dans son propre fichier .ai, sur un plan de travail de 1600 × 900 px, placé (lié) dans le portfolio.
Exporte la vitrine en SVG 1600 × 900 px (texte vectorisé, aucune image, léger) et en PNG à l'échelle 2x : 3200 × 1800 px.
Le portfolio : un plan de travail A4 par page, des calques nommés. Enregistre-le en PDF : [PDF/X-4:2008], repères de coupe, fond perdu de 3 mm : NOM_Prenom_Portfolio_AAMM.pdf.
Dépose ci-dessous ton PDF, le .ai du portfolio, la vitrine en SVG et en PNG. À l'étape 4, joins-les à ton mail, avec le .ai de la vitrine.

Le SVG de la vitrine ne doit contenir ni image ni texte : un filet de dégradé ou un effet Photoshop y deviendrait une image. La page lit ton PDF (six pages A4 ou plus en nombre pair, fond perdu, traits de coupe, PDF/X-4, polices, images d'au moins 250 ppp, nom du fichier : un PDF mal nommé vaut 0), ton .ai (plans de travail A4, calques nommés, texte modifiable) et ta vitrine (plan de travail, poids de 150 Ko au plus, calques nommés). Les gabarits fournis n'ont pas la bonne taille : déposés tels quels, ils valent 0.