🎠 Découvrons l'effet de bordure

4 217

AriaVon

AriaVon

Présentation

Bonjour à tous ! Merci d'être là un mois de plus ʕ•́ᴥ•̀ʔっ. Cette fois-ci, je vous présente le merveilleux effet de bordure et quelques exemples de la façon dont nous pouvons l'utiliser. J'espère que cela vous sera utile. Sans plus attendre…

 

Commençons !!

1. Principes de l'effet de bordure

Commençons par connaître l'emplacement et les caractéristiques de base pour ajouter une bordure, que ce soit pour les calques ou le texte.

 

 

✦ Propriété du calque

L'effet de bordure que nous pouvons appliquer au contenu d'un calque se trouve dans la fenêtre «Propriété du calque».

 

Si cette fenêtre n'est pas ouverte par hasard, pour l'ouvrir, il faut aller à : Fenêtre > Propriété du calque.

Dans la fenêtre, nous trouverons l'option «Effet de bordure», qui a l'icône d'un cercle. En cliquant sur cette option, une série d'attributs s'afficheront, nous permettant de configurer l'épaisseur, la couleur et la texture de la bordure. Nous aborderons ces réglages dans la section sur l'utilisation de la fonction.

 

L'effet de bordure peut être utilisé aussi bien pour les calques normaux que pour les calques vectoriels et de texte.

L'effet de bordure peut également être appliqué à un dossier. Ce faisant, tous les éléments de chaque calque du dossier auront une bordure et, de plus, il sera également possible d'ajouter une bordure individuelle à chaque calque du dossier. C'est une autre façon d'avoir deux niveaux de bordure.


✦ Bordure de texte

Avec la méthode précédente, nous pouvons ajouter une bordure au texte, mais voici la méthode pour appliquer une bordure directement depuis les paramètres de l'outil texte sans utiliser la fenêtre «Propriété du calque».

 

Une fois que le texte est sur son calque correspondant, nous nous dirigerons vers : Propriété de l'outil (n'oubliez pas d'avoir l'outil texte actif à ce moment).

Une fois dans la fenêtre, nous devrions trouver l'option «Bordure».

En activant la fonction, une bordure blanche sera définie par défaut, dont nous pourrons modifier l'épaisseur du trait avec la barre de pourcentage.

 

Malheureusement, avec cette méthode, il n'est pas possible d'ajouter plusieurs bordures. Pour y parvenir, nous devrions convertir le calque de texte en calque pixellisé, puis suivre les étapes mentionnées plus loin.

Pour changer la couleur de la bordure, nous devons déployer le menu caché par l'icône du signe (+), et une fois là, sélectionner la barre blanche de l'option «Couleur de la bordure» ; une nouvelle fenêtre apparaîtra alors où se trouveront les différentes méthodes pour obtenir les couleurs que nous désirons (1), nous choisissons une couleur et le tour est joué.

Si nous ne trouvons pas les options de bordure correspondantes dans la fenêtre des propriétés du calque, cela signifie que les options ne sont pas activées. Pour les activer, il faut :

 

Dans la fenêtre «Propriété de l'outil», nous devons nous diriger vers la clé à molette située en bas à droite.

Après avoir cliqué sur la clé, une nouvelle fenêtre s'ouvrira où nous devrons nous diriger vers la section «Texte».

Dans la section texte, nous trouverons les options de bordure correspondantes ; pour les activer, nous devons cliquer sur l'option correspondante (lorsqu'un œil apparaît sur l'option, cela signifie que la fonction est déjà active (1)).

Une fois la fonction active, nous pourrons la trouver dans la fenêtre «Propriété de l'outil» (2).


✦ Mode simple

Depuis le mode simple, il est également possible d'utiliser l'effet de bordure. Nous pouvons le trouver en cliquant sur le calque auquel nous voulons l'appliquer ; un menu d'options de calque apparaîtra en défilant vers le bas.

 

Les réglages de la bordure sont les mêmes qu'en mode studio, nous avons un curseur pour l'épaisseur et une barre qui nous permet de changer la couleur avec les options des palettes de couleurs.

IMPORTANT : Ce qui est expliqué tout au long de ce tutoriel concernant les bordures peut s'appliquer de la même manière en mode simple, à l'exception de la bordure aquarelle pour les calques, qui reste encore exclusive au mode studio.

2. Quelques exemples d'utilisation

Listons maintenant quelques utilisations que nous pouvons donner à cette fonction concernant les illustrations, les textes et les pinceaux.

 

 

✦ Autocollants

L'utilisation la plus classique que nous pouvons donner à l'effet de bordure est de l'utiliser pour les autocollants. Définir une bordure pour n'importe quel élément d'un calque est aussi simple que d'aller à cet effet et de l'activer. Voyons maintenant que :

 

Le premier modificateur que nous avons pour la bordure est : «Épaisseur de bordure», avec cette option nous pouvons moduler l'épaisseur en utilisant la barre de pourcentage.

D'autre part, «Couleur de la bordure», comme son nom l'indique, permet de changer la couleur.

Pour changer la couleur de la bordure, nous avons deux options :

 

(1) La première consiste à sélectionner une couleur à partir du cercle chromatique, puis à cliquer sur l'icône du pot de peinture, ce qui changera la couleur pour celle sélectionnée.

(2) La seconde est de cliquer sur la barre blanche ; ce faisant, une fenêtre apparaîtra avec toutes les palettes de couleurs, parmi lesquelles il ne reste plus qu'à choisir une couleur précédemment enregistrée ou une nouvelle.

- IMPRESSION D'AUTOCOLLANTS MAISON -

 

Si nous ne disposons pas des ressources pour imprimer des autocollants de manière professionnelle, nous pouvons toujours compter sur la méthode maison. Le plus difficile lors de la fabrication par nous-mêmes est de découper la bordure, c'est pourquoi mon conseil est d'établir deux niveaux de bordures avant l'impression, cela nous permettra de maintenir les proportions et l'épaisseur tout au long du processus de découpe.

Voyons comment faire :

 

Commençons par sélectionner le calque de l'illustration et définissons-lui une bordure avec l'épaisseur et la couleur que nous préférons.

Nous ferons un clic droit sur l'icône du calque ou, à défaut, si nous travaillons sur un téléphone portable ou une tablette, nous devrons maintenir le calque appuyé jusqu'à ce qu'un menu apparaisse dans lequel nous devrons choisir l'option «Pixelliser».

Maintenant, une fois de plus, nous irons à la fenêtre «Propriété du calque» et appliquerons une bordure noire avec une épaisseur fine. Voilà, nous avons terminé notre modèle d'autocollant, il ne nous resterait plus qu'à imprimer et découper.

MODE SIMPLE : En mode simple, la séquence : Bordure blanche, pixelliser le calque, bordure noire est tout aussi efficace.

En mode simple, l'option «Pixelliser» se trouve en défilant dans le menu des fonctions de calque qui apparaît en cliquant sur le calque.

Enfin, en suivant les étapes précédentes, nous pourrons créer autant de niveaux de bordures que nous le souhaitons.

 

Il convient de préciser qu'il s'agit d'une méthode destructive, nous ne pourrons donc pas revenir à un état sans les bordures. C'est pourquoi il est conseillé de créer une copie de l'illustration de base.


✦ Bordure aquarelle

En plus de la bordure dure classique, nous disposons également d'une bordure aquarelle. Cette option se trouve une fois l'effet de bordure activé, l'option s'appelle «Bordure aquarelle».

 

Parmi les options offertes par cet effet, nous pouvons moduler la zone d'application, l'opacité, l'obscurité et le degré de flou.

 

- Zone : La zone correspond à la largeur de la bordure. Avec cette option, il faut faire attention à ne pas la régler trop haut pour ne pas donner un effet de saleté.

- Opacité : Comme son nom l'indique, elle mesure la transparence.

- Obscurité : Cette option, d'autre part, module l'intensité de la couleur. Avec elle, il faut faire attention à ne pas la régler trop haut pour ne pas donner un effet de saleté.

- Largeur de flou : Ici, nous pouvons mesurer l'intensité du flou, dur ou doux.

Cette bordure nous permet d'ajouter un petit contour à notre illustration à l'aquarelle sans détonner avec la texture.

Voici un autre exemple de la façon dont nous pouvons modifier la texture de la bordure en jouant avec les réglages.

- PINCEAUX -

 

Ce que nous avons vu jusqu'à présent est que l'effet de bordure ne peut être appliqué qu'à un calque lui-même, mais il existe une option qui nous permet d'appliquer une bordure aquarelle uniquement au pinceau et non au calque. Pour ce faire, il faut :

 

Sélectionner un pinceau aquarelle.

Dans la fenêtre «Sous-outil», nous devrons cliquer sur la clé à molette située en bas à droite.

Une fenêtre s'ouvrira où nous nous dirigerons vers l'option «Bordure aquarelle». Nous y trouverons les options expliquées dans la section précédente.

On peut appliquer cette même bordure aquarelle avec d'autres pinceaux qui n'ont pas de texture aquarelle, mais le résultat n'est pas tout à fait bon, et si, par exemple, on augmente la plage, le résultat devient sale. C'est pourquoi je ne conseille pas de l'utiliser avec des pinceaux qui ne sont pas aquarelle.

MODE SIMPLE : Si nous choisissons un pinceau de type aquarelle, en accédant aux réglages du pinceau avec sa flèche correspondante, l'option «Bordure aquarelle» sera disponible.

Dans le cas du mode simple, nous ne trouverons dans les réglages qu'un curseur permettant de moduler la largeur de la bordure.


✦ Nettoyage et corrections

Ce qui suit est une utilisation qui peut s'avérer très pratique. Je l'emploie particulièrement beaucoup lorsque je souhaite effacer des erreurs de couleur que je pourrais laisser sur toute la surface de la toile ou sur le contour de l'illustration.

Il s'avère que lorsque nous appliquons l'effet de bordure sur un calque, l'effet s'applique sur le contour de toutes les figures et tracés sur la toile. Grâce à cela, nous pouvons identifier ces petites particules que nous laissons involontairement derrière nous sur toute la toile. D'autre part, si le contour de la figure à laquelle nous voulons appliquer la bordure présente des protubérances indésirables notables, l'effet mettra en évidence ces détails et nous pourrons les corriger facilement avec la gomme.


✦ Typographie /Mettre en évidence des éléments

Nous pouvons appliquer l'effet de bordure aux textes, aux personnages ou aux éléments pour créer des effets intéressants ou pour mettre en évidence un élément/personnage par rapport au reste de la composition. Voyons un exemple de la façon dont l'ajout de l'effet de bordure peut faire toute la différence.

Tout d'abord, dans l'image de gauche, le design est présenté sans bordure. Comme nous pouvons l'apprécier, le texte n'est pas clairement distinguable et, en général, tout semble trop plat. Maintenant, avec l'image de droite, tout change. Les bordures agissent comme un contraste entre les éléments, ce qui donne à la composition clarté et vie.

 

Il convient également de noter que souvent, une seule bordure ne suffit pas. Voyons, les lettres sont soulignées par trois niveaux de bordure : une première blanche, la suivante avec un rose rougeâtre et la dernière blanche.

- BORDURE AVEC DÉGRADÉ -

 

Bien que cet effet de couleur ne soit pas nécessairement exclusif aux typographies, il est sans aucun doute très utilisé par celles-ci. La méthode pour appliquer une bordure avec un dégradé est simple, voyons comment :

 

Commençons par dupliquer le calque original.

Nous déplacerons ce calque dupliqué sous l'original et lui appliquerons une bordure.

Ensuite, il faut pixelliser le calque comme expliqué précédemment.

Nous devons maintenant verrouiller les pixels transparents avec l'option correspondante qui se trouve dans la fenêtre du calque.

Enfin, nous peindrons avec les couleurs du dégradé souhaité et les estomperons. Pour faciliter le processus, nous pouvons utiliser l'outil dégradé.

 

En suivant les étapes suivantes, nous ne pourrons pas seulement appliquer un dégradé, mais cela nous permettra également de jouer avec la bordure en lui appliquant une sorte de flou, de trame, de motif, ou toute autre chose que nous imaginons, donnant à la bordure différentes personnalités.

- BORDURE DÉCALÉE -

 

Pour créer un effet de décalage, nous devrons suivre les étapes 1 à 3, expliquées dans la section précédente. Le résultat sera un calque dupliqué que nous définirons avec la fonction «Verrouiller les pixels transparents» située dans la fenêtre de calque. La prochaine étape sera de sélectionner le texte avec l'outil «Sélection» et, avec l'icône du pot de peinture qui se trouve dans le menu flottant de l'outil, nous peindrons avec la même couleur que la bordure. Enfin, nous devrons déplacer le texte dans la direction souhaitée avec l'outil «Transformer».

 

L'outil de transformation peut être trouvé dans le raccourci situé dans le menu supérieur pour la version tablette, comme c'est mon cas, ou dans le chemin suivant : Édition > Transformer. Son raccourci clavier est «CTRL plus T».

De plus, j'ai placé un deuxième niveau de bordure pour souligner le contour général du texte. Et voilà, nous avons maintenant un magnifique contour décalé.


✦ Pinceaux

Commençons par clarifier que, tel quel, l'effet ne peut être appliqué qu'au calque lui-même, donc tout pinceau que nous utiliserons sur ce calque, en peignant, donnera cet effet de bordure.

 

Donc, rappelez-vous, si vous utilisez un pinceau avec une texture rugueuse ou un effet de diffusion, la bordure sera également appliquée, mais le résultat pourrait ne pas être parfait.

L'utilisation de calques avec l'effet de bordure pour dessiner nous permet de créer des designs plus nets et efficaces. Par exemple, des structures, des motifs, des logos, en général tout peut être dessiné de cette manière.

Pour y parvenir, nous devrons définir la couleur de la bordure en noir et celle du pinceau en blanc.

Mode simple :

Une fois le, pour ainsi dire, lineart terminé, pour que l'effet de bordure soit permanent sur le calque, nous devrons convertir le calque en un calque «Pixellisé». Cela est possible en maintenant le calque appuyé jusqu'à ce qu'un menu flottant apparaisse où nous choisirons l'option «Pixelliser» ou, si vous travaillez sur un ordinateur, en faisant un clic droit sur le calque.

- COULEUR -

 

Si nous essayons de peindre sur un nouveau calque en dessous du calque de bordure, nous remarquerons que les espaces peints par le pinceau resteront blancs. Ce serait un problème, mais heureusement, il existe une solution rapide.

D'abord, nous devons sélectionner le calque qui, à ce stade, devrait déjà avoir été converti en «Pixellisé», puis nous irons à : Édition > Convertir luminosité en opacité. Cette option laissera la bordure noire et supprimera les coups de pinceau blancs. C'est fait.

 

C'est précisément grâce à cette option qu'il est idéal de peindre avec cette méthode sans se soucier de la couleur après, car nous pouvons toujours extraire les lignes en quelques étapes.

Mode simple : Comme précédemment, nous commencerons par convertir le calque en «Pixellisé» à partir des options de calque.

 

En mode simple, l'option «Luminosité en opacité» n'est pas disponible, il sera donc nécessaire de revenir au mode studio pour l'appliquer ; mais si nous ne voulons pas quitter le mode simple, nous pouvons utiliser l'effet «Extraire ligne» qui se trouve dans la catégorie : Filtre > Effet > Extraire ligne.

 

Extraire ligne est également disponible en mode studio, nous pourrions donc l'utiliser de la même manière comme substitut de «Luminosité en opacité»

Voici quelques exemples simples de couleur.

Conclusion

Personnellement, j'utilise beaucoup l'effet de bordure pour mettre en évidence des éléments dans les designs typographiques et pour le nettoyage des particules restantes ou les bords des illustrations. En général, c'est un outil facile à utiliser et très efficace, j'espère donc que vous vous amuserez également à l'utiliser dans votre processus créatif.

 

Merci d'être arrivé jusqu'ici ! Un "j'aime" me serait d'une grande aide. À une prochaine fois ! (≧∇≦)/

 

Bye bye.

 

En savoir plus sur moi ici :

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel