De plat à empilé ! Créer des découpes de papier à plusieurs couches à partir de fichiers SVG à une seule couche

1. De plat à empilé - Introduction: J'adore le papier découpé en couches, et j'en ai certainement acheté quelques-uns. Mais j'ai aussi beaucoup de fichiers SVG monocouche qui, à mon avis, seraient magnifiques sous forme de papier découpé en couches J'ai découvert comment séparer un SVG à couche unique en plusieurs couches pour créer de magnifiques découpes de papier empilées Et dans ce cours, je vais vous montrer comment faire. À la fin du cours, vous devriez être capable de transformer n'importe quelle illustration SVG de plate en illustration empilée, ouvrant ainsi un tout nouveau monde de possibilités pour votre bibliothèque SVG 2. Outils et fournitures: Bonjour et bienvenue en classe. Je suis tellement contente que tu aies décidé de t'inscrire. Pour terminer ce cours, vous devez donc avoir accès à un programme graphique. J'utilise également Affinity Designer, mais vous pouvez également utiliser Affinity Photo ou Photoshop, inscape ou quelque chose de similaire Tant que le logiciel que vous souhaitez utiliser est capable de gérer des fichiers vectoriels et de gérer des groupes et des couches, vous devriez être en mesure de suivre. Une fois que vous avez créé vos différentes couches de papier découpé, vous voudrez peut-être les tester. Et si c'est le cas, vous devrez avoir accès à une machine de découpe numérique. Par exemple, un grillon ou une coupe scannée, une silhouette. Ou Glow Forge ou autre machine de découpe laser. N'oubliez pas que si vous utilisez une silhouette, SVG ne sont compatibles qu'avec Silhouette Designer Edition Vous aurez évidemment besoin de matériel pour découper, par exemple du papier cartonné ou du contreplaqué, et vous aurez besoin colle pour coller toutes les couches ensemble et assembler le motif final. 3. Préparer le SVG: La première chose à faire est de créer un nouveau document. Je vais créer un nouveau fichier, puis ici, je vais choisir des pouces 12 par 12 pouces, et je vais créer un plan de travail. Je choisis 12 par 12 parce que c'est la taille du tapis de découpe de ma machine de découpe. Évidemment, si vous avez un tapis de taille différente, vous pouvez ajuster les dimensions en conséquence. La couleur n'est pas si importante pour cela, car nous n'imprimons pas. Mais je vais sélectionner un arrière-plan transparent, puis tout le reste désactivé, les marges supprimées, pas de saignement et je ne changerai rien à voir avec l'échelle et la création Voici notre plan de travail. L'une des raisons pour lesquelles j'aime les plans de travail est que lorsque vous déplacez des éléments de cette toile, cet espace de travail, vous pouvez toujours les voir. Si vous n'avez pas de plan de travail. Toute cette zone devient masquée et vous ne pouvez pas voir ce que vous déplacez. C'est une préférence personnelle et je pense que cela facilite simplement les choses lorsque vous travaillez avec plusieurs fichiers. Maintenant, nous devons ouvrir notre papillon. Choisissons simplement le numéro un. C'est sympa. Maintenant, si je modifie, copiez-collez, je vais simplement le redimensionner Jetons un coup d'œil dans le panneau des calques. Pour une raison ou une autre, il a été imbriqué dans ces multiples groupes Débarrassons-nous de ceux-là. C'est vrai. Et ici, l' essentiel est que vous puissiez voir qu'il s'agit d'une forme unique. Le SVG est donc traité comme une forme unique. Nous devons séparer toutes ces zones en couches. Donc, si vous cliquez sur la note, ou si vous voyez que tous les nœuds sont surlignés, cela signifie qu'elle agit comme une seule forme. Donc, pour diviser la forme, permettez-moi de modifier légèrement la taille. C'est vrai. Pour diviser la forme, mettez-la en surbrillance. Cliquez avec le bouton droit sur Sélectionner la géométrie. Vous pouvez choisir de diviser ou de séparer les courbes. Tout aboutit au même résultat. Une fois que cela se produira, vous verrez maintenant que toutes ces couches supplémentaires sont apparues dans le panneau des couches. Passons simplement au remplissage et rendons-le transparent, puis cliquons sur le trait et ajoutons un trait. Je vais l'augmenter à 0,5 juste pour le rendre visible. Maintenant, si je clique dessus, vous pouvez voir que toutes ces choses sont désormais individuelles. Cela facilite grandement la création de nos couches de découpe séparées. 4. Colorer l'image: L'étape suivante consiste donc à ajouter de la couleur. À ce stade, les couleurs que vous choisissez n'ont aucune importance Ce qui compte ici, c'est la distribution des couleurs afin d'obtenir un bon équilibre. Et cela nous aidera également à visualiser les couches beaucoup plus facilement s'il y a de la couleur. La première étape consiste à isoler la base. Assurez-vous que cette forme se trouve toujours juste en bas. Sinon, vous ne pourrez pas accéder aux formes situées en haut. Vous pouvez le faire en vérifiant dans le panneau des couches, vous assurant que c'est le dernier élément de la liste. Et si ce n'est pas le cas, surlignez-le , puis accédez à votre outil d'alignement et vous pouvez appuyer sur Déplacer vers l' arrière ou vous pouvez cliquer avec le bouton droit faire une plage et vous déplacer vers l'arrière. Maintenant, nous ajoutons de la couleur. Assurez-vous que votre fond est sélectionné et non votre trait. Maintenant, quand je vais le remplir, je vais juste faire un contour noir. Vous pouvez voir que ces zones disparaissent et c'est parce qu'elles sont transparentes. Afin de nous assurer que nous pouvons réellement voir ce qui se passe, ils ne formeront pas une couche. Nous ne les inclurons pas dans une couche. C'est uniquement à des fins visuelles. Je vais les couvrir de blanc pour que nous puissions toujours voir tout ce qui se passe. Comme je l'ai dit, ne vous inquiétez pas pour la palette de couleurs. L'important est de voir s'il y a un équilibre. Bonne répartition des couleurs sur la forme, comme vous le souhaitez. Tu sais quoi, en fait. Je n'aime pas le fait d'être sur le même plan, je veux que ça soit différent. OK, je pense que je préfère son apparence. 5. Créer les couches: Pour les séparer en couches à découper. Cliquez sur une forme ou dans le panneau des couches, cliquez sur une forme. Sélectionnez la couleur de remplissage, et la même couleur de remplissage sera sélectionnée pour cette forme, puis nous pourrons les regrouper et je les appellerai bleu. Maintenant, soyez prudent lorsque vous faites cela. Si vous l'avez reproduit , par exemple, vous avez deux copies de ce papillon coloriées et que vous la sélectionnez, la même couleur sera sélectionnée dans l'ensemble du document Si cela se produit, si vous avez plusieurs formes de la même couleur dedans. Accédez simplement au panneau des couches et masquez celles qui ne vous intéressent pas temporairement afin pouvoir jouer avec la forme sur laquelle vous travaillez. Il suffit de le refaire, de sélectionner la même couleur de remplissage, regrouper, et je l' appellerai violet. Vous allez faire de même avec le vert, sélectionner la même couleur de remplissage, le regrouper et l'appeler vert. Frayez-vous un chemin parmi les différentes couleurs que vous avez sélectionnées. OK. Ensuite, les seules formes restantes sont celles-ci et la base. Nous allons les assembler parce que nous devrons les couper en même temps. Et je vais appeler cette base. Nous avons maintenant nos couches séparées. Ce que nous pouvons faire ici, c'est regrouper le tout, et ce sera notre dernière couche. Ai-je dit que nous avions une, deux, trois, quatre, cinq, six, sept couches au total. Ce sera en fait notre septième couche. Nous allons le déplacer ici. Dupliquez ça. J'appuie sur Ctrl, puis je clique et je fais glisser. Vous pouvez effectuer le contrôle C, le contrôle V, vous pouvez modifier, copier et coller, ou vous pouvez appuyer sur le contrôle J pour dupliquer la couche. Celui avec lequel tu es le plus à l'aise. La première chose que nous allons faire alors est de supprimer tout ce qui n'est pas la base. Toutes les couches ne constituent pas la base. Ensuite, vous allez appeler cette couche 1. Ensuite, dupliquez cette couche. Lorsque vous séparez vos couleurs en couches, réfléchissez donc séparez vos couleurs en couches, réfléchissez l'ordre dans lequel vous souhaitez que les couches apparaissent. Les objets que vous avez coupés en premier apparaîtront plus près du bas. Les objets que vous avez coupés dernier apparaîtront plus près du haut. Pour une forme de papillon comme celle-ci, ce n'est pas nécessairement important, car il s'agit d'un arrangement aléatoire. Mais si, par exemple, vous créez un bouquet de fleurs et que vous avez des feuilles en forme de feuilles derrière les fleurs, vous devriez d'abord les couper puis couper les fleurs pour obtenir le type, euh, donner une représentation précise de la profondeur. Revenons-en à la séparation. Je pense que je vais travailler en plaçant ces couches vers le bas, puis en les plaçant plus près du haut. Ma première couche sera le violet. Ici, il suffit d'étiqueter cette couche deux. Je vais supprimer tout ce qui n'est pas la base et le violet. Alors ce que nous avons ici est la couche violette. Si vous imaginez que cette couche serait violette, vous la placez sur le dessus et vous découpez ces éléments, ce qui fait apparaître le violet en dessous. C'est ainsi que cela fonctionne. Revenez ensuite à notre forme d'origine, faites-en une copie. Cette fois, je vais passer à la couche suivante, que je pense que je vais faire en vert. Je vais donc supprimer tout ce qui n'est pas la base, donc supprimer tout ce le violet ou le vert. Ensuite, nous continuons ainsi jusqu'à ce que nous ayons parcouru toutes les couches. N'oubliez pas de renommer vos couches au fur et à mesure afin de pouvoir suivre leur contenu. J'ai fait le violet sur le vert et la prochaine couche que je vais révéler est le rose Je vais donc supprimer tout ce qui ne l'est pas. Base, violette, verte ou rose. Et encore une fois, je vais faire de l'or ensuite. Il suffit de lire cette cinquième couche. Je vais faire de l'or. Ensuite, je vais supprimer le jaune, le bleu, laisser le doré, le rose, le violet, le vert à la base. Ensuite, pour l' avant-dernière couche, répétez cette opération une fois de plus. C'est ce que j'appelle la couche six. Je vais supprimer le jaune. Dans la couche 7 de découpe finale, je vais exposer le jaune et notre fichier de découpe sera complet. Je ne peux pas tous les mettre sur le plan de travail tels quels. Ce n'est pas si critique parce que nous allons les exporter un par un. Mais si vous vouliez tout avoir sur le plan de travail, il s'agirait évidemment d'une simple question de redimensionnement Assurez-vous de tout surligner en même temps afin de pouvoir redimensionner et tout adapter au plan de travail. Pour Shift afin de conserver le rapport hauteur/largeur. 6. Traiter des éléments isolés: OK, donc je voulais juste vous montrer comment créer papier découpé en couches lorsque vous avez des éléments autoportants. Par exemple, il s'agit du papillon 2 de la série de papillons, et c'est ainsi que cela se produit. Maintenant, je viens d'ajouter ces éléments supplémentaires. Vous pouvez voir qu'ils ne sont pas attachés au papier découpé principal. Si je devais le découper, il sortirait en une seule pièce, puis je les aurais tous séparés. Comment les rendre visibles ? Pour ce faire, vous devez suivre la même technique. Tout d'abord, la première étape consiste à isoler tous ces éléments comme nous l' avons fait précédemment, ce que j'ai déjà fait ici. Ensuite, allez-y et coloriez votre design. OK, maintenant que le papillon est coloré, vous devez regrouper les couleurs de la même manière que nous l'avons fait auparavant. Sauf cette fois, même si, par exemple, dans cet exemple, ces zones isolées et ces zones plus grandes qui font partie du dessin principal sont de la même couleur. Je vais les regrouper séparément. J'ai regroupé toutes mes pièces. Maintenant, je vais regrouper l' ensemble du papillon. Et emmenez-le ici , puis dupliquez le calque et commencez à séparer la forme en couches distinctes. Pour la première couche, laissez tout. Assurez-vous que ces formes ont la même taille à chaque fois. Pour ce qui est de l' emplacement de ces formes dans les formes, elles doivent d'abord être découpées. Ce n'est pas possible. Si je découpe d'abord une forme rose, je ne peux pas ensuite découper une forme verte. Je ne peux pas ensuite ajouter une couche verte. Chaque fois que vous avez des formes dans des formes, les plus petites doivent d'abord être découpées. Je vais configurer cela sur la couche suivante. Ensuite, dans la couche suivante, cette couche trois. Je vais ensuite découper la couche rose. OK. Maintenant que nous avons découpé ces zones initiales, nous n'avons plus besoin de les inclure dans les autres couches que nous découperons désormais. Dès que nous aurons coupé cette couche plus grande, elle exposera automatiquement le vert. Dès que nous aurons coupé cette plus grande couche verte ici, elle exposera automatiquement le rose. Il n'est plus nécessaire d'ajouter des lignes de découpe pour ces zones à l'heure actuelle. Il n'y a aucun mal à cela. Ça ne va rien gâcher. C'est juste que cela vous fera gagner du temps si vous n' avez pas à le faire parce que c'est inutile. Dès que j'aurai coupé ce rose, il exposera le vert, donc je pourrai le supprimer. Je ne vais pas encore couper la couche extérieure de ces liens inférieurs, donc je vais les laisser ici. Maintenant que je vais couper le vert, je peux supprimer le rose intérieur. À partir de maintenant, je peux simplement ignorer complètement ces deux couches tant que celles-ci sont exposées. Nous y avons toutes nos couches. Je vais les supprimer, puis je vais vous montrer les résultats dans un instant. 7. Exporter les calques: Maintenant que vous disposez de vos couches distinctes, il est temps de les exporter. Cliquez sur le groupe de couches correspondant. Accédez ensuite à Fichier, Exporter, sélectionnez SVG dans la liste déroulante en haut et choisissez la sélection uniquement dans le champ de zone Cliquez sur Exporter et enregistrez le nom du fichier et l' emplacement de votre choix. Répétez le processus pour toutes les couches. Vous pouvez également exporter toutes les couches en une seule fois. S'ils tiennent tous sur un plan de travail, accédez à Exportation de fichiers et sélectionnez Plan de travail dans le champ de zone. Si toutes les couches ne se trouvent pas sur un même plan de travail, mettez-les toutes en surbrillance, puis accédez à Fichier, Exporter et sélectionnez la sélection uniquement dans le champ de zone 8. Exporter les calques en utilisant l'outil Exporter Persona (Affinity Designer uniquement): Alors maintenant. Pour exporter, nous pouvons le faire facilement en une seule fois en accédant au personnage Export Si vous allez dans ce coin supérieur gauche, cliquez sur Exporter des personnages, ou vous pouvez sélectionner Fichier des personnages et accéder à Ce que vous pouvez faire ici maintenant, c'est l' exporter au format SVG. Vous pouvez exporter le tout en une seule fois, ou vous pouvez les exporter séparément. Pour les exporter séparément, il suffit d'aller ici, cet outil de découpe, qui est déjà en quelque sorte une sélection par défaut. Tracez une tranche autour de votre forme. Essayez de le faire dans l'ordre dans lequel vous avez créé les couches car cette tranche sera automatiquement appelée « tranche 1 ». Coupez-en deux, il les nommera dans l'ordre dans lequel vous les avez écrits. Donc, si vous le faisiez en premier, ce serait la tranche 1. En fait, c'est le dernier. Cela pourrait juste prêter à confusion. Donc, par souci de clarté, essayez de les faire dans l'ordre dans lequel vous souhaitez les couper. Trancher un, trancher deux. Maintenant que vous créez la tranche, vous voyez ici format dans lequel elle va être exportée. Je ne veux pas que ce soit un PNG. Je veux que ce soit un SVG et il en va de même pour la tranche 1. Vous pouvez voir ici comment celui-ci va se chevaucher. Donc ce que je vais faire, c'est juste essayer de le faire entrer. Si vous trouvez que cela se chevauche toujours, vous pouvez toujours revenir à votre personnalité de designer et modifier un peu les choses Je vais juste le déplacer un peu vers le bas. Si je reviens à l'export, cela ne devrait pas poser de problème, alors je ferai la dernière tranche. Maintenant, vous pouvez voir que tout sauf un et deux sont des PNG Je vais simplement sélectionner ces diapositives deux, trois à sept et m' assurer que le format de fichier est SVG si vous souhaitez exporter le plan de travail, assurer qu'il s'agit également d'un SVG, puis vous pourrez exporter Il vous demandera de créer un dossier. Je suis dans le fichier, j'ai créé un dossier appelé multicouche. C'est Butterfly One. Je vais créer un nouveau dossier appelé one, puis tout exporter dedans. Ensuite, lorsque vous viendrez ici, vous verrez que toutes vos tranches sont disponibles. Maintenant, vous pouvez les intégrer dans n'importe quel logiciel que vous avez pour votre machine de découpe. 9. Tester vos calques: Maintenant que vous avez créé vos couches, vous pouvez les importer dans le logiciel que vous utilisez pour votre machine de découpe. J'utilise Brother Canvas Workspace. Cliquez simplement sur l'icône SVG sur la gauche et importez le fichier Maintenant, pour une raison ou une autre, lorsqu'il est importé dans l'espace de travail Canvas, il est vraiment assez petit. Et aussi, ce n'est pas le cas. Il a dissocié toutes les couches. La première chose à faire est donc de le regrouper. Vous pouvez le faire en appuyant sur Ctrl G ou en accédant au calque ou en accédant au calque , puis en le groupant, puis je vais le redimensionner pour qu' il corresponde à la taille que je souhaite découper, ce que je vais faire 150 millimètres. Assurez-vous donc que lorsque vous importez vos formes dans le programme que vous utilisez, si vous en redimensionnez une, assurez-vous de les redimensionner toutes exactement dans les mêmes proportions Regroupez-le et définissez la taille sur 180. Vous pouvez supprimer le remplissage si vous le souhaitez, car cela n'a pas importance, car vous n' avez que le contour des lignes de découpe. Si vous le superposez , vous pouvez le voir. Ensuite, vous pouvez continuer à le faire pour chaque couche, puis les envoyer au fichier de votre machine pour les découper. Dans Canvas, vous pouvez exporter ou transférer des fichiers . Il convient également de noter que, hum, si vous exportez maintenant ces formes sous forme de fichier FCM, qui est le format de fichier propriétaire de Brother, prochaine fois que vous l'utiliserez, elles seront déjà groupées et, seront déjà évidemment, quelle que soit la taille sous laquelle vous les exportez Je vais donc continuer sur cette voie, puis envoyer les fichiers à ma machine de découpe, puis j'assemblerai les pièces et je vous montrerai le résultat final. Pour importer votre fichier, cliquez sur Nouveau projet, puis dans le coin inférieur gauche, cliquez sur Télécharger. Ensuite, téléchargez l'image, puis vous pouvez sélectionner votre fichier. Nous allons donc utiliser le SVG que nous avons créé. Cliquez ensuite sur Continuer, puis sur Télécharger. Vous pouvez également ajuster l'ajout de détails à l'image et d'autres éléments si vous souhaitez à ce stade, mais je ne vais pas m'embêter. Lorsqu'il est chargé sur le tapis, il peut être assez petit, auquel cas vous devrez le redimensionner Il est donc déjà pré-groupé Vous pouvez donc utiliser manuellement les poignées pour augmenter la taille ou saisir les dimensions. Le cricket regroupe donc automatiquement toutes les couleurs en couches. Vous verrez donc ici à droite que si vous cliquez sur une couche, vous avez, par exemple, tous les jaunes sont regroupés Et puis tous les bleus sont regroupés. Cela signifie donc que vous n'avez pas à effectuer toutes les étapes précédentes dans Affinity Designer. Tout ce que vous avez à faire est de séparer le SVG et la couleur dans la version finale, si vous le souhaitez, et d'exporter uniquement cette dernière couche n'est pas nécessaire d'exporter manuellement toutes les couches séparément car vous pouvez le faire ici, dans l'espace de conception de cricket. Donc, vous devez d'abord couper votre couche de base en désactivant toutes les autres couches et en laissant simplement la base, puis vous coupez la première couche, couche deux, la troisième, dans l'ordre dans lequel vous avez décidé les découper, vous savez, en utilisant le symbole de l'œil pour gérer la visibilité. De cette façon, vous pouvez créer les couches, mais vous n'avez pas à les exporter. Vous n'avez pas besoin de six ou sept fichiers différents. Vous pouvez tout faire avec un seul fichier tant que vous l'avez coloré avant de l' importer dans Cricket Design Space. Oh, voici le papillon terminé. Vous pouvez voir toutes les couches. J'ai opté pour une palette de couleurs complètement différente de celle que j'ai utilisée pour colorer mon papillon dans Affinity Designer, juste pour montrer que tout dépend de la distribution et du regroupement des couleurs, et non des couleurs elles-mêmes. Si vous n'aimez pas la façon dont les couleurs jouent les unes avec les autres, vous pouvez changer cela. Voici donc toutes les couches. Vous pouvez voir que tous ces bits flottants internes ont été préservés. Dans cette version. Je ne l'ai pas collé ensemble parce que je voulais vous montrer le dernier exemple que j'ai fait, je ne vous ai pas montré les couches, juste pour vous montrer les différentes couches. Dans cet exemple, j'ai utilisé le rose deux fois, mais comme je les ai fait séparément, cette deuxième couche rose peut être de n'importe quelle couleur. Je pense que c'est un très bel exemple de la façon dont on peut partir de là. À cela. 10. Projet de cours et inspiration: Enfin, je voulais juste vous montrer quelques exemples d'autres fichiers SVG monocouche que j' ai modifiés et transformés en papier découpé en couches C'était la toute première fois que j'ai essayé de découper un papier en couches à partir d'un fichier monocouche. Il était posé sur une étagère ou, tu sais, dans une boîte quelque part, c'est pourquoi il est un peu délabré, mais c'est juste que c'est tellement mignon. Et puis il y a eu cet exemple. Je l'ai donc d'abord essayé comme ça, mais j'ai découvert que j'avais utilisé une couleur foncée sur le fond. Les feuilles n'ont donc pas vraiment éclaté, et certaines choses étaient assez petites. J'en ai donc augmenté la taille et j'ai simplement changé comme dans l'ensemble. J'ai utilisé cette magnifique peinture à paillettes sur les différentes couches, qui ressort vraiment beaucoup et j'ai utilisé du blanc au lieu du J'adore ça. Et puis voici une paire de boucles d'oreilles que j'ai fabriquées selon le même principe. Il ne s'agit donc que de trois couches. J'ai peint chaque couche avec cette peinture à paillettes puis j'ai ajouté un cerceau à boucles d'oreilles . Ils sont vraiment mignons. J'adore ces boucles d'oreilles. Je les porte tout le temps. s'agissait d'un projet beaucoup plus Il s'agissait d'un projet beaucoup plus ambitieux car de nombreux éléments n'étaient pas attachés au design principal, comme ces embouts isolés, et certains étaient attachés à l'embout principal mais pas aux autres. J'ai dû apporter quelques modifications. Mais je trouve que ça s'est avéré vraiment charmant. J'adore ça. Je pense que c'est vraiment dramatique. C'est probablement l'une de mes activités préférées. Encore une fois, vous pouvez voir les couches s' y trouvent et leur dimension. Enfin, l'un des autres papillons du set avec lequel nous travaillons. Il s'agit en fait du même type de design que celui-ci. Je me demande si j'ai par inadvertance regroupé toutes les couleurs de la même manière. Pas tout à fait. Je pense que j'ai divisé ces zones. Alors voilà. Cela montre simplement que vous pouvez arranger les couleurs différemment, comme vous le souhaitez. C'est bon. Eh bien, voilà. Nous sommes arrivés à la fin. J'espère que cela vous a incité à essayer, à découvrir certains de ces vieux fichiers SVG monocouche et à leur donner une nouvelle vie sous forme de magnifiques découpes de papier multicouche colorées Voilà donc en quoi consiste votre projet. Vous pouvez utiliser l'un des papillons du set que j'ai utilisé. Ou vous pouvez trouver quelque chose dans votre stock existant ou sur le site Web que vous aimez vraiment Allez-y, intégrez-le à votre programme graphique. Comme je l'ai déjà dit, j'ai utilisé un concepteur phonétique, mais tant que vous pouvez travailler avec des vecteurs, que le programme reconnaît le SVG et que le programme reconnaît le SVG vous pouvez travailler par couches, vous pouvez utiliser le processus que je vous ai montré pour créer vos couches individuelles et votre papier découpé en couches sur mesure Merci de publier vos projets. J'adorerais voir ce que les gens proposent et comment vous interprétez la tâche. Merci beaucoup de m'avoir rejoint et j'espère vous revoir bientôt.