Création de feuilles d'autocollants avec CSP et Inkscape

1 515

LizStaley

LizStaley

Bonjour! Je m'appelle Liz Staley et j'utilise Clip Studio Paint de longue date (j'ai commencé à utiliser le programme à l'époque où il était connu sous le nom de Manga Studio 4 !). J'ai été bêta-testeur du programme Manga Studio 5 et de Clip Studio Paint, et j'ai écrit trois livres et plusieurs cours vidéo sur le programme. En fait, beaucoup d’entre vous connaissent probablement mon nom grâce à ces livres. J'écris des articles hebdomadaires sur Graphixly.com et sur CSP Tips, alors assurez-vous de revenir chaque semaine pour en savoir plus sur Clip Studio !

 

Les autocollants restent un produit très populaire auprès des artistes. Cependant, parfois, le processus de création d'un fichier d'autocollants peut être très déroutant, même avec les nouvelles applications et sites d'impression disponibles ! Vous rencontrerez peut-être un fabricant que vous souhaitez utiliser pour vos autocollants et qui vous oblige à soumettre une ligne de découpe vectorielle pour vos autocollants. Mais comment diable pouvez-vous faire cela sans un logiciel vectoriel coûteux ?! Dans cet article, nous allons passer en revue le processus de création d'une feuille d'autocollants découpés avec plusieurs autocollants, puis nous allons facilement créer une ligne de découpe vectorielle dans un programme appelé Inkscape.

 

Dans cet article, nous aborderons les sujets suivants :

Configuration des illustrations dans Clip Studio Paint

Création d'un chemin de ligne de coupe dans Inkscape

Commençons!

 

 

Configuration des illustrations dans Clip Studio Paint

La première chose que nous devrons faire est de configurer notre fichier de feuille d’autocollants dans Clip Studio Paint. Si vous envoyez vos autocollants à un fabricant, assurez-vous de vérifier ses exigences en matière de fichier avant de créer votre fichier. Certains fabricants proposent même des fichiers modèles que vous pouvez télécharger pour leurs différents produits et qui sont déjà configurés avec des guides et des instructions.

 

                                                  + Pour cette démonstration, je vais créer un document qui fait la moitié d'une feuille de papier au format US Letter, avec fond perdu de 5 pouces.

 

J'ai créé un nouveau document dans Clip Studio Paint avec des dimensions de 6 x 9 pouces et à 350 dpi. Toutes les images que vous souhaitez imprimer doivent être d'au moins 300 dpi pour garantir un résultat net et beau !

 

 

Ensuite, je souhaite configurer des guides pour la zone de fond perdu afin de pouvoir être sûr que toutes mes illustrations et éléments importants (tels que le texte !) ne sont pas trop proches du bord où ils pourraient être coupés lors du processus de finition. Afin de placer avec précision mes guides, j'ai activé la Grille en allant dans Affichage - Grille.

Lors de la configuration de mon fichier, j'ai ajouté 0,5 pouce à la largeur et à la hauteur que je souhaite pour mon produit final. Cela signifie que nous devons retirer 0,25 pouce de chaque côté pour notre bordure de fond perdu. Avec la façon dont ma grille est configurée dans mes préférences CSP, cela signifie que je dois définir mes guides à un carré de chaque bord !

 

Pour accéder à l'outil Guide, cliquez sur le groupe d'outils Règle, puis sélectionnez le sous-outil Guide.

 

 

Cliquez et faites glisser pour créer un guide horizontal ou vertical le long de la grille. Le sous-outil Guide n'ira qu'exactement horizontal ou exactement vertical, ce qui en fait un excellent outil à utiliser pour ce processus ! (Comme vous pouvez le voir dans l'image ci-dessous, j'ai également ajouté un calque d'arrière-plan pour ma feuille d'autocollants et je l'ai rempli d'un dégradé coloré afin de pouvoir voir ma grille plus facilement !)

Les lignes directrices violettes montrées dans l’image ci-dessous sont nos marges. Vous pouvez maintenant désactiver votre grille si vous n'en avez plus besoin en cliquant à nouveau sur Afficher - Grille ou la conserver pour vous aider à aligner les éléments de vos autocollants si vous le souhaitez.

Vous pouvez soit dessiner votre autocollant directement dans ce document, soit ajouter l’art que vous avez créé précédemment. Je recommande d'enregistrer toute œuvre d'art que vous créez à cet effet sous forme de fichier .PNG avec un arrière-plan transparent. Pour ajouter un fichier que vous avez enregistré, cliquez sur Fichier - Importer - Image.

Accédez à l'endroit où vos fichiers sont enregistrés et choisissez-en un à importer, puis cliquez sur Ouvrir.

Faites cela avec toutes les images que vous souhaitez ajouter à votre feuille d'autocollants. Redimensionnez-les, faites-les pivoter et repositionnez-les selon une mise en page que vous aimez. Ensuite, vous pouvez soit combiner tous les autocollants en un seul calque (sans aucune image d'arrière-plan), soit placer tous vos calques de conception dans un seul dossier. J'ai décidé de mettre mes six modèles d'autocollants dans un seul dossier.

Sélectionnez le calque combiné ou le dossier de calques pour vous assurer qu'il est actif dans la palette des calques. Ensuite, faites un clic droit et accédez à Sélection à partir du calque - Créer une sélection.

Vous devriez maintenant avoir une sélection autour de l’extérieur de tous vos modèles d’autocollants.

Dans la barre de sélection en bas de la sélection, cliquez sur l'icône « Développer la zone sélectionnée ».

Nous allons réaliser la bordure qui entourera les autocollants une fois découpés. L'épaisseur de cette bordure dépendra de vos goûts personnels, mais je recommanderais environ 1 mm pour commencer. Vous voulez le rendre suffisamment épais pour que s'il y a un léger désalignement dans l'impression et la découpe, l'autocollant soit toujours utilisable. J'ai également utilisé l'option arrondie « Type d'extension ».

Cliquez sur OK pour étendre la sélection, puis créez un nouveau calque raster et placez-le derrière vos dessins d'autocollants. Remplissez la sélection avec l'option de remplissage du seau dans la barre de sélection. La couleur n'a pas d'importance pour le moment, j'ai utilisé du blanc au début, mais j'ai ensuite changé pour un bleu vif plus tard pour qu'il soit plus facile de voir où se trouverait la ligne de coupe.

Une fois votre sélection remplie sur le nouveau calque, appuyez sur Désélectionner (ou Ctrl+D sur le clavier) et vérifiez les zones remplies. J'ai recherché des trous dans le remplissage ou des zones qui seraient très délicates sur un autocollant et je les ai remplis avec un outil stylo afin qu'ils n'aient pas de ligne de coupe plus tard et que l'autocollant soit plus facile à décoller de la feuille et moins susceptible de se déchirer.

Une fois que vous avez rempli les trous autour des contours de vos autocollants, effectuez le même processus de sélection à partir du calque et d'extension sur un autre calque situé sous le calque que nous avons créé précédemment. Ce sera l'espace blanc autour de vos créations sur la feuille d'autocollants. Dans la capture d'écran ci-dessous, la zone blanche indique la distance entre « l'espace de sécurité » blanc autour de mes autocollants, et le bord de la zone bleu vif sera la ligne de coupe de l'autocollant.

Il nous faut maintenant exporter nos différents éléments vers des images séparées ! Si vous faites appel à un fabricant, vous souhaiterez vérifier quels formats de fichiers il accepte. J'ai exporté quatre fichiers .PNG pour cet exemple : l'arrière-plan dégradé, le calque de conception d'autocollants, le calque d'espace blanc et le calque de ligne de coupe. Pour exporter chacun individuellement, j’ai simplement masqué les calques que je ne voulais pas enregistrer et j’ai exécuté le processus d’exportation quatre fois.

Nous pouvons désormais créer une ligne de découpe vectorielle dans un autre programme, tel qu'Adobe Illustrator. Dans la section suivante, nous allons utiliser Inkscape pour créer notre vecteur, alors continuez à lire !

Création d'un chemin de ligne de coupe dans Inkscape

Bien que Clip Studio Paint soit capable de créer des images vectorielles, il n'a actuellement pas la possibilité d'exporter une création vectorielle dans un format qu'un autre programme vectoriel pourrait modifier. Pour cette raison, nous ne pouvons pas créer une ligne de coupe vectorielle dans CSP, puis l'exporter sous forme de fichier .SVG ou quelque chose de similaire. En raison de cette limitation, j'utiliserai Inkscape pour créer la ligne de découpe de la feuille d'autocollants. Inkscape est un programme graphique open source 100 % gratuit qui peut fonctionner avec une variété de formats de fichiers et qui possède des fonctionnalités d'édition vectorielles assez intéressantes.

 

Créez un nouveau document dans Inkscape, puis accédez à Fichier - Propriétés du document. C'est ici que nous pouvons définir les dimensions de notre fichier, que je vais rendre identiques à celles du fichier que nous avons créé plus tôt dans CSP. Fermez la fenêtre Propriétés du document une fois que vous avez défini vos dimensions et appuyé sur Entrée.

 

 

Pour importer les images que nous avons réalisées dans Clip Studio Paint, cliquez sur Fichier - Importer. Accédez à l'endroit où vos fichiers sont enregistrés. Cliquez sur celui que vous souhaitez importer, puis cliquez sur Ouvrir pour l'introduire dans votre canevas Inkscape.

J'ai fait cela avec les quatre fichiers que j'ai enregistrés à partir de Clip Studio Paint. Ensuite, pour m'assurer que tous mes calques étaient alignés, j'ai cliqué sur l'onglet « Calques et objets » en haut à droite d'Inkscape, puis j'ai cliqué sur l'un des noms de calque et j'ai maintenu la touche MAJ de mon clavier tout en cliquant sur une autre couche.

Cliquez sur l'onglet Aligner et distribuer en haut de la fenêtre de droite. Cliquez ensuite sur « Aligner les centres horizontaux » et « Aligner le centre vertical » pour aligner tous les calques sélectionnés afin qu'ils soient parfaitement empilés.

Nous pouvons maintenant prendre notre calque de lignes de coupe et le convertir en ligne vectorielle. Revenez à la vue Calque et sélectionnez le calque contenant les formes découpées.

En haut de la fenêtre Inkscape, cliquez sur Path - Trace Bitmap. Dans les options Trace Bitmap, définissez le mode de détection sur « Détection de bord ». Vous devriez voir un aperçu de vos lignes vectorielles (les contours de vos autocollants !) dans la section Aperçu. Vous pouvez ajuster les autres paramètres dans cette fenêtre si vous le souhaitez, mais j'ai trouvé le mien superbe tel quel !

Cliquez sur « Appliquer » en bas de la fenêtre Trace Bitmap pour terminer la trace vectorielle. Vous devriez maintenant avoir un autre calque appelé « Chemin » dans votre liste de calques.

Ce calque de chemin est la ligne vectorielle dont nous avons besoin pour découper nos autocollants. Vous pouvez maintenant désactiver le calque que nous avons créé dans CSP pour tracer si vous souhaitez afficher la ligne de coupe avec uniquement la zone blanche autour des autocollants.

Nous pouvons même apporter des ajustements à la ligne de coupe si nécessaire en sélectionnant le chemin et en déplaçant les points vectoriels. J’étais satisfait du résultat de mes lignes et je n’ai fait aucun ajustement.

Si vous avez uniquement besoin d'exporter la couche de chemin sous forme de fichier vectoriel (tel qu'un fichier .SVG), cliquez sur Fichier - Exporter, puis dans les options d'exportation, cochez la case indiquant « Exporter la sélection uniquement » lorsque vous êtes sur la couche de chemin. . Vous pouvez maintenant définir le format de fichier en bas de l'écran, puis cliquer sur Exporter et choisir où enregistrer votre fichier vectoriel.

Vous pouvez désormais envoyer vos fichiers au fabricant de votre choix ou les utiliser avec un cutter domestique comme avec un Cricut.

Conclusion

Bien que la production d'autocollants ait parcouru un long chemin au cours des dernières années et que la nécessité d'inclure les lignes de découpe vectorielles soit moins courante désormais, vous pouvez parfois rencontrer ce scénario et devrez peut-être être en mesure de le faire ! Heureusement, ce n’est pas un processus difficile une fois que vous connaissez quelques étapes et quels programmes utiliser !

Pour plus d'informations sur CLIP Studio Paint, veuillez visiter https://www.clipstudio.net/en ou https://graphixly.com

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel