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

 

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)

 

 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 :
- Lien graphiques -
- Liens archives gallerie -

Vous avez ainsi la possibilité de commander un de nos produits personnalisés avec nos dessins à disposition:
- Lien achat produit -

 

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-shirt, 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)

Voici une article très complet sur les images, les différents formats, cependant 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 :

Taille Image Site Web : Comment bien optimiser vos images (2024) - Shopify France

 

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 le format des images utilisées sur les différents réseaux sociaux :

Comment bien voir le format et la taille d'une photo sur le Web ? (lightzoomlumiere.fr)

Voici un excellent article permettant de comparer visuellement et simplement les formats d'images GIF, JPG, PNG et WEBP :

Optimise les Images de ton Site web : SEO, Outils et Poids (pourpasunrond.fr)

Divers ressources :

Site web : Les tailles et formats d'image à respecter (digidop.fr)

JPG, PNG, SVG ou WEBP, lequel choisir ? (sublim.design)

JPG, PNG, SVG ou WEBP, lequel choisir ? (sublim.design)

 

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 log 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).

Qu'est-ce qu'un logo transparent | Tailor Brands

Le réalisation de transparence avec GIMP n'est pas aisé, ni intuitif :

Enregistrer des images avec transparence (gimp.org)

Chapitre 7. Peindre avec GIMP

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 moteur de recherche et permet donc un meilleur référencement :

Voici quelques sources :

Le format de compression d’image WebP : son impact sur la vitesse de chargement des pages web - Fasterize

7 conseils de pro pour optimiser vos images - Jimdo

 

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)

Les programmes

4 - Gimp

Gimp Est un applicatif open source et gratuit permettant de retoucher les images Bitmap, point par point (de type photographie ou dessin)

www.gimp.org

C'est une application extrêmement complète et complexe à maitriser.

Cependant, elle est gratuite, open source (sans pub, abonnement caché) et surtout une grande communauté d'utilisateurs qui fournissent des tutos, des aides, des vidéos.

 

 

 

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.

inkscape.org
inkscape.org/fr/apprendre

Comment vectoriser une image https://inkscape.org/fr/doc/tutorials/tracing/tutorial-tracing.html Il existe également de nombreuses vidéo simples ou pointues pour utiliser un outil tel que inskscape 

 

Il existe un plugin sur Inscape permettant de piloter votre plotter de découpe.

https://codelv.com/projects/inkcut

Voici la liste des devices supportés :

https://codelv.com/projects/inkcut/docs/supported-devices

Pour la broderie, il existe également des outils gratuits, parfait pour commencer à moindre couts : 

https://www.machineembroiderygeek.com/best-free-embroidery-software

Voici un add-ins pour inkscape :

https://inkstitch.org

 

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.

 

Prices and Downloads | DrawCut (draw-cut.com)

Drawcut fourni avec les plotter Secabo 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 de VinylMaster.

https://vinylmaster.software

 

VynilMaster est bien plus répandu, il est donc plus aisé de trouver des vidéos, tutos et aides.

HelpDesk FCL Software (future.support)

VinylMaster CUT, LTR, PRO & DSR - USCutter Forum

 

 

 

 

Voici les opérations simples à réaliser avec Gimp avant de les utiliser avec l'outil de découpe relié au plotter :

  • Découper les parties inintéressante des images (crop)
  • Redimensionner les images en 2000 points * 2000 points - Ce qui me donnera une image 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 la 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

 

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.

https://fixthephoto.com/free-watermark-software.html

 

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, ... 

https://www.1001freefonts.com

https://fontlibrary.org/en

Google fourni également des polices qui sont exploitables: 

https://fonts.google.com

https://developers.google.com/fonts/faq

"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.

Voici les polices qui ont particulièrement retenues notre attention, elles sont originale, complètes avec les accents, et assez épaisse pour une broderie comme le flocage.

Dancing Script
Caveat
Single day
Permanent Marker
Satisfy
Galada
Rowdies
Madimi One
Kalam
Righteous
Courgette
Titan one
Bangers
Chewy
Yesteryear
Bagel Fat one
Peralta
Sonsie OneSancreek
Sedwick Ave Display
Sarina
Vampiro One
pacifico
Leckerli One
Molle

 

 

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

Copyright — Wikipédia (wikipedia.org)

Droit d'auteur — Wikipédia (wikipedia.org)

Une autre forme de protection : Marques, logos, brevets et inovations INPI.fr | Bienvenue dans la maison des innovateurs

 

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, il en existe un très grand nombre :

Licence libre — Wikipédia (wikipedia.org)

Licence de libre diffusion — Wikipédia (wikipedia.org)

CC0 1.0 Deed | CC0 1.0 universel | Creative Commons

 

 

D'autres sont un peu plus complexes, comme l'entrée dans le domaine publique des oeuvres :

Domaine public (propriété intellectuelle) — Wikipédia (wikipedia.org)

Public Domain List | Creative Commons

 

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 :
Pourquoi Saint-Exupéry est-il entré dans le domaine public partout, sauf en France ? – Libération (liberation.fr)

 

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.

Les droits du Boléro de Ravel devant la justice (radioclassique.fr)

 

 

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.

La protection de la publicité – Master 1 IP/IT and space activities (master-ip-it-leblog.fr)

 

 

Nous ne pouvons que conseiller la lecture des articles de ce blog, simples, courts mais efficaces :

Droit de la Propriété Intellectuelle – Master 1 IP/IT and space activities (master-ip-it-leblog.fr)/

 

 

13 - Générateurs d'images

Nous avons fait appel à des IA pour générer un grand nombre de nos dessins de personnalisation des Tshirts.

Chacun de ces dessins a été généré de façon à ne jamais 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)

Comment Créer Un Logo Facilement ? Les 7 Meilleurs Sites En 2024 | Sin Opacity - Formation Au Graphisme Pour Débutants (sin-opacity.com)

 

 

Retour au blog

Laisser un commentaire

Veuillez noter que les commentaires doivent être approuvés avant d'être publiés.