《Créons un filigrane de style timbre postal !》
Le thème d'aujourd'hui est la création d'un filigrane adapté au style d'illustration.
J'ai toujours réfléchi à la manière de concevoir un filigrane qui puisse être utilisé sur des illustrations de différents styles.
Récemment, inspiré par la « culture des sceaux » japonaise où « apposer un sceau = signer », j'ai voulu concevoir mon propre sceau à utiliser comme filigrane. Cependant, comme les informations que je souhaite inclure dans le filigrane sont plus nombreuses que celles d'un sceau japonais typique, j'ai décidé d'essayer de le concevoir dans un style de timbre postal cette fois-ci.
Je vais vous expliquer chaque étape en détail ci-dessous, n'hésitez pas à essayer de me suivre !
【Conception de différents timbres postaux】
Bien que j'aie choisi le timbre postal « rond » le plus traditionnel dans l'exemple, vous avez en fait beaucoup plus d'options ! Cette section expliquera brièvement les formes courantes des timbres postaux. Lors de la conception, vous pouvez combiner différents éléments pour créer votre propre filigrane !
Je décompose la conception générale d'un timbre postal en trois parties :
1. Forme de base :
La plus courante est le cercle. De plus, les ovales et les polygones (comme les carrés, les losanges, les hexagones, etc.) sont également des formes courantes. Vous pouvez ajouter des doubles lignes d'épaisseur différente ou des remplissages pour des variations. Il existe également des formes composites, comme un cercle avec un rectangle.
2. Icônes :
Il s'agit généralement de motifs simples, tels que des points, des étoiles, des lignes parallèles, etc. Il existe également des motifs fréquemment ajoutés, comme des lignes parallèles ondulées. Vous pouvez ajouter les motifs que vous aimez, l'important est qu'ils soient relativement simples, sans lignes très complexes.
3. Texte (sera expliqué plus en détail dans la section suivante)
1.【Décider du texte à inclure dans le filigrane】
C'est parti !
Tout d'abord, décidez du texte à inclure dans le filigrane. Le nombre de mots et d'images sera inversement proportionnel.
Vous pouvez également décider du contenu d'abord, puis modifier la formulation (pour ajuster la longueur des phrases) lors de l'esquisse en fonction de la composition.
Voici quelques exemples de termes courants dans les filigranes, à titre de référence :
Nom de plume personnel
Compte SNS personnel ou informations de site web
Année de création
« Ne pas reproduire »
« Interdit à l'apprentissage par l'IA »
« Commande »
« Exemple »
Autres…
2. 【Ébauche, Préparation】
Après avoir créé un nouveau fichier, commencez par esquisser librement avec un pinceau.
Puisque nous utiliserons ensuite des calques vectoriels pour finaliser, et que les calques vectoriels ne sont pas très intuitifs à utiliser pour les créateurs inexpérimentés, je vous suggère de dessiner d'abord le design librement comme un plan, puis de créer le fichier de filigrane en suivant ce plan.
En ce qui concerne la taille du fichier, bien que les calques vectoriels ne se déforment pas même en étant agrandis, il est possible que des calques tramés soient utilisés selon la conception individuelle. Pour éviter que les images tramées ne se déforment lors de l'agrandissement, je vous recommande de créer un fichier de taille A4 et de 300 dpi pour commencer.
【Complément d'information】Bien que cela n'ait pas un grand impact sur la pratique de cet article, si les lecteurs sont intéressés par la différence entre les « images bitmap » et les « images vectorielles », ils peuvent se référer aux explications officielles suivantes :
Avant de commencer, veuillez d'abord activer la fonction de grille.
🔧Comment faire
Barre de fonctions supérieure du logiciel → Affichage → Grille (activer ou désactiver au même endroit)
Après avoir activé la grille, vous remarquerez que certains pinceaux et outils se décalent lors de l'utilisation. Cela est dû au fait que la propriété de l'outil est réglée sur « Aligner ». Vous pouvez l'activer ou la désactiver dans le panneau des propriétés du pinceau ou de l'outil selon vos besoins.
Je vous recommande de garder cette fonction activée pendant le processus de création.
Si vous devez dessiner librement, veuillez la désactiver, sinon cela ressemblera à l'image ci-dessous :
3. 【Dessiner la forme du filigrane】
Commençons officiellement !
La démonstration suivante sera basée sur cette esquisse :
✧Utilisation de base des calques vectoriels
🔧Comment ajouter un calque vectoriel
Cliquez sur l'icône suivante dans le panneau des calques :
🔧Dessiner un cercle de base
Sélectionnez l'outil de forme Cercle → Choisissez le noir → Réglez l'outil sur « Partir du centre » → Dessinez un cercle sur la toile.
🔧Comment dessiner un cercle parfait
Méthode ① : Maintenez la touche [Maj] enfoncée tout en dessinant.
Méthode ② : Avant de dessiner, réglez « Spécifier largeur/hauteur », « Spécifier le rapport » sur 1:1.
(Si vous ne trouvez pas ce réglage, cliquez sur l'icône de la clé à molette en bas à droite pour le rechercher.)
💡ASTUCE – Comment obtenir un style plus proche d'un timbre postal ?
L'utilisation de cercles concentriques d'épaisseur différente peut créer un design plus proche du style timbre postal !
En plus de définir différentes tailles de pinceau lors du dessin des cercles, vous pouvez également utiliser les fonctions des calques vectoriels pour ajuster.
✧Ajuster l'épaisseur et la position des lignes de la forme
🔧Changer l'épaisseur de la ligne – Comment faire
Utilisez l'outil de sélection « Objet » → Sélectionnez la forme sur la toile → Changez la taille du pinceau dans le panneau des outils.
🔧Changer la position de la forme – Comment faire
Utilisez l'outil de sélection « Objet » → Sélectionnez la forme sur la toile → Faites glisser le cadre bleu.
Pendant le glisser, maintenez les touches [Maj] (pour conserver les proportions de la forme) et [Alt] (pour déformer à partir du centre) enfoncées.
L'ordre des opérations est : Cliquez sur le point bleu (et maintenez) → [Maj] + [Alt] → Faites glisser.
✧Utiliser l'outil de forme pour obtenir le design
Ensuite, nous allons créer les points du cadre extérieur.
🔧Créer des points de cadre extérieur – Comment faire
Utilisez l'outil de sélection « Objet » → Sélectionnez la forme sur la toile → Changez la forme du pinceau en « Forme de point » dans le panneau des outils.
🔧Ajuster les points du cadre extérieur
Ajuster la taille des points : Augmenter ou diminuer la « Taille du pinceau ».
Ajuster la position des points : Ajuster la valeur de l'« Espacement » dans le panneau « Pinceau ».
✧Créer des formes concentriques ① – Utiliser la fonction de grille
Nous arrivons ensuite à la partie sur la façon de centrer les formes.
Dès le début, nous avons activé la grille et configuré l'outil de forme sur « Partir du centre » et « Aligner ».
Donc, tant que vous commencez à dessiner les formes à partir du même point, elles seront « concentriques ».
✧Créer des formes concentriques ② – Utiliser la fonction d'alignement
Bien que nous ayons dessiné plusieurs cercles en utilisant la grille comme aide, il est toujours possible qu'ils se déplacent accidentellement lors de l'ajustement. Dans ce cas, vous pouvez utiliser la fonction « Aligner » pour vous assurer qu'ils restent concentriques.
🔧Comment faire
Utilisez la fonction de sélection d'objets → Sélectionnez tous les objets sur la toile (maintenez la touche [Maj] enfoncée pendant la sélection) → Cliquez sur les deux icônes suivantes dans le panneau « Aligner »^.
^Le panneau « Aligner » peut être ouvert depuis le menu « Fenêtre » en haut du logiciel.
✧Créer des lignes parallèles ondulées
Dans l'esquisse, j'ai ajouté une section de lignes parallèles ondulées pour simuler le design d'un timbre postal.
Voici comment les dessiner à l'aide d'un calque vectoriel.
🔧Comment faire
1. Sélectionnez l'outil « Courbe continue » et cliquez sur les points marqués^ sur la toile. Pour le dernier point, ne cliquez pas, mais déplacez la souris à cet emplacement et appuyez directement sur la touche [Entrée].
^Utilisez la grille pour marquer les points de référence pertinents à des positions fixes. Par exemple, dans la démonstration ci-dessous, un point tous les deux carreaux horizontalement ; un point tous les un ou deux carreaux verticalement. Les points de début et de fin de la courbe peuvent également être les points médians des hauts et des bas des vagues.
2. Si la courbe est placée sur un autre calque vectoriel, vous pouvez directement ajuster sa forme, la faire pivoter, etc., en utilisant la fonction « Transformation libre ».
3. Dupliquez la courbe et déplacez-la verticalement vers le bas.
Méthode ① : Dupliquez le calque. Sélectionnez le calque dupliqué et faites-le glisser vers le bas avec l'outil de déplacement de calque.
Méthode ② : Sélectionnez l'objet, appuyez sur Ctrl+C, puis sur Ctrl+V. Faites-le glisser vers le bas avec la souris.
4. Sélectionnez toutes les lignes ondulées → Cliquez sur l'icône suivante dans le panneau « Aligner ».
5. Ajustez l'épaisseur des lignes. J'ai rendu les lignes supérieure et inférieure plus épaisses.
(Parce que je pensais que quelques lignes parallèles supplémentaires seraient plus jolies, j'ai également répété les étapes ci-dessus pour obtenir les cinquième et sixième lignes.)
6. Si vous souhaitez que les extrémités des lignes ne soient pas arrondies, vous pouvez sélectionner les lignes avec l'outil de sélection d'objet, puis régler l'« Épaisseur » de la « Pointe du pinceau » sur « 1 ».
Pour les lignes horizontales, appliquez la direction « Horizontal » ; pour les lignes verticales, appliquez la direction « Vertical ».
4. 【Ajouter du texte】
💭Choix de la police
Il est conseillé de ne pas utiliser de polices trop fines, car un tampon ne permet pas de créer des lignes trop délicates.
Si vous utilisez des caractères avec des traits complexes (comme le chinois traditionnel ou les kanjis japonais), comme le texte ne peut pas être trop fin, assurez-vous de laisser suffisamment d'espace dans le design pour la partie texte.
Avant d'utiliser une police, veuillez vérifier si sa licence vous autorise une utilisation personnelle ou commerciale.
🔧Démonstration des fonctions qui seront utilisées
Ajustement de l'espacement des caractères
Fonction d'alignement / Fonction de distribution uniforme
📝ASTUCES
Créer un nouveau calque de texte pour chaque ligne de texte facilitera l'ajustement de la position.
Lorsque vous choisissez une police, après avoir saisi le texte et sélectionné le calque de texte, déplacez la souris sur la police (sans cliquer avec le bouton gauche) et utilisez la molette pour faire défiler vers le haut ou vers le bas afin d'obtenir un aperçu rapide !
【Complément d'information】
Si vous n'avez jamais utilisé l'outil Texte, vous pouvez vous référer aux tutoriels officiels suivants :
✧Ajouter du texte circulaire ①
La fonction de texte circulaire est une nouvelle fonctionnalité ajoutée après Clip Studio Paint Ver 3.0. Essayons d'insérer du texte dans le design du filigrane !
🔧Comment faire
1. Sélectionnez la fonction « Texte circulaire » → Cliquez légèrement sur la toile, et le cadre de texte apparaîtra.
2. Utilisez les points de contrôle du cadre pour ajuster la taille, puis saisissez le texte.
3. Utilisez la rotation du cadre de texte pour contrôler la position du texte.
4. Utilisez la fonction de sélection d'objet pour ajuster les points de début et de fin d'affichage du texte afin d'afficher tout le texte.
5. Réglez sur « Répartir uniformément ».
6. Ajustez la taille et l'espacement du texte pour que le texte forme un cercle.
7. Utilisez la fonction d'alignement mentionnée ci-dessus, sélectionnez les calques de texte et de forme simultanément pour unifier les centres du texte et de la forme.
✧Ajouter du texte circulaire ②
Bien que cela semble bon maintenant, il est encore un peu difficile de lire la partie inférieure du texte circulaire. J'ai donc décidé de faire un ajustement et de changer la direction du texte en bas.
🔧Comment faire
1. Dupliquez ce calque de texte circulaire.
2. Changez la direction de la disposition du texte du nouveau calque en « Antihoraire ».
3. Maintenez simultanément les touches [Maj] et [Alt] enfoncées et agrandissez le nouveau cadre de texte circulaire jusqu'à la position appropriée.
4. Masquez le calque de texte original.
5. Ajustez la position et l'espacement du texte du nouveau calque de texte. (Veuillez maintenir la même taille de police)
6. Créez un masque de calque et effacez la partie supérieure du texte avec la gomme.
7. Affichez le calque de texte original, créez un masque de calque et effacez la partie inférieure du texte avec la gomme.
Le texte est ajouté !
5. 【Autres utilisations de l'outil Texte】
✧Utiliser l'outil Texte pour obtenir un design radial
Après avoir ajouté le texte, créons le motif central !
Pour le motif de lignes de concentration dans ce design, en plus d'utiliser des matériaux existants et de dessiner avec la Règle spéciale de lignes radiales, je vais vous montrer comment obtenir un motif en utilisant uniquement l'outil Texte !
🔧Comment faire
1. Ajoutez un nouveau calque de texte circulaire.
2. Saisissez plusieurs lettres « i » jusqu'à ce que le cercle soit rempli.
3. Ajustez les paramètres tels que la taille du texte, l'espacement des caractères, et activez la « Répartition uniforme ».
4. De plus, vous pouvez modifier d'autres réglages, comme italique (Italic), l'échelle horizontale et verticale, la disposition dans le sens horaire ou antihoraire, etc., pour répondre à vos besoins.
5. Vous pouvez également essayer d'autres symboles textuels comme « * », « - », « ] » !
✅Avantages
Facile et intuitif, il suffit de savoir utiliser l'outil Texte pour le maîtriser.
Pas besoin de passer du temps supplémentaire à chercher des matériaux.
Ne se dégrade pas même en étant agrandi, pas de souci de résolution insuffisante des matériaux.
🆖Inconvénients
Choix limité de symboles textuels.
Parfois, le choix de la police prend beaucoup de temps sans s'en rendre compte.
Impossible de créer des motifs connectés (voir le complément ci-dessous).
✧Utiliser l'outil Texte pour obtenir des formes
En plus des motifs radiaux, nous pouvons également utiliser l'outil Texte pour obtenir d'autres formes.
🔧Comment faire
1. Ajoutez un calque de texte normal.
2. Dans le panneau des propriétés de l'outil Texte, cliquez sur « Liste des caractères ».
3. Selon la police que vous avez choisie, divers symboles pris en charge apparaîtront.
4. Les symboles comme « © », « ® » peuvent être trouvés dans « Supplément Latin » ; d'autres symboles comme « ★ », « ☆ » peuvent être trouvés dans « Formes géométriques ».
✅Avantages
Pas besoin de rechercher des symboles comme « © » séparément.
Ne se dégrade pas même en étant agrandi.
🆖Inconvénients
Le nombre de symboles pris en charge varie considérablement d'une police à l'autre.
La liste des caractères est longue, il faut du temps pour trouver le symbole approprié.
Après avoir ajouté le motif en étoile, le design est presque terminé.
Nous allons maintenant expliquer quelques étapes supplémentaires.
6.【Ajouter des motifs】
Si le motif que vous souhaitez ajouter ne peut pas être saisi avec l'outil Texte, que faire ?
Cette section expliquera les autres étapes pour ajouter des motifs.
✧Dessiner des formes vectorielles linéaires
🔧Comment faire
1. Ajoutez un nouveau calque vectoriel.
2. Sélectionnez l'outil « Polyligne ».
3. Désactivez la grille ou la fonction d'alignement de l'outil.
4. Dessinez selon l'esquisse.
5. Pour le dernier trait, assurez-vous que le curseur affiche une forme en « o » pour connecter le tracé vectoriel.
✧Dessiner des formes vectorielles courbes
🔧Comment faire
1. Ajoutez un nouveau calque vectoriel.
2. Sélectionnez l'outil « Pinceau polyvalent » ou d'autres pinceaux sans réglage de pression du stylet.
3. Désactivez la grille ou la fonction d'alignement de l'outil.
4. Dessinez selon l'esquisse.
5. Au besoin, ajoutez des règles de symétrie ou d'autres règles spéciales pour vous aider.
6. Vous pouvez également obtenir des motifs en combinant différentes formes, par exemple, la tête de lapin dans l'image ci-dessous est dessinée avec l'outil de forme.
✧Remplir les formes de couleur
Cependant, jusqu'à la version 3.0 de CSP, les calques vectoriels ne prennent pas en charge la fonction de remplissage. Nous devons donc ajouter un calque tramé séparé pour le remplissage. Mais ne vous inquiétez pas, comme le contour de la forme est un tracé vectoriel, l'image ne se dégradera pas et ne présentera pas de bords dentelés lors de l'agrandissement du design.
🔧Comment faire
1. Ajoutez un calque tramé sous le calque de la forme vectorielle.
2. Réglez le calque de la forme sur « Calque de référence ».
3. Sélectionnez l'outil « Remplir en entourant ».
4. Réglez la « Zone de rétrécissement » sur « -1 » et pour le réglage « Référence de plusieurs calques », cliquez sur la deuxième icône.
5. Entourez la forme sur le calque tramé, et c'est terminé.
✧Dessiner des formes inversées, dernière vérification de l'alignement
Vous pouvez également ajouter des lignes blanches à la forme selon les besoins de votre design.
À part régler la couleur sur blanc, les autres étapes sont les mêmes que celles pour ajouter des formes ci-dessus.
Enfin, vous pouvez vérifier si le motif est centré :
🔧Comment faire
Placez les calques liés au lapin dans le même dossier de calques (vous pouvez sélectionner les calques simultanément et appuyer sur Ctrl+G) → Sélectionnez ensemble le calque de texte et le calque vectoriel du cadre de la forme → Utilisez la fonction d'alignement.
Le motif du lapin est obtenu !
7. 【Traitement de l'impression】
Passons aux dernières retouches !
Pour que le filigrane ressemble davantage à un tampon, j'ai ajouté des points blancs pour simuler un manque d'encre.
🔧Comment faire
1. Placez les calques existants dans le même dossier.
2. Ajoutez un nouveau calque tramé au-dessus du dossier et « Coupez avec le calque suivant ».
3. Utilisez les pinceaux suivants pour appliquer des taches blanches.
4. Si nécessaire, vous pouvez effacer les points blancs excessifs.
8. 【Exporter】
Terminé ! Nous pouvons maintenant exporter le fichier image.
🔧Comment faire
1. Masquez le calque Papier.
2. Cliquez avec le bouton droit sur n'importe quel calque, puis sélectionnez [Fusionner les calques visibles dans un nouveau calque].
3. Cliquez sur [Édition] → [Convertir la luminosité en opacité].
4. Sélectionnez le nouveau calque (maintenez la touche [Ctrl] enfoncée et cliquez sur la vignette du calque).
5. Cliquez sur [Ajuster la taille de la zone de dessin à la sélection].
6. Masquez le calque vectoriel original.
7. Enregistrez sous au format PNG, et c'est terminé.
Conclusion
Après avoir obtenu le fichier PNG, vous pouvez ajouter le filigrane une fois vos autres illustrations terminées !
De plus, CSP propose également une fonction pour ajouter des filigranes lors de l'exportation de fichiers. Veuillez vous référer au tutoriel officiel suivant :
Merci d'avoir lu jusqu'ici !
Qu'avez-vous pensé de ce tutoriel ?
N'hésitez pas à laisser un commentaire pour me le faire savoir ! J'espère que ce tutoriel vous a été utile.
Les utilisateurs qui ont aimé cette publication
Commentaire