Bonjour.
Salut à tous, bienvenue dans un autre de mes tutoriels. Le logiciel que j'utiliserai est bien sûr Clip Studio Paint (CSP) sur une tablette Samsung Galaxy Lite.
❤️ Concept derrière la création d'un motif sans raccord
Alors, voici une seule image à des fins de démonstration.
Ce sera mon motif, car c'est ce qui sera répété pour former le motif. Cependant, cela donnerait un motif simple et ennuyeux. Pour le rendre sans raccord, et donc plus intéressant, les bords du motif d'un côté doivent correspondre aux bords de l'autre côté de manière à ce qu'ils se connectent de manière transparente. Le haut doit correspondre au bas et la droite doit correspondre à la gauche. Lorsqu'ils sont répétés pour former le motif, il devrait être difficile de distinguer les bords (les raccords) de chaque motif.
Une fois répété, cela ressemble à ceci.
Pour le rendre sans raccord, je devrais déplacer les zones le long des bords vers le centre où elles sont connectées.
Cela ressemblerait à ceci.
Ensuite, j'ajoute au motif en dessinant sur cette nouvelle zone centrale. Le motif ressemble maintenant à ceci.
Je peux faire cela autant de fois que je le souhaite jusqu'à ce que je sois satisfait de l'apparence du motif.
Ceci est un motif tiré du Motif. Voyez comme il est maintenant sans raccord.
Dans CSP, je peux découper manuellement le motif et l'organiser de manière à ce que les zones le long des bords se trouvent maintenant au milieu, où j'ajouterais ensuite au motif pour le rendre sans raccord.
Cependant, c'est un processus fastidieux. D'autant plus que je devrais répéter ce processus plus d'une fois compte tenu du motif que j'ai en tête.
Heureusement, ce processus ne sera effectué qu'une seule fois, mais enregistré comme une Action Automatique dans CSP. Ensuite, chaque fois que j'aurai besoin de découper et de réorganiser le motif pour y ajouter des éléments, il me suffira de lancer cette Action Automatique qui le fera en un clin d'œil. Super ☺️
❤️ Configuration du fichier CSP pour l'Action Automatique
Mon motif sera carré, je crée donc un nouveau fichier CSP avec une largeur et une hauteur définies à 1 200 px.
Remarque, ma taille de toile n'a pas besoin d'être un carré. Elle peut être un rectangle et mon Action Automatique fonctionnera toujours, cependant, les tailles doivent être facilement divisibles par deux.
Le fichier CSP est créé avec deux calques, un calque Papier et un calque Raster vierge.
Je procède à la création d'un dossier en cliquant sur l'icône Nouveau dossier de calque dans la Palette des calques ou en allant dans le menu Calque > Nouveau dossier de calque.
J'ai donc maintenant trois éléments dans ma Palette de calques : un calque Papier, un calque Raster et un dossier de calques.
Le calque Papier ne sert à rien, mais si je devais créer un motif avec des parties transparentes, je veillerais à masquer ou à supprimer ce calque.
Maintenant, je déplace le calque Raster au-dessus du dossier de calques et je renomme également le dossier de calques en « Motif ». Je fais cela en double-cliquant sur le nom du calque, puis je le modifie à ma guise. J'ai également attribué une couleur au dossier de calques Motif pour une identification facile, c'est une habitude chez moi. Je me demanderais toujours lequel finirait par être le plus coloré une fois mon travail terminé, ma palette de calques ou l'image finale, lol.
Ensuite, j'ai passé à la création d'un guide. C'est là que la taille du canevas étant divisible par deux devient importante.
Je vais à l'outil Règle, puis je sélectionne le sous-outil Guide. Une fois sélectionné, je trace une ligne de guidage sur le canevas de droite à gauche.
J'ai ensuite cliqué dessus avec le sous-outil Objet, puis je suis allé à la palette Propriétés de l'outil pour définir la valeur du Centre Y à la moitié de la hauteur du canevas, soit 600 (1 200/2=600).
Cela coupe le canevas en deux avec la ligne de guidage, créant une section supérieure et une section inférieure.
Assurez-vous que l'Aimant vers la règle spéciale est activé.
Je sélectionne ensuite la couleur Noire et je renomme le calque Raster en « VERTICAL ».
Je sélectionne l'outil Sélection > sous-outil Rectangle.
Je l'utilise pour sélectionner la section supérieure en m'assurant que les bords inférieurs du rectangle de sélection s'accrochent à la ligne de guidage.
Une fois la sélection faite, j'appuie sur l'icône Remplir pour la remplir avec la couleur principale, qui est le Noir.
J'appuie sur l'icône Désélectionner sous la sélection pour annuler la sélection et je masque également le calque Guide car il a maintenant rempli son objectif.
Je duplique le calque VERTICAL en cliquant dessus puis en allant dans le menu Calque > Dupliquer le calque.
J'ai renommé la copie « HORIZONTAL » puis je l'ai déplacée sous le calque VERTICAL.
Sur le calque HORIZONTAL, je vais dans le menu Sélection > Sélectionner tout. Avec une sélection faite autour de tout le canevas, je vais ensuite dans le menu Édition > Transformer > Rotation.
Je vais ensuite dans la palette Propriétés de l'outil et je définis l'Angle de rotation sur 90. J'accepte la transformation, puis j'annule la sélection.
Maintenant, je masque les calques VERTICAL et HORIZONTAL dans la palette des calques. Ma palette de calques ressemble maintenant à ceci :
J'ai ensuite créé un nouveau calque dans le dossier de calques Motif et j'y ai importé une image pour les besoins de ce tutoriel. Bien sûr, j'ai rastérisé l'image après l'avoir importée en allant dans le menu Calque > Rastériser.
❤️ Création de l'Action Automatique
J'ouvre la palette Action Automatique en allant dans le menu Fenêtre > Action Automatique.
Dans la palette Action Automatique, j'appuie sur l'icône Créer un nouveau jeu d'actions automatiques et je le nomme SeamlessCut.
Lorsque le jeu d'actions automatiques est créé, une action automatique vide est également créée à l'intérieur, où il m'est demandé d'entrer un nom. J'entre donc le nom CutAndArrange.
Avant de commencer à enregistrer les actions, je m'assure d'être sur le dossier de calques Motif dans la palette de calques. Ce sera mon calque actif.
Encore une fois, assurez-vous que les calques VERTICAL et HORIZONTAL sont toujours masqués.
Je clique ensuite sur l'Action Automatique CutAndArrange, puis je descends tout en bas de la palette et j'appuie sur l'icône Démarrer l'enregistrement de l'action automatique, qui est le point rouge.
Je vais au calque VERTICAL dans la palette des calques et je le rends visible.
Allez dans le menu Calque > Sélection à partir du calque > Créer une sélection.
Une sélection est faite autour de la zone noire remplie.
Masquez le calque VERTICAL.
Avec la sélection toujours active, revenez au dossier de calques Motif (pas à un calque qu'il contient, mais au dossier lui-même).
Puis allez dans le menu Édition > Transformer > Retourner verticalement.
Acceptez la transformation en appuyant sur OK.
Avec la sélection toujours active et toujours sur le dossier de calques Motif, je vais dans le menu Sélection > Inverser la zone sélectionnée.
La sélection englobant maintenant la moitié inférieure, je vais dans le menu Transformer > Retourner verticalement.
Acceptez la transformation.
Appuyez sur l'icône Désélectionner.
Maintenant, allez au calque HORIZONTAL et le rendez visible.
Allez dans le menu Calque > Sélection à partir du calque > Créer une sélection.
La sélection étant faite autour de la zone noire remplie, je masque le calque HORIZONTAL.
Avec la sélection toujours active, je reviens au dossier de calques Motif.
Puis je vais dans le menu Édition > Transformer > Retourner horizontalement.
J'accepte la transformation.
Avec la sélection toujours active et toujours sur le dossier de calques Motif, je vais dans le menu Sélection > Inverser la zone sélectionnée.
Puis je vais dans le menu Transformer > Retourner horizontalement.
J'accepte la transformation.
Désélectionner.
(L'Action Automatique a été modifiée par la suite pour ajouter cette partie) Allez dans le menu Sélection > Sélectionner tout.
Puis allez dans le menu Édition > Transformer > Rotation.
Dans la palette Propriétés, définissez l'Angle de rotation sur 180.
Acceptez la transformation.
(L'Action Automatique a été modifiée par la suite pour ajouter cette partie) Allez dans le menu Sélection > Désélectionner
Appuyez sur l'icône Arrêter l'enregistrement de l'action automatique, qui est maintenant un carré rouge en bas de la palette Action Automatique.
Ceci est une vidéo Youtube de l'enregistrement de l'Action Automatique. Vous pouvez mettre la vidéo en pause pour mieux voir certaines parties, ce que vous ne pourriez pas faire avec un GIF.
Une fois l'enregistrement de l'Action Automatique terminé, j'ai réalisé que j'avais manqué une étape qui aurait évité des erreurs par la suite, où l'image était pivotée en utilisant le centre de l'image comme point de rotation au lieu du centre du canevas. J'ai donc cliqué sur l'action automatique CutAndArrange et j'ai appuyé à nouveau sur l'icône Démarrer l'enregistrement de l'action automatique, puis je suis allé dans le menu Sélection > Sélectionner tout. Ensuite, j'ai appuyé sur l'icône Arrêter l'enregistrement de l'action automatique. J'ai ensuite déplacé cette commande avant la commande de Rotation. J'ai fait de même pour la commande Désélectionner, c'est pourquoi elles n'apparaissent pas dans la vidéo YouTube montrant l'enregistrement du processus.
Ci-dessous se trouve une capture d'écran des commandes de l'Action Automatique CutAndArrange avant et après la mise à jour.
❤️ Exécution en direct de l'Action Automatique CutAndArrange
Dans le GIF ci-dessous, vous me verrez appuyer sur l'icône Démarrer l'exécution de l'action automatique, qui est un triangle blanc, ce qui déplacera toutes les zones le long des bords vers le milieu du canevas. J'ajoute ensuite à l'image.
.
❤️ Points importants à noter concernant l'Action Automatique CutAndArrange
L'Action Automatique CutAndArrange fonctionne toujours même si je ne clique pas sur le dossier de calques Motif (pour en faire mon calque actif) avant d'exécuter l'Action Automatique. Cependant, cela me ramènera au dossier de calques Motif, sur lequel je ne peux pas dessiner. Je dois juste me souvenir de revenir sur le calque sur lequel je veux dessiner dans le dossier de calques Motif.
Ne supprimez pas les calques VERTICAL ET HORIZONTAL et gardez-les masqués. Ils seront nécessaires à l'Action Automatique CutAndArrange.
Il fonctionne avec d'autres tailles de canevas que les 1 200 px pour la hauteur et la largeur avec lesquelles il a été créé.
Il fonctionne même avec des tailles de canevas rectangulaires. Je l'ai testé et il fonctionne toujours lorsque la hauteur est plus grande que la largeur et vice-versa.
Par conséquent, le motif n'a pas besoin d'être carré.
🌟 Ne nommez aucun autre calque VERTICAL, HORIZONTAL ou Motif. Ne les incluez même pas comme partie des noms de calque d'autres calques. Donc, si je copie l'un de ces calques, je dois le renommer différemment car cela affecterait l'Action Automatique, car elle recherchera ces calques avec ces noms, y compris ceux qui les ont comme partie du nom de calque.
❤️ Création de mon motif original : Lave Arc-en-ciel
À propos de mon design pour mon motif.
Pour m'aider dans la création de mon motif, j'ouvre la palette Sous-vue. Je fais cela en allant dans le menu Fenêtre > Sous-vue.
Dedans, j'importe mes œuvres d'art dont je veux prélever des couleurs et que je veux également consulter. Je fais cela en cliquant sur l'icône Importer depuis le stockage de l'appareil en bas de la palette Sous-vue, car mes images de référence se trouvent bien dans le stockage de la tablette.
Voici les 3 images que j'ai dans ma palette Sous-vue. Et oui, elles ont toutes été dessinées par moi.
J'ai déjà dessiné ces motifs colorés et j'aime beaucoup leur apparence, mais leur réalisation prend des heures. C'est pourquoi j'ai décidé de créer un motif qui leur ressemble. Ainsi, si jamais j'ai besoin d'incorporer ces motifs colorés dans l'un de mes futurs travaux, j'aurai au moins ce motif que je pourrai utiliser comme point de départ et, espérons-le, me faire gagner du temps.
Je peux créer autant de calques que nécessaire dans le dossier de calques Motif, mais je n'en avais besoin que d'un seul pour ce design.
Je me concentre à chaque fois sur les parties centrales, en dessinant sur les zones le long des raccords qui forment une croix.
.
Images finales du motif lorsque les bords sont sur les côtés et lorsqu'ils sont au milieu.
❤️ Transformer mon design en motif
Je clique sur le dossier de calques Motif, puis je vais dans le menu Calque > Dupliquer le calque.
Renommez la copie en Lave Arc-en-ciel.
Puis sélectionnez-la et allez dans le menu Calque > Fusionner les calques sélectionnés.
Maintenant, tout est sur un seul calque Raster.
Sur le calque Lave Arc-en-ciel, je vais dans le menu Édition > Enregistrer le matériau > Image.
Entrez le nom, choisissez où le classer et entrez une balise pour que je puisse le rechercher. Assurez-vous que l'option « Mosaïque » est sélectionnée dans Opération de collage.
Appuyez sur OK. Il se trouve maintenant dans la section Motif de couleur de ma palette de matériaux.
Maintenant, chaque fois que je veux l'utiliser, je le localise simplement dans ma palette de matériaux et je le fais glisser sur le canevas ou j'appuie sur l'icône Coller le matériau sélectionné sur le canevas en bas de la palette de matériaux.
Voici moi en train de créer des choses avec le motif.
Je rastérise le calque, puis je peux le modifier avec l'outil Fluidité pour le rendre plus dynamique.
Je peux le masquer sur d'autres calques avec des formes ou des mots. Je pense que c'est parfait pour faire des affiches.
❤️ Cadeaux Gratuits ❤️
Oui oui, je suis une personne très gentille. Je connais le merveilleux sentiment d'obtenir gratuitement le travail acharné des autres. Je partage donc trois choses avec vous aujourd'hui via le CSP Asset Store et Gumroad.
Le motif Lave Arc-en-ciel :
L'Action Automatique CutAndArrange :
Cette Action Automatique aura besoin de tous les calques requis pour s'exécuter correctement. Notamment les calques VERTICAL, HORIZONTAL et le dossier de calques Motif, et aucun autre calque ne doit porter ces noms.
Le modèle (fichier CSP avec les calques nécessaires) :
Voici un fichier CSP avec les calques requis. Notez que ce fichier a des dimensions de 1 200 px sur 1 200 px. Si vous souhaitez modifier la taille du canevas, vous pouvez le faire, mais vous devrez également ajuster les remplissages sur les calques VERTICAL et HORIZONTAL. C'est pourquoi j'ai également inclus le calque Guide dans le fichier au cas où vous souhaiteriez le faire. Modifiez la ligne de guidage et utilisez-la pour remplir le calque comme démontré dans le tutoriel.
C'est la fin de mon tutoriel. J'ai eu du plaisir à le créer et j'espère que vous l'avez trouvé très utile. Au revoir.
Les utilisateurs qui ont aimé cette publication
Commentaire