Comment créer ses graphiques
Afin de proposer des designs originaux et de qualité nous utilisons divers outils que nous allons présenter dans cet article.
Chez Létizia Casanova, nous utilisons du matériel nécessitant des graphiques relativement différents, pour le flocage et la broderie.
Comment créer ses graphiques
1 - Pour le flocage
Le Flocage sur Flex (découpe de vinyle) ou Floc (découpe aspect velour) nécessite des dessins en mono couleur, sans dégradé.
Il est possible de superposer les couleurs, mais à utiliser avec parcimonie. La superposition peut amener à des décollements prématurés, même si juste après le passage en presse tout semble résistant. Il faut également faire attention aux recommendations du fabricant du Flex, certains avec des textures, des paillettes, du velour ne peuvent se superposer. Il faut également éviter le traits fins ou les objects trop petits. Durant l'échenillage (opération qui consiste à supprimer la partie superflux du flex), des éléments trop petits peuvent se décoller du support et venir avec le déchet, et on peut également imaginer qu'écheniller des images pleines de petits "trous" peut consommer énormément de temps.
Retrouvez une partie des graphiques qui sont disponibles à la personnalisation de nos T-shirts.
Vous avez ainsi la possibilité de commander un de nos produits personnalisés avec nos dessins à disposition.
2 - Pour la broderie
Il est possible d'utiliser des dessins de plusieurs couleurs, même très proches. Le nombre de couleurs d'une broderie déterminera le temps de travail à moins d'être équipé de brodeuses professionnelles capable de gérer plusieurs couleurs en une seule passe. Il faut également comme pour le flocage avoir des graphiques avec des traits et des objects francs et éviter des traits trop fins, surtout sur une matériaux assez texturés tel qu'une serviette éponge. En principe en broderie on va utiliser sur la canette (le fil qui se trouve dans la partie inférieure de la brodeuse) un fil noir ou blanc particulièrement manufacturé à cet effet. Si un dessin est trop fin tel que du lettrage, le fil blanc ou noir de la canette devient visible au dessus de la broderie, ce qui vient entacher le rendu. De même que pour les T-shirts, vous avez la possiiblité de demander un article personnalisé avec une broderie, que ce soit un polo, sweatshirt ou du linge de bain.
3 - Pour le site web (e-boutique, blog)
L'intégration d'images sur un site web nécessite une certaine préparation :
3.1 - La taille des images doit être raisonnable pour conserver une belle qualité et une rapidité d'affichage (environ 1500 pixel maximum pour une taille de 150Ko environ). Quelle que soit le format d'image choisie, la taille doit rester raisonnable. La taille préconisée ici est n'absoluement pas raisonnable. Des images de 20Mo pour illustrer un site web et votre site s'en retrouve mal référencé et bien trop lent.
3.2 - Le format des images
Il existe plusieurs formats dont les plus connus sont GIF, JPG, PNG ou WEBP, mais lequel choisir ?
Jusque là, notre cœur balançait principalement entre JPG et PNG, mais depuis l'arrivée du WEBP, il n'y a plus d'hésitation car ce format rassemble les avantages des deux anciens formats. Cet article met en avant comment bien voir le format des images utilisées sur les différents réseaux sociaux, il existe plusieurs comparateurs pour comprendre les différences entre les formats d'images GIF, JPG, PNG et WEBP, c'est indispensable pour gérer ce qui est appelé SEO, les bonnes pratiques pour qu'un site soit simple à retrouver sur les moteurs de recherches. De nombreuses ressources et articles sont disponibles sur le net sur les formats à respecter ou le fomat à choisir, plus ou moins détaillés. Le format de compression d’image WebP a un impact sur la vitesse de chargement des pages web, vous trouverez plusieurs conseils de pro pour optimiser vos images.
3.3 - Utilisez de la transparence
Le format PNG et surtout WEBP, permet de créer une transparence. C'est une couleur particulière qui n'est pas visible lorsque l'image est utilisée dans une application ou un site web. C'est très intéressant pour mettre en valeur et exploiter proprement votre logo par exemple, ainsi lorsque vous commandez des cartes de visites, votre logo est joliment découpé quelle que soit la couleur de fond choisie. Idem si vous utilisez votre logo ou n'importe quelle image avec un fond transparent sur une présentation de type Powerpoint ou Impress (libre office).
Le réalisation de transparence avec GIMP n'est pas aisé, ni intuitif :
Enregistrer des images avec transparence (gimp.org)
7.33. Le sous-menu « Transparence » du menu « Calque » (gimp.org)
3.4 - Les noms des fichiers images
Renommer les fichiers a plusieurs avantages :
- Les retrouver plus facilement, et ne le cachons pas c'est aussi plus agréable de pouvoir ajouter un petit commentaire sur nos photos personnelles.
- Et si vous utilisez vos photos sur un blog ou une boutique, c'est plus professionnel.
- N'oublions pas que nous publions des photos à destination d'un publique et le plus large possible.
- De plus, un nom de fichier cohérent est également apperçu par les moteurs de recherche et permet donc un meilleur référencement.
Plusieurs possibilités sont offertes pour créer des graphiques pour les textiles.
- Utiliser un graphique disponible sur internet(Attention aux droits d'auteurs et copyright)
- Recevoir une image ou un logo provenant de vos clients (logo d'entreprise, d'une association ou d'un club de sport)
- Faire appel à un graphiste ou un artiste, qu'il soit professionnel ou amateur.
- Générer une image à l'aide d'une application dites "Intelligence Artificielle" (Attention encore une fois aux droits d'auteurs et copyright)
4 - Gimp
Gimp est un applicatif open source et gratuit permettant de retoucher les images Bitmap, point par point (de type photographie ou dessin), c'est une application extrêmement complète et complexe à maitriser. Cependant, elle est gratuite, open source (sans pub ni abonnement caché) et surtout une grande communauté d'utilisateurs qui fournissent des tutos, des aides, des vidéos. La maitrise de gimp est dans bien des cas suffisant pour manipuler les images, mais elle a ses limites, d'autres applications sont spécialisées dans d'autres domaines. Par exmple la retouche de photographie en mode RAW contenant les données brut provenant de votre appareil photo est à réaliser avec Rawtherapee ou Dark table.
5 - Inkspace
Inkscape est un applicatif également open source permettant de transformer un dessin bitmap (point par point) en image vectorielle (une serie de courbes et de traits), ce format est utilisé par votre plotter de découpe. Tout comme Gimp, Inkscape possède une grande comunauté d'utilisateurs près à répondre aux questions, il est aisé de trouver des tutos, des aides, des forums. L'opération la plus importante est de savoir vectoriser une image. Il existe également de nombreuses vidéo simples ou pointues pour utiliser un outil tel que inskscape.
La différence entre une image en bitmap et une image vectorielle est assez simple, la première est un alignement de points de couleurs, la seconde est un ensemble de traits qu'il est alors possible d'agrandir à l'infini sans perte de qualité. Il est possible de travailler avec une image bitmap pour le plotter, mais il est largement préférable de vectoriser pour que la découpe soit plus fluide et net.
Il existe un plugin sur Inscape nommé inkcut qui permet de piloter votre plotter de découpe après avoir vectorisé votre image, le terme "vectorisé" étant la transformation d'une image de type bitmap (ensemble de points de couleurs) en ensemble de courbes et de traits. Inkcut est également gratuit et capable de piloter un grand nombre de plotter, dont les marques les plus connues.
Un second plugin nommé inkstitch (un sous-programme à ajouter dans Inkscape) permet également de créer des fichiers de broderie. il permet après avoir véctorisé votre image de la transformer en fichier broderie. Un fichier pour la broderie est beaucoup plus complexe et nécessite plus de travail de préparation qu'un fichier pour plotter de découpe. Cet ajout permet de transformer gratuitement l'application Inkscape en outil pour générer vos broderie directement à partir d'images.
6 - Wacom
Wacom propose des tablette graphiques de grande performance, utilisées par les graphistes et dessinateurs professionnels, mais par chance ils ont également dans leur catalogue des petites tables sans écran très bon marché à partir de 30/40€ qui remplacent avantageusement la souris. Cela ne permet pas de faire du dessin à haut niveau mais rend service pour de simples retouches ou dessiner un petit peu sur une application telle que Krita par exemple.
Outil gratuit et open source https://krita.org/fr
Tablettes wacom.com
Il existe des alternatives à Wacom, l'Apple ipad associé à un stylet par exemple.
Huion propose également des tablettes qui semblent très intéressantes, du simple PAD à la grande tablette graphique autonome: Creative Pen Displays & Tablets for Drawing - Huion
7 - XNconvert
XNconvert est un outil open source permettant de faire de multiple modifications sur un grand lot l'images. Vous pouvez ainsi modifier la dimension, le cadre, le format de sortie, la compression, les changement de luminosité, de couleurs ou ajouter un watermark sur un lot complet d'images. C'est très pratique pour préparer vos images à l'utilisation sur un réseau social, sur un blog ou une E-boutique.
Nconvert est l'outil associé qui est utilisable en ligne de commande, plus rapide à utiliser ou encore mieux, à schéduler. Par exemple, vous pouvez créer une taches sous Windows qui tourne toutes les 5 minutes, dès que vous déposez un fichier dans un dossier, Nconvert va le transformer et le renommer. Depuis XNconvert (l'outil graphique, il est possible d'exporter la config vers un batch Nconvert, malheureusment toutes les fonctionnalités ne sont pas présentes telles que la création d'une couleur transparente.
Voici quelques exemple d'utilisation de Nconvert :
Nconvert-orange.bat (remplacer le noir par du orange)
C:\NConvert-win64\NConvert\nconvert.exe -replace_ex 0 0 0 255 170 0 100 "E:/dossier_source/images.jpg"
Nconvert-transp-blanc.bat (Remplacer la couleur blanc par du transparent avec tolérance 100)
C:\NConvert-win64\NConvert\nconvert.exe -truecolours -replace_ex 0 0 0 255 170 0 100 -replace_ex 255 255 255 255 255 255 100 -set_alpha -transpcolor 255 255 255 -out png -clevel 6 "E:/dossier_source/images.jpg"
Nconvert-transp-noir.bat (Remplacer la couleur noir par du transparent avec tolérance 100 avec le transcolor)
C:\NConvert-win64\NConvert\nconvert.exe -truecolours -replace_ex 0 0 0 255 170 0 100 -replace_ex 255 255 255 255 255 255 100 -set_alpha -transpcolor 255 255 255 -out png -clevel 6 "E:/dossier_source/images.jpg"
C:\NConvert-win64\NConvert\nconvert.exe -truecolours -replace_ex 0 0 0 255 170 0 100 -replace_ex 255 255 255 255 255 255 100 -set_alpha -transpcolor 255 255 255 -out png -clevel 6 "C:\Dossier\*.jpg" -o C:\Dossier\Test-sources\%
C:\NConvert-win64\NConvert\nconvert.exe -truecolours -replace_ex 0 0 0 255 170 0 100 -replace_ex 255 255 255 255 255 255 100 -set_alpha -transpcolor 255 255 255 -out png -clevel 6 -o C:\Dossier\Test-sources\% "C:\Dossier\Destination\_f26d9401-ccba-4004-8d1d-b6ada5a6f321.jpg"
8 - Drawcut
Drawcut est l'outil fourni avec les plotter de découpe de la marque Allemande Secabo. Il existe en trois versions : Lite, Prod et Expert.
- La version Lite est founie avec les Sacbo de la gamme C (C30, C60 ou C120)
- La version pro est founie avec les Secabo de la gamme T (T60, T120, T160)
La fonction la plus interressante et même indispensable pour une découpe propre est la vectorisation d'une image Bitmap. Sans cette fonction, il est nécessaire de passer par une autre application de vectorisation comme Inkscape.
Drawcut est l'outil renommé et connu sous le nom deVinylMaster. VinylMaster est bien plus répandu, il est donc plus aisé de trouver des vidéos, tutos, forums de discussion et des aides.
Voici quelques opérations simples à réaliser avec Gimp avant d'importer les images sur l'outil de découpe Drawcut relié au plotter :
- Découper les parties inintéressante des images (crop)
- Redimensionner les images en 1500 points * 1500 points - Ce qui me donnera une image suffisament propre lorsqu'elle sera en deux couleurs Noir et Blanc.
- Transformer les images en 2 couleurs: noir et blanc.
- Créer un transparent.
Pourquoi transformer les images en deux couleurs ? Une découpe vinyle ne permet pas de dégradés, la découpe se fait donc net et précise sur le "bord" de l'image.
Le logiciel de découpe comme Drawcut est parfaitement capable de détecter les bords des images avant de les envoyer vers le plotter mais il lui est difficile (en tout cas les options sont très limitées) lorsqu'il lui faut gérer les dégradés ou les multiples couleurs présentes. Avec Gimp, lorsqu'on utilise la fonction de passage à deux couleurs, il y a possibilité de définir un seuill de luminosité puis retoucher manuellement et facilement l'image.
Exporter ensuite mes images en jpg. --> Renommer les fichiers afin de les classer. Il est conseillé de bien ranger ses fichiers, les classer et les nommer proprement.
Il est tout à fait possible d'utiliser des scripts powershell assez simples pour renommer les fichiers en masse, par exemple ce script très simple permet de renommer tous les fichiers commençant par la lettre "x" et donner un nom avec une incrémentale (DESSIN0001.jpg, DESSIN0002.jpg):
9 - Logiciel de broderie
Pour la broderie, il existe également des outils gratuits, parfait pour commencer à moindre couts. Cependant la broderie est un processus complexe, la machine execute une quantité d'opérations bien plus élevée qu'un plotter. La préparation du job nécessite une application performante, encore une fois si votre application de broderie ne possède pas trop d'option, il est préferable de bien préparer son image avec Gimp et Inkscape.
Autres ressources
10 - Les watermarks
Il est toujours inquiétant d'afficher un contenu original sur son site ou sur les réseaux sociaux, car il serait déplaisant qu'une image sur laquelle on a travaillé se retrouve exploité par d'autres.
Malheureusement, il est assez difficile de s'en protéger mais il existe quelques moyens simples pour s'en prémunir.
- Tout d'abord l'information : un watermark indique, même s'il ne protège pas, qu'une image a une source et qu'elle est identifiée. Cela évite la simple diffusion par mégarde ou l'utilisation par méconnaissance, un peu comme un panneau "propriété privée" en arrivant sur un chemin, le promeneur qui n'est pas mal intentionné n'ira pas plus loin.
- La seconde solution est de réduire la possibilité d'exploitation de l'image pas une destruction partielle de celle-ci (réduction de sa définition en pixel, ou ajout d'un watermark disgracieux).
- Il existe d'autres solution, bien plus professionnelles telles que des protections légales.
11 - Les fonts et polices de caractères utilisables
Il existe de nombreuses fonts ou polices exploitables pour votre commerce, que ce soit sur vos produits, vos cartes de visites, ou votre site web. Certaines sont libres, d'autres nécessitent une license. De même que pour une image ou un dessin, il vous est déconseillé (et même interdit) d'utiliser une police que l'on pourrait aisément associer à une marque. Il existe des droits et protections, les exemples aisés pour illustrer notre propos sont les polices Coca Cola, Walt Disney, ...
Google fourni également des polices qui sont exploitables, il est clairement défini qu'il est possible de les exploiter à titre commercial : "Can I use any font in a commercial product? -> Yes, you can use them commercially".
- Pour une utilisation sur une brodeuse, nous conseillons l'utilisation de polices assez épaisses que vous souhaitiez broder des tissus fin aussi bien que du linge de bain par exemple.
- Nous utilisons une brodeuse monocouleur modèle 550e de chez Janome. Voici un exemple de broderie sur une police trop fine, la couleur de la navette remonte et vient entacher la couleur originale.
- Pour une utilisation sur une découpe de vinyle, nous conseillons d'éviter les polices qui présentent trop d'aspérités, de complexités ou trop fines également.
- L'échenillage devient trop complexe ou long, il y a un risque de décoller et retourner les minuscule parties de flex qui n'adhereraient alors pas correctement au textile.
Nombre de ces polices qui ont particulièrement retenues notre attention, elles sont originales, complètes avec les accents et assez épaisse pour permettre broderie comme le flocage. En broderie, il est particulièrement interressant d'utiliser les lettrines très complexes.
12 - Images libres de droits
Avant d'utiliser une image, surtout à titre commecial, c'est à dire sur votre site E-commerce ou pour l'exploitation sur un produit, vous devez vous assurer que vous en avez l'autorisation. De nombreuses images sont téléchargables, parfois utilisables à titre personnel mais pas pour une utilisation commerciale. Il existe plusieurs droits ou interdictions : Le droit à l'image, c'est une règle qui protège l'image de votre personne ou vos biens : Si une personne vous prend en photo, cette image est d'office protégée. Il faut le consentement du sujet pour diffuser cette photographie. Même pour une utilisation personnel sur un réseau social par exemple. Le copyright ou les droits d'auteurs, encore une fois le principe de base est relativement simple. Une autre forme de protection : Marques, logos, brevets et inovations. De nombreuses sources d'images sont disponibles et libres de droits. Certaines sont relativement simples à simples à comprendre car l'image ou le site est associée à une license libre, ou libre de diffusion. il en existe un très grand nombre.
D'autres sont un peu plus complexes, comme l'entrée dans le domaine publique des oeuvres. Et dans certains pays, citons les Etats-Unis, l'entrée en domaine publique peut être en conflict avec un copyright. Par exemple un film et sa diffusion peuvent être du domaine publique mais le personnage est toujours sous Copyright.
Un autre exemple, en cette année 2024 par exemple, "le petit Prince" d'Antoine de Saint exupery est dans le domaine publique dans tous les pays du monde sauf en France.
Les sources
Lors du téléchargement d'une image, le plus simple est de rechercher des sites sur lesquels les image sont libres de droits. Il est encore ici indispensable de vérifier les conditions d'utilisations, il est possible par exemple qu'elles soient libre de droits pour une utilisation personnelle (pour utiliser sur un blog ou un réseau social), mais on pourrait ne pas vous autoriser à l'utiliser dans un but commerciale. Vous pouvez utiliser sur les moteurs de recherches les mots clefs "domaine publique", "libre de droits" ou "royalty free". Vous tomberez forcement sur les sites suivants qui peuvent être des sources interressantes. Faites bien attention, ces sites proposent également du contenu sponsorisé qui déviera vers un autre site avec des images payantes et le visuel ne permet pas facilement de les identifier, mais à la première demande de carte bancaire vous vous appercevrez que vous avez dévié.
4.4 million+ Stunning Free Images to Use Anywhere - Pixabay - Pixabay
Free Stock Photos, Royalty Free Stock Images & Copyright Free Pictures · Pexels
Freepik | Create great designs, faster
Royalty-free vector clip art, svg files and graphics | Public domain vectors
Royalty free images libres de droit, photos de Royalty free | Depositphotos
Image libre de droit gratuite : quels sites pour trouver vos photos ? (webconversion.fr)
Et une liste impresionnante de sites proposant des images : Free image resources - Meta (wikimedia.org)
Vous pouvez utiliser les mêmes mots clefs pour rechercher des musiques pour le montage de vos vidéos.
Autant pour les photos on trouve un choix assez large de photos ou dessins utilisables, autant pour les musiques de vidéos on se retrouve facilement avec des musiques d'attente. Et surtout un conseil....évitez la musique si vous parlez dans vos vidéos, il faut choisir : parler ou voyager en musique d'ascenceur. Une petite anecdote, comme quoi ce peut être complexe alors qu'une simple calculatrice suffirait en principe à determiner l'année dans laquelle une musique tombe en domaine publique. Le bollero de Ravel est dans le domaine publique depuis 2016 mais un colaborateur décédé bien après Ravel pourrait être co-auteur.
Quelques informations supplémentaires sur les licenses ou le domaine publique :
Images libres de droits : 24 banques d'images gratuites (lacomduweb.fr)
Top 15 Public Domain Picture Websites for Free Images (printify.com)
How do I know if a photo is copyrighted? – Go Sitebuilder
How to Check an Image's Copyright? 5 Ways to Do It | Pixsy
How To Check Copyright Images? // Bytescare
comment savoir si une image est libre de droit : conseils (acbm-avocats.com)
Libre de droits — C'est quoi ? | Copibec
Voici quelques sources interressantes pour les amateurs de comics ou personnages de fiction :
List of animated films in the public domain in the United States - Wikipedia
Best Public Domain Characters (gamespot.com)
Si vous êtes interressés par les superheroes par exemple, il en existe une quantité (relativement peu connus) qui sont dans le domaine publique :
Public Domain Characters (Concept) - Comic Vine (gamespot.com)
Public Domain Super Heroes | Fandom
5 Great Public Domain Superheroes (& 5 Worst) (cbr.com)
10 Public Domain Characters That Exist In DC And Marvel Comics (screenrant.com)
Voici d'autres sources d'images également dans le domaine publique :
Highlights from PICRYL - Public Domain Media Search Engine media archive (getarchive.net)
Public Domain Movies - Cartoons | Public Domain Movies
En ce qui concerne les publicités, images ou slogan, nous n'avons trouvé que peu d'informations. Nous ne pouvons que conseiller la lecture des articles de ce blog, simples, courts mais efficaces.
13 - Générateurs d'images
Chez Létizia Casanova nous avons régulièrement fait appel à des IA pour générer un certain nombre de nos dessins de personnalisation des Tshirts. Chacun de ces dessins a été généré de façon à ne pas empiéter sur un copyright, marque ou logo existant.
Voici une selection de moteur de génération d'images :
Les 23 meilleurs générateurs d'images par IA (Gratuits et Pros) (leptidigital.fr)
Top 9 Des Meilleurs Générateurs D'Images IA En 2024 (Gratuits Et Payants) (sin-opacity.com)
Il ne faut pas hésiter à utiliser ces divers outils, consulter les blogs et les forums. Ce sont des sources d'information et d'expérience nécessaire pour commencer et même progresser.