Ce tutoriel a été réalisé par Guillaume Pain, alias Tougui, artiste, illustrateur et graphiste en freelance, ayant notamment travaillé pour ECKO Unltd, Bag à Part, Ice Moon Underwear, et  également créateur du papertoy officiel du site NicePaperToy.
Je vous laisse découvrir cet article, qui vous sera fort utile dans la préparation de vos fichiers:

« Un dessin sur l’écran c’est sympa, mais l’avoir imprimé sur un T-shirt c’est encore mieux ! Pour faire simple, l’impression d’un visuel en sérigraphie résulte de la superposition des différentes couleurs qui le composent. Les couleurs sont séparées sur différents cadres sur lesquels on va venir étaler l’encre (NDLR: superposer les éléments de Flex). En bons et sérieux graphistes que nous sommes, nous allons préparer les fichiers pour faire gagner du temps aux sérigraphes. Nous allons donc apprendre à séparer sous Illustrator les couleurs d’un visuel vectoriel, le rendre propre et facilement utilisable auprès des sérigraphes.

1. Commençons…

Ouvrez votre fichier vectoriel dans Illustrator. Celui-ci doit déjà être organisé, c’est à dire avoir sur un calque votre illustration nommée « illustration », et sur un autre votre fond de couleur nommé « fond », verrouillé pour être tranquille. Lorsque nous regardons notre illustration en mode « tracé » (CTRL/Cmd+Y), nous nous apercevons que toutes les formes se superposent. Le but de la prochaine manipulation va donc être de tout mettre à plat.

2. Vectoriser le texte et décomposer les contours

Nous allons dans un premier temps vectoriser le texte et décomposer les contours. Pour cela, faites une sélection globale de votre illustration (Ctrl/Cmd+A) et vectorisez le texte (Ctrl/Cmd+O). Réitérez ensuite l’opération pour les contours et allez cette fois-ci dans Objet>Décomposer l’aspect (si vos contours sont en intérieur ou extérieur, option disponible dans Illustrator CS3)>Décomposer. Si une fenêtre s’ouvre avec des options précochées, ne vous inquiétez pas et cliquez sur OK.

.
.
.

.

.
.

3. Fusionnez le tout !

Une fois toutes nos formes à plat, il ne nous reste plus qu’à fusionner l’ensemble. Pour cela, sélectionnez tout (Ctrl/Cmd+A) et cliquez sur Fusion dans le Pathfinder (Ctrl/Cmd+Maj+F9). Un petit coup de Ctrl/Cmd+Y et vous pouvez voir que toutes les formes de même couleur qui se touchaient ont fusionné.

.

.

.

.

.

4. Calques de séparation

Nous allons maintenant couper/coller les couleurs sur différents calques. Dans le panneau Calques (F7), faites Nouveau calque et nommez-le comme la couleur que vous avez choisie. Sélectionnez l’ensemble de cette couleur à l’aide de la Baguette magique (Y) ou en cliquant sur la couleur et en faisant Sélection>Identique>Couleur de fond. Coupez-la (Ctrl/Cmd+X) et collez devant (Ctrl/Cmd+F) dans le calque que vous venez de créer. Verrouillez et masquez-le (cochez le cadenas et l’œil) de manière à avancer étape par étape. Procédez de même pour chaque couleur.


5. Spectre de fusion

Une fois que toutes nos couleurs ont été séparées sur différents calques, que ceux-ci ont été verrouillés et masqués, il ne nous reste logiquement plus que notre calque « illustration » d’origine et notre fond. Si vous faites un Ctrl/Cmd+Y, vous allez voir qu’il reste quand même des formes à l’écran. Elles résultent de la fusion, ce sont des « formes de formes »; je les appelle « spectres » car elles sont invisibles à l’écran mais bien présentes sur le document. Un Ctrl/Cmd+A et à la poubelle ! Supprimez ensuite le calque « illustration » puisqu’il n’y a plus rien dessus.

.

6. C’est clean !

Maintenant que tout est bien organisé, je vous conseille de grouper vos formes de même couleur dans leurs calques respectifs: Baguette magique (Y) sur une couleur Ctrl/Cmd+G, ce qui évite, lorsque les calques sont déverrouillés, de se mélanger les pinceaux avec les sélections. Nous allons maintenant nettoyer la palette des couleurs pour ne garder que les couleurs utilisées. Pour cela, cliquez dans le panneau Nuancier sur l’icône en haut à droite en dessous de la croix, puis faites Sélectionner les couleurs non utilisées. Mettez les toutes à la poubelle.

7. Couleurs et Pantone (NDLR: Facultatif pour le Flex, se référer aux couleurs disponibles)

Nous arrivons maintenant à la partie technique des couleurs. C’est à dire qu’il va falloir choisir à l’aide d’un nuancier Pantone (TPX/Solid coated ou autre suivant les imprimeurs) la référence des encres. Comme une nuancier Pantone coût très cher, il est possible de voir ça directement avec l’imprimeur… tout en continuant à préparer le fichier ! Sélectionnez l’une des couleurs sur le calque et double-cliquez sur celle-ci dans le panneau Nuancier. Nommez-la comme vous voulez, sélectionnez Ton direct dans Type et cliquez sur OK. Refaites la même chose pour toutes les couleurs.

8 Terminé !

C’est fini, vous avez préparé un fichier bien propre que vous pouvez envoyer à votre sérigraphe !

ASTUCES
Si vous voyez que certains détails sont un peu trop petits, n’hésitez pas à leur ajouter un petit contour (à vous de juger l’épaisseur). Cela peut faciliter le calage entre les couleurs par les sérigraphes.

Fusion, décomposition et vectorisation, attention ! Prenez garde lorsque vous commencez à vectoriser vos typos, décomposez vos contours et fusionnez vos formes. Ces actions sont irréversibles une fois votre travail enregistré et il vous sera très pénible de revenir en arrière ! Pensez à dupliquer vos fichiers. »

Tutoriel réalisé par Tougui

EDIT: Pour l’anecdote, j’ai eu l’occasion de rencontrer Tougui, trois jours après la publication de son tuto à Lyon au cours du workshop chez Laspid lors du festival l’Original, tout à fait par hasard.

Nous emballons l’ensemble de nos productions dans des pochettes transparentes, glissées dans des pochettes à bulles, afin de les protéger de l’humidité et d’éventuels accrocs lors du transport. De temps en temps se glissent également des surprises dans les colis, soyez vigilants à l’ouverture de votre paquet !

Concernant la livraison, nous faisons confiance à La Poste, qui reste le meilleur des prestataires auprès des particuliers.
Nous expédions les commandes de moins de 200 grammes avec le service LettreMax, délivré directement en boite aux lettres.
Pour tout envoi ayant un poids supérieur à 200 grammes, commandes multiples ou sweat-shirt, nous utilisons l’envoi par Colissimo.

Lorsque vous passez commande sur le site, vous pouvez donner une adresse de livraison différente de l’adresse de facturation. Cela vous permet de faire livrer la commande chez l’un de vos amis, au bureau… Pour le moment, nous n’utilisons pas encore la solution de livraison en points relais de La Poste.
N’hésitez pas à nous demander le suivi de votre colis pour pouvoir suivre son acheminement en ligne.

LettreMax et Colissimo étant des services assez rapides (compter entre 1 et 5 jours ouvrables en fonction de votre localisation), vérifiez votre boite aux lettres ou scrutez le passage de votre facteur devant votre porte.
Pensez également à demander à vos gardiens, concierges et voisins si le facteur ne leurs a pas laissé quelque chose pour vous, car aucune signature n’est demandée à la livraison (mais vous êtes prévenu s’il a laissé votre colis chez quelqu’un d’autre).

Comme vous l’aurez compris suite à la lecture des précédents articles, puisqu’il s’agit de travail fait main, les commandes plus volumineuses prennent donc plus de temps à réaliser. N’hésitez pas à nous contacter pour nous demander des précisions sur les délais de fabrication.

Pour l’impression du Flex, le concept est d’exercer une pression sur chacun des éléments du motif couleur par couleur, tout en chauffant à environ 170°, la matière est donc collée sur la maille du textile.
Concernant le transfert numérique, nous utilisons deux papiers différents, le papier pour textile foncé et le papier pour textile clair.
Le papier foncé fonctionne sur le même système que le Flex, collé à même la maille du textile. Pour l’exemple, il s’agit de la découpe d’un papier transfert foncé sur la photo de l’article précédent. L’image est imprimée sur un papier spécial, que nous décollons de son support et apposons à même le textile afin de le thermocoller.
L’impression numérique du papier clair s’effectue à même le vernis de la feuille utilisée. C’est ce vernis qui est est ensuite transféré dans la maille du t-shirt par la pression et la chaleur. Voilà pourquoi le papier clair ne peut être utilisé sur du textile foncé, car le vernis prend en compte la couleur du t-shirt en intégrant la maille du tissu.

Une fois imprimées, les bandes de Flex passent entre nos doigts agiles pour l’étape, que nous appelons entre nous, le dépiautage.
Il s’agit d’enlever le surplus de matière découpée par la machine, pour n’avoir plus que l’élément définitif du motif (clic sur la photo pour voir en grand).

C’est une étape assez rébarbative, assez longue en fonction des motifs et nécessitant pas mal de concentration. Il s’agit de conserver au maximum les détails des motifs, lors de l’arrachage du surplus, et de peaufiner le retrait des petits éléments indésirables restant. Nos principaux ennemis sont les points des « i », les traits fins et les mouvements trop rapides.
Pour le transfert numérique, petite technique personnelle, nous découpons tout à la main, d’où les scalpels dans notre boite à outils. Nous réalisons les découpes au plus proche du motif, sauf dans certains cas lorsque la découpe risque de desservir le rendu du motif une fois pressé. Dans ces cas là, nous avons recourt à une découpe en carré, comme pour respecter le format d’une photo, par exemple.

Demain, la presse et l’envoi !!!

Après avoir lu les deux première étapes, vous savez maintenant que pour imprimer en Flex, nous avons besoin d’avoir les éléments du motif groupés par couleur.
Pour l’impression, nous regroupons sur un fichier correspondant à la couleur d’impression, tous les éléments des différents motifs imprimés ce jour. Chaque jour, ce sont des mètres et des mètres de Flex qui sont imprimés, c’est l’une des raisons de notre rapidité de production, elle est quotidienne.
Ce fichier est ensuite lu par le plotter qui se charge de découper les formes vectorielles avec l’aide d’une pointe, type lame de rasoir, sur la surface du rouleau de Flex.

Sur la rangée supérieure de la photo, vous avez un aperçu du bureau avec le plotter relié à l’ordinateur, le logiciel d’édition des laizes de Flex et des rouleaux de Flex.
En dessous, vous pouvez apercevoir des détails du plotter en pleine découpe.

Pourquoi le vectoriser ?
Par nécessité technique. Nous utilisons pour la découpe des laizes de Flex un plotter de découpe, qui ne fonctionne qu’avec des fichiers de type EPS.
Chaque motif chargé sur le site pouvant être imprimé en Flex est vectorisé de nos blanches mains, idem pour les textes. Sous Illustrator, nous préparons les formes vectorielles afin d’optimiser la découpe. Le fichier EPS est composé de différents calques rassemblant les éléments communs d’une même couleur. Il est ensuite incorporé, dans l’étape suivante, à notre logiciel de découpe.

Pour conserver tout la qualité de votre fichier et nous faire gagner du temps, l’idéal est de nous transmettre les fichiers au format Illustrator 8 à l’adresse contact@artiz.fr (n’oubliez pas de nous préciser votre numéro de commande).
Je vais tenter de mettre en ligne un tutoriel de Tougui pour la préparation de vos fichiers sous Illustrator,  après autorisation bien entendu.
EDIT: Le tutoriel est maintenant disponible (Comment bien préparer son fichier)

Première étape, le traitement de l’image. Plusieurs cas s’imposent à nous concernant les images utilisées pour vos t-shirts.

Les motifs provenant de la base du site:
Optimisés pour une impression en Flex, vous pouvez les utiliser dans toutes les couleurs disponibles et de toutes les tailles souhaitées.

Les motifs que vous chargez via l’outil de création:
Il doivent être optimisés en fonction des critères de réalisation, mais, s’il arrive que la réalisation fasse appel à une ou deux couleurs supplémentaires pour des éléments de détail, nous ne sommes pas regardant (il nous est arrivé de pousser le vice jusqu’à 13 couleurs mais c’est chaud)…

Les photos ou motifs (hors critères d’impression Flex) chargés via l’outil de création:
Dans le cas où l’image est une photo, que les dégradés/transparences sont trop importants, le nombre de couleurs trop élevé ou la qualité trop faible pour pouvoir la retoucher correctement, alors nous utilisons l’impression en transfert numérique.
Le rendu de transfert est de bonne qualité et diffère en fonction de la couleur du support d’impression, plus d’informations sur le transfert dans un prochain article.

L’impression hybride:
Certaines images sont constituées de photos et d’éléments imprimables en Flex, il nous arrive alors de mélanger les techniques en optimisant la retouche de l’image, la découpe du transfert et la pose du Flex.

La sérigraphie:
Nous la réservons pour les commandes volumineuses en terme de quantité, car les frais techniques ne sont pas adaptés pour les commandes à impression unique. Pour toutes demandes de devis, contact@artiz.fr !

La suite, demain…

Intéressé(e) par l’idée de faire découvrir votre travail, de le voir porté par d’autres et en tirer des bénéfices ?
Vous êtes tombés au bon endroit. Tout le monde y a accès et c’est entièrement gratuit.
Dans ce tutoriel, je vais vous présenter les différentes étapes pour pouvoir intégrer votre motif dans la galerie d’Artiz.

La 1ère étape est de vous créer un compte et de fournir vos informations personnelles.
Veillez à ce qu’elles soient exactes afin que l’on puisse vous faire parvenir les chèques de vos commissions sur les motifs. Soyez assurés que nous ne les divulguerons à personne.

2ème étape, l’édition des fichiers pour l’ intégration des motifs à la galerie:

Concernant les motifs, quelques règles sont à observer:
- Vous devez être les détenteurs des droits liés aux motifs que vous allez déposer sur le site.
- Les motifs ne doivent pas être offensant, ni à caractère raciste ou discriminatoire.
- Les motifs doivent être composés en à-plat de couleurs, sans dégradés ni transparence.

Pour un affichage optimal dans l’outil de création, les fichiers doivent respecter ce qui suit:
- Etre composés de 1 à 3 couleurs.
- Etre enregistrés en .png, 150dpi au format A3 portrait (télécharger la template .psd et .png).
- Le format png gérant l’affichage des transparences sur internet, veillez à ce qu’il n’y ait pas de couleur de fond à votre image.

Pourquoi cette nécessité concernant les transparences, dégradés et nombres de couleurs ?
Car nous utilisons la technique du Flex, ce sont des à-plats de couleurs thermo-collés sur la maille du textile. Plus de détails par là.

L’outil de création gère les couleurs de vos motifs par calques. Il faut donc enregistrer 3 versions de votre fichier, 1 par couleur, en respectant l’emplacement de cette dernière dans le fichier initial.
La superposition des calques (lorsqu’il y en a 2 ou 3) restitue le motif dans son intégralité.

Troisième étape, le chargement des motifs une fois les fichiers créés, rendez vous dans l’espace de soumission des motifs de votre espace personnel sur le site.

Nommez votre motif, ajoutez des mot-clés précis (essentiel pour la recherche dans la galerie), définissez des catégories, un montant de commission (nous recommandons de 3 à 5€ mais libre à vous de mettre plus) et sauvegardez l’ensemble.
La zone de téléchargement des calques apparaît ensuite. Téléchargez-les en respectant l’ordre de couleur des calques et sauvegardez l’ensemble. Votre image apparaîtra ensuite comme elle figurera dans la galerie.

Dernière étape enfin, retournez dans votre galerie de motifs, au sein de votre espace personnel et soumettez votre motif en cliquant sur ce bouton.

Nos modérateurs se chargeront ensuite de valider (ou non) votre motif qui sera, pour finir, disponible dans la galerie.
Il sera alors temps de créer et soumettre vos produits comportant vos motifs. Cela leur donnera une visibilité accrue, et une url du produit pourra être communiquée sur vos sites (blog, forum, facebook…)

Récapitulatif:
Fichier A3, 150 dpi, enregistré en .png
1 calque par couleur.
Pas de dégradés ni de transparences.
Soumission pour validation obligatoire pour l’intégration du motif dans la galerie.
Respect des règles de bonne conduite.

Un petit coup de main peut être ? Tout le monde n’étant pas informaticien dans l’âme, retrouvez notre section de tutoriels ainsi que quelques informations utiles concernant le traitement de vos commandes.

Une série d’article sur toutes les choses à savoir sur Artiz est d’ailleurs en préparation. Aussi bien le modus operandi de la fabrication de vos commandes (vidéo en préparation), que l’utilisation du site ou encore les détails liés aux fichiers, aux t-shirts et à leurs envois.

Stay Tuned !