Comment réaliser un fichier SVG pour la création d'enseigne en ligne.

Pour le calcul du prix de votre enseigne et sa réalisation, tout commence à partir du fichier que vous allez créer et télécharger dans le module de configuration.

1 - Convertir les dimensions de votre fichier en cm.
2 - Les erreurs à éviter.
3 - Des dimensions précises.
4 - Plusieurs coloris ou matériaux dans votre fichier.
5 - L'optimisation de votre fichier pour un prix juste.
6 - Selon vous, qu'est ce qui ne va pas.
7 - VIDEOS
8 - Pour les utilisateurs d' Adobe Illustrator.

1 - IMPORTANT
Les dimensions sont en centimètres et non millimètres. Lorsque vous vérifierez, pensez bien à convertir en cm.
Pour rappel : 100 cm = 1000 mm -  Exemple : 3 155 mm équivaut à 315,5 cm

Comment mettre un fichier dans le module pour le calcul du prix d'une enseigne.

1 - Cliquer sur "Choisir un fichier" et uploader votre fichier personnalisé au format .svg

2 - Un aperçu de votre fichier s'affichera en haut de la page.

3 - Prenez soin de vérifier les dimensions de votre fichier et/ou de les modifier pour qu'elles correspondent bien à votre projet.

L'aperçu de votre fichier s'affichera en noir même si vous avez plusieurs coloris dans l'original.

2 - Quelques erreurs à ne pas faire pour éviter d'impacter le calcul du prix de l'enseigne.

En insistant un peu (ou en ne s'y connaissant pas trop), on peu mettre tout et n'importe quoi dans un fichier SVG. A la base, l'extension .svg est faite pour des tracés vectoriels.

Le format de fichier SVG ( (en) Scalable Vector Graphics) est le format de dessin vectoriel pris en charge par le logiciel MediaWiki, moteur de la Wikipédia. Il est basé sur XML et permet la création d'images sous forme de graphiques vectoriels (quelques exemples cliquer ici).

Afin d'utiliser CORRECTEMENT mon module d'upload de fichier SVG, il vous faudra créer ou posséder un fichier SVG digne de ce nom ;)

Lorsque vous ouvrez votre fichier à l'aide de votre logiciel préféré, exportez votre création au format avec l'extension .svg

Autre exemple vu aujourd'hui (19/01/2022) à ne pas faire.

Voici un exemple de fichier qu'un client a essayer de mettre en ligne, non sans souci.
Lorsque vous êtes sur votre logiciel, avant d'exporter au format SVG, enlever la couleur à vos objets et apportez y une "plume de contours" de couleur. Si vous obtenez un contour propre, pas de problème, allez-y. Par contre, si comme sur cet exemple, votre fichier comporte une multitude de traits qui n'ont rien à faire ici, des courbes non fermées, etc veuillez remédier au problème avant de convertir votre fichier en SVG.
Si votre fichier comporte des problèmes, le module d'upload de fichiers risque de ne pas fonctionner correctement.
Pensez que si votre fichier n'est pas correctement adapté en SVG pour le logiciel de calcul en ligne, il le sera également pour la machine de découpe numérique.
Pour ceux qui ont un plotter de découpe d'adhésif, essayez de découper votre fichier, si tout est ok pour vous, cela en sera de même pour le logiciel en ligne et nos machines ;)

Pour la création de votre fichier, je ne vais pas entrer dans les détails. Si vous ne savez pas comment faire ou convertir un fichier SVG, je vous laisserais chercher à l'aide de votre moteur de recherche préféré. Je pars du principe que vous savez utiliser un logiciel graphique.
Le plus important, c'est de faire un fichier propre et correct afin de ne pas fausser le calcul du prix pour votre enseigne. Pas de souci de mon côté, c'est juste pour vous éviter de payer plus cher vos lettres à cause d'un fichier mal exporté en SVG.

Régulièrement, je reçois des fichiers avec des points invisibles et des superpositions de tracés. Parfois, je vois une lettre "E" par exemple en 7 ou 8 exemplaires les uns sur les autres. Du coup le "calculateur" risque de comptabiliser 7 ou 8 lettres à la place d'une.
Il en est de même pour les points, formes ou repères de découpe ou d'impression. Ils risquent d'être comptabilisés dans le calcul et impacter le prix.

Avec repères.

Si vous insérez des repères de coupe ou d'impression dans votre fichier SVG, ceux ci risquent :
- d'être comptabilisé comme éléments dans la formule de calcul du prix
- d'induire en erreur lors de la mise à l'échelle (en cm) une fois le fichier téléchargé.

Veillez donc à mettre uniquement vos lettres ou logos dans votre fichier.

Avec contours épais.

Adoptez des contours de tracés fins. Evitez les contours très épais, voire même des "outlines". Cela risque de mal comptabiliser les éléments à découper/usiner.
Si les "outlines" sont nécessaires et sont à réaliser, vérifier bien à laisser suffisamment de matière pour la découpe.

Avec multiples contours.

Le cas le plus fréquent...
Avec certains logiciel, vous faites des simulations pour vos clients, mettez de la couleur et plus, mais lors de l'export, cela superpose plusieurs fois les mêmes tracés. Je pense que cela vient des calques que vous utilisez ou quelque chose comme cela.
Pensez à bien contrôler cela, sinon, en voyant les tarifs, vous serez amené à y regarder de plus près ensuite.

3 - La précision des dimensions.

La hauteur des lettres peut être différente de la hauteur prise en compte.
Pour certaines polices de caractères par exemple, les "S" "U" "Y" "y" "p" sont légèrement plus grands que les "L" "E" etc.
En réalisant votre fichier, si vous mettez 30 cm de hauteur de lettre, il se peut que l'ensemble mesure 30,2 cm par exemple et même plus comme 34 cm avec des lettres minuscules telles que "p" ou "y".
Avant d'exporter votre fichier au format SVG, prenez le temps de tout convertir en courbes et en sélectionnant l'ensemble vous obtiendrez les dimensions précises à reporter dans le module une fois le fichier téléchargé.

4 - Enseigne découpée ou lumineuse en plusieurs coloris ou procédés de fabrication.

Prenons un exemple.
Vous voulez réaliser un enseigne en lettres découpées comme le modèle ci-dessus. C'est à dire du PVC 10 mm noir pour le logo, des lettres en PVC 10 mm blanc pour le texte blanc et le reste en PVC 10 mm rouge.

La méthode suivante sera la même à appliquer pour tous les éléments n'ayant pas le même coloris ou le même procédé d'éclairage à LEDS pour une seule et même enseigne.
Il faudra décomposer votre fichier original en plusieurs fichiers.

Pour la partie en PVC 10 mm noir il faudra créer un fichier uniquement avec cet élément en prenant soin de noter les dimensions exactes. Insérez ensuite ce fichier dans le module, faites votre choix dans le processus de création (matériau, options...).
Faites de même avec la partie blanche, créez un second fichier, toujours en veillant bien aux dimensions.
Idem pour la partie rouge, créez un troisième fichier.
Une fois les 3 fichiers commandés, vous pourrez me faire parvenir un mail avec le fichier global afin que je puisse réaliser un plan de pose pour l'ensemble en un seul élément. Cela évitera par exemple, de recevoir 3 lettrages avec 3 plans de pose différents.

Vous voulez réaliser un panneau ou un caisson lumineux par exemple avec des inscriptions par dessus. Il vous faudra décomposer votre travail à réaliser en plusieurs fichiers.
Prenons un exemple simple : un panneau en PVC 19 mm blanc comme support et des lettres découpées en aluminium composite par dessus, le tout monté sur entretoises d'espacement.
Créer 3 fichiers (pour cet exemple)
1 - le fichier "A" comportera uniquement le tracé pour la découpe du support en PVC 19 mm blanc.
2 - dans le fichier "B" vous mettrez uniquement le tracé des lettres "Café de la Place" pour la découpe en aluminium composite 3 mm bordeaux avec kit de fixation.
3 - Le fichier "C" se composera uniquement les lettres "Chez Cathy 06 06 06 06 06" à découper en aluminium composite 3 mm noir avec kit fixation.
Les fichiers, envoyez les 1 à 1 et faites votre sélection au fur et à mesure.
Pour le gabarit de perçage, envoyez après la commande le fichier global par mail.

Autre exemple d'optimisation de fichier :

N'hésitez pas à supprimer tous les espaces inutiles.
Le logiciel calcule la surface totale. Vous pouvez optimiser la surface en supprimant tous les espaces superflus.

ATTENTION : les dimensions maximales d'un élément sont de 80 x 120 cm (soit 800x1200mm).
Si vous insérez un fichier trop grand, les éléments seront réalisés en plusieurs morceaux afin de pouvoir procéder à l'expédition via Chronopost.
Cas exceptionnels :
- vous organisez vous-même l'enlèvement avec le transporteur de votre choix.
- vous venez récupérer votre commande sur place à mon atelier à Sail sous Couzan (42890).

   !!!   PAS DE LIVRAISON POUR DES ELEMENTS TROP GRANDS   !!!   

5 - L'optimisation du fichier pour un meilleur tarif.

Voici une illustration (certe moche) pour vous expliquer comment réduire le coût de fabrication simplement.
Le module d'upload de fichier comptabilise la surface du fichier et la quantité d'éléments présents.
De ce fait sur l'illustration A, il y a les mêmes lettres que dans l'illustration B. Par contre, dans les 2 illustrations, la surface du fichier n'est pas la même. L'illustration A coutera plus cher que la B.
Il est donc intéressant et judicieux d'optimiser votre fichier avant de le mettre en ligne. Si vous désirez un plan de pose pour l'ensemble avec la bonne disposition, après validation de la commande, envoyez moi votre fichier global avec la bonne disposition.
Il est également évident que le carré gris sur l'illustration n'est pas à mettre dans le fichier. Il ne ferait qu'augmenter la surface et ajouterait un élément supplémentaire dans le calcul du prix.

6 - Vos interrogations, critiques, remarques seront les bienvenues et me permettront d'aller de l'avant.

Afin d'améliorer cette boutique et de la rendre la plus simple à utiliser, en cas de problème sur l'envoi de fichiers pour la réalisation de votre enseigne, n'hésitez pas à me contacter par téléphone ou mail afin que je puisse trouver une solution.

Si vous trouvez cet outils pratique et facile à utiliser, vous pouvez également me le dire ;)

7 - Des vidéos pour créer et exporter vos fichier en SVG, moins difficile à lire ;)

Avec Adobe Illustrator, voici un exemple pour créer et surtout exporter au format SVG.
Vous pouvez aller directement à 7:03 minutes de la vidéo. "Renommer le calque"

Avec Canvas Workspace, Inkscape, en ligne avec Convertio ➛ Créer et convertir des fichiers au format SVG

Convertissez vos images PNG en images SVG à l'aide d'Adobe Illustrator

8 - Voici également comment exporter un fichier SVG depuis Adobe Illustrator

Pour enregistrer votre illustration au format SVG, choisissez Fichier > Exporter > SVG (. svg). Sélectionnez l'option Utiliser les plans de travail pour exporter le contenu de vos plans de travail sous forme de fichiers SVG distincts. Cliquez sur Exporter pour accéder à la boîte de dialogue Options SVG

➤ Exportation de contenu SVG de qualité (source Adobe)

➤ Enregistrement d’une illustration au format SVG (source Adobe)

➤ 3 façons de convertir Ai en SVG que vous devriez essayer

➤ Exportation des SVG à partir d’Illustrator

A savoir aussi.

Le format SVG est un format d'image vectorielle universel (cela signifie qu'il n'est pas propriétaire et lié à un logiciel en particulier, plusieurs logiciels peuvent l'utiliser car c'est un standard normalisé).

L'intérêt est de pouvoir utiliser des éléments créés avec Illustrator dans d'autres logiciels comme Inkscape (un logiciel libre d'édition d'image vectorielle). Par contre l'inconvénient est que ce format ne permet pas de stocker toutes les subtilités d'un document Adobe Illustrator, on peut perdre des fonctionnalités.

Pour exporter en SVG dans Illustrator, ouvrez votre document, et allez dans Fichier > Enregistrer sous. Dans la liste déroulante Type, choisissez SVG (*.SVG), puis cliquez sur le bouton Enregistrer.

La fenêtre Options SVG s'affiche alors.

Elle vous permet de définir différents paramètres d'enregistrement.