Présentation
Bonjour à tous ! Merci d'être là une fois de plus (⌒‿⌒). Cette fois-ci, je partage avec vous le processus que je suis pour concevoir un alphabet. Idéal pour décorer des cartes postales, des cartes, des illustrations et bien plus encore sans recourir à des polices externes, ainsi que quelques exemples de stylisation de texte. Sans plus attendre…
Commençons !! (o･ω･o)
1. Conception de l'alphabet
Sur internet, nous pouvons trouver une infinité de polices à télécharger avec différents designs qui peuvent apporter de la personnalité à nos travaux, mais il y a des occasions où nous ne trouvons pas ce que nous désirons ou nous voulons simplement que la police utilisée ait notre propre touche personnelle. Dans ce cas, le mieux est de créer nos propres designs typographiques. Voyons quels outils nous pouvons utiliser pour faciliter leur création.
✦ Toile et grille
Toile : Créez simplement une toile vierge avec des dimensions de 2500 x 2000 px et une résolution de 300 ppp.
Les ppp représentent la quantité d'informations contenues dans la toile ; plus il y a d'informations, plus l'impression sera nette.
- GRILLE -
Pour obtenir une plus grande précision lors de l'alignement et de la disposition des éléments, nous pouvons activer la grille. Pour l'activer, allez dans : Affichage > Grille.
Pour modifier les paramètres, nous devrons suivre le même chemin, mais il faut maintenant choisir l'option : Paramètres de la règle\/grille. Ici, nous cochons l'option «Central» (cela génère les carrés à partir du centre de la toile) et dans Paramètres de la grille, nous marquons 1.00 dans l'intervalle et 5 dans le Nombre de divisions.
Avec cela, nous avons une grille de 1 cm x 1 cm pour chaque grand carré.
✦ Gabarit
Pour faciliter la conception de l'alphabet, je vais créer un gabarit à utiliser comme base, un gabarit qui contiendra chacune des lettres. Ces lettres devront être avec une typographie neutre, pour ce faire, j'utiliserai l'outil texte.
L'outil «Texte» se trouve dans la palette d'outils (icône avec la lettre «A») ou en utilisant le raccourci clavier «T». Une fois l'outil activé, il suffit de cliquer n'importe où sur la toile pour commencer à écrire. De plus, la zone de texte peut être déplacée en cliquant sur le bord de la ligne, pivotée en utilisant le point de contrôle supérieur et enfin en utilisant les poignées de la zone, nous changerons la taille du texte.
Raccourci : Avec SHIFT, la proportion est maintenue.
Si vous souhaitez connaître toutes les configurations de l'outil texte, je vous invite à consulter le tutoriel suivant où j'aborde le sujet :
Dans la fenêtre «Propriétés de l'outil», vous trouverez toutes les configurations.
L'étape suivante consiste à placer chacune des lettres de l'alphabet ; pour cela, je suis les directives suivantes :
➀ Toutes les lettres doivent avoir la même taille.
➁ Il faut maintenir un espace considérable entre chaque lettre.
➂ Les aligner pour maintenir l'ordre et la propreté.
Aligner et disposer : Si nous avons des difficultés à aligner les lettres en suivant uniquement la grille, nous pouvons toujours recourir à l'outil «Aligner et disposer». Son utilisation est très simple ; si nous avons les éléments que nous voulons aligner sur différentes couches, il faut sélectionner les couches à aligner, puis nous diriger vers la fenêtre de l'outil et définir la «Position de base pour l'alignement» sur «Guide» et, enfin, utiliser les options d'alignement dans la direction dont nous avons besoin.
C'est un outil très utile pour les travaux de précision, si vous voulez en savoir plus sur son utilisation, je vous invite à lire ce tutoriel officiel :
L'étape suivante consiste à regrouper toutes les lettres que nous avons dans des calques individuels en un seul. Pour cela, il faut utiliser la fonction «Fusionner avec le calque inférieur» ou sélectionner tous les calques à regrouper et maintenir l'un d'eux appuyé (dans le cas de la version pour tablettes, pour les ordinateurs, c'est avec un clic droit). Un menu flottant apparaîtra alors, dans lequel il faudra choisir l'option «Combiner les calques sélectionnés».
Enfin, il faut baisser l'opacité du calque combiné autant que nous le souhaitons.
✦ Croquis
Le langage de la typographie aidera à transmettre correctement les messages souhaités ; c'est pourquoi il est important de réfléchir à ce que l'on veut communiquer, afin de concrétiser le message avec la bonne police. Lors de la personnalisation de notre typographie, nous devons prendre en compte le type de personnalité que nous voulons que les caractères transmettent.
- LANGAGE DES FORMES -
Connaître un peu le langage des formes aide à transmettre des messages plus précis ; voyons. Il existe trois formes de base que nous devons prendre en compte :
➀ Le cercle : Les caractères contenant des cercles ont tendance à transmettre des sensations de gentillesse, d'innocence, de fiabilité et d'autres sentiments positifs.
➁ Les carrés : Les carrés sont caractéristiques des éléments qui transmettent la force, la confiance, le soutien et des sentiments de stabilité.
➂ Les triangles : Les triangles, d'autre part, transmettent le danger, la malice, l'instabilité, l'agressivité.
Une fois les bases connues, il faut les appliquer en transformant les lettres de base aux formes simples en des lettres aux formes plus complexes. Nous pouvons créer des lettres aux formes aiguës comme dans les graffitis de style sauvage, dodues comme celles des nuages, avec des fioritures, ou avec une base simple mais complétée par des éléments supplémentaires comme des papillons, des fleurs, des étoiles, entre autres ; et même une combinaison de plusieurs éléments.
Sur un calque supérieur, j'ai peint le croquis de chaque lettre avec un pinceau crayon. Il est conseillé, lors de la conception d'un alphabet, de maintenir un fil conducteur ; par cela, j'entends maintenir une même esthétique (qu'il s'agisse d'un argument de forme ou de couleur) pour tous les caractères.
✦ Lineart - Vecteurs
La prochaine étape sera de commencer à nettoyer la ligne du croquis, pour cela, la première chose à faire est :
➀ Désactiver le calque du modèle.
➁ Baisser l'opacité du calque du croquis.
➂ Tout organiser par dossiers et calques. Si vous voulez un meilleur ordre, vous pouvez créer un dossier par lettre, bien que cela me semble un peu inutile.
- CALQUES VECTORIELS -
Je vais commencer par me positionner dans le dossier et à l'intérieur de celui-ci, je vais créer un calque vectoriel. Pour créer un calque vectoriel, il faut cliquer sur la deuxième icône de calques dans la fenêtre «Calque».
Maintenant, avec l'outil «Courbe» et «Ligne», je vais commencer à tracer le contour de la figure. J'aime ces outils car ils me permettent de faire des courbes et des lignes droites en quelques clics. Les outils ligne et courbe se trouvent dans les sous-outils de forme.
Pour utiliser l'outil courbe, il faut définir le point d'origine, puis faire glisser sans relâcher jusqu'à la position suivante et relâcher. Ce faisant, la ligne de guide apparaîtra pour créer la courbe, nous choisissons l'angle idéal et voilà.
Je conseille de régler la «Douceur» sur «Faible» pour avoir des traits nets.
L'avantage d'utiliser les calques vectoriels est leur facilité de manipulation des lignes. Avec le sous-outil «Correction de ligne», nous pouvons modifier les lignes des calques vectoriels. Pour accéder à ces réglages, nous nous dirigerons vers l'icône avec une flèche pointant vers un nœud dans la palette d'outils.
Parmi tous les sous-outils qu'il contient, je pense que les plus importants sont :
1. Point de contrôle : En sélectionnant cet outil, nous pourrons voir dans la fenêtre «Propriétés de l'outil» une série d'options pour modifier les points de contrôle. Et, parmi eux, les plus significatifs sont : Déplacer, ajouter et supprimer un point de contrôle.
2. Modifier la largeur de ligne : Augmente et réduit l'épaisseur de la ligne. Chacun de ces réglages dispose d'une barre de pourcentage avec laquelle nous pourrons mesurer la quantité de changement des lignes.
- Gomme : Avec la gomme vectorielle, nous avons l'avantage de ne pas être aussi précis lors du dessin des lignes, c'est-à-dire de laisser des lignes plus longues que le bord et de les effacer rapidement, ainsi nous pouvons effacer même la plus petite ligne pour obtenir un travail propre. Dans la fenêtre «Propriétés de l'outil» de la gomme vectorielle, nous trouverons trois fonctions :
① Gomme standard : Cette fonction convertit la gomme vectorielle comme si c'était une gomme normale.
② Effacer jusqu'à l'intersection : Celle-ci, d'autre part, efface la ligne qui touche jusqu'à l'intersection avec une autre ligne. C'est la fonction la plus intéressante des trois.
③ Effacer la ligne complète : Avec cette fonction, nous pouvons effacer une ligne complète, même si d'autres lignes y sont interposées.
Si vous souhaitez en savoir un peu plus sur les merveilles des calques vectoriels, je vous invite à consulter ce tutoriel que j'ai réalisé il y a quelque temps :
J'ai décidé de dessiner le contour de chacune d'elles sur le même calque. Une fois tout propre, il faut passer à la phase suivante.
✦ Couleurs néon
Pour la couleur de la typographie, j'utiliserai des couleurs saturées et c'est ce que je vais expliquer ensuite. Obtenir des couleurs néon est simple ; la première chose à faire est de choisir des tons qui se trouvent dans le quadrant supérieur droit. Les couleurs de cette zone sont très saturées, elles sont donc idéales.
Pour les ombres, il faut se déplacer diagonalement le plus loin possible du gris, mais pas toujours à partir de la même teinte ; nous pouvons aussi nous déplacer vers d'autres teintes adjacentes.
Pour les lumières, il faut se déplacer vers le quadrant supérieur gauche, mais sans toucher le blanc pur.
D'autre part, pour savoir comment combiner différents types de tons, nous pouvons recourir aux harmonies de couleurs. Il existe différents schémas, mais dans ce cas, j'ai utilisé un schéma analogue.
- ANALOGUES -
L'harmonie analogue est formée par l'utilisation de couleurs proches dans le cercle chromatique. Grâce à leur proximité, elles se combinent bien entre elles. Comme le bleu, le violet et le rose qui se trouvent séquentiellement proches l'un de l'autre dans le cercle chromatique.
✦ Couleur de base
Pour appliquer facilement la couleur de base, j'utiliserai l'outil Pot de peinture. Pour cela, il faut faire ce qui suit :
➀ Créer un nouveau calque sous le calque vectoriel.
➁ Définir le calque vectoriel comme référence en activant l'icône de phare qui se trouve dans les fonctions de la fenêtre «Calque».
➂ Sélectionner l'outil «Pot de peinture» et aller dans la fenêtre «Propriétés de l'outil».
➃ Dans les paramètres, il faut activer l'option «Référence multiple» et activer l'icône de «Référence» (1).
➄ Si nous activons l'option «Remplir jusqu'au tracé du vecteur» (2), la couleur s'appliquera jusqu'au centre de la ligne vectorielle, ce qui est bien car cela réduit les espaces blancs qui peuvent subsister lors de l'application de la peinture au pot de peinture.
➅ Enfin, «Fermer l'intervalle» (3) remplit même s'il y a de petites ouvertures dans la ligne du vecteur.
➆ Maintenant, il faut se positionner sur le nouveau calque, sélectionner la couleur et commencer à peindre d'un clic.
✦ Dégradé
Une méthode simple pour appliquer les dégradés dans Clip Studio Paint est d'utiliser l'outil dégradé. Cet outil se trouve dans la fenêtre «Outils» (1).
Dans la fenêtre «Propriétés de l'outil», nous trouvons les réglages du dégradé. Pour changer la couleur, nous devrons prêter attention aux nœuds qui se trouvent sous l'aperçu.
Avec ces nœuds, nous pouvons :
1. Moduler la quantité de chaque couleur en utilisant les flèches situées dans la zone inférieure.
2. Créer de nouveaux nœuds le long de toute la barre en cliquant n'importe où le long de la ligne inférieure (où se trouvent les flèches de mobilité).
3. Supprimer des nœuds. Pour supprimer une section du dégradé, il faut dérouler le menu du dégradé (symbole «+») et choisir l'option : Paramètres avancés > Choisir le nœud > Supprimer.
Pour changer les couleurs du dégradé, il faut :
➀ D'abord, nous devons choisir la couleur à partir du cercle chromatique.
➁ Ensuite, il faut cliquer sur les nœuds comme on le voit dans le GIF suivant. Ainsi avec chacun.
Dans la fenêtre «Sous-outil», nous trouvons une série de dégradés prédéfinis. Mais, pour en créer un propre, nous devrons faire ce qui suit :
➀ Il faut choisir un dégradé prédéfini, dans mon cas j'ai choisi «Ciel bleu».
➁ Ensuite, il faut cliquer sur l'icône «Dupliquer le sous-outil» dans la zone inférieure de la fenêtre ou dans le menu flottant en maintenant enfoncé le dégradé à dupliquer.
Nous pouvons appliquer le dégradé à n'importe quel angle. Dans mon cas, pour appliquer le dégradé, j'ai créé un nouveau calque au-dessus de la couleur de base, que j'ai ajusté avec l'option «Ajuster au calque inférieur» (première icône des fonctions de calque, symbole de deux carrés superposés). Avec l'outil de sélection «Lasso», j'ai sélectionné une seule lettre et appliqué le dégradé ; si je ne l'avais pas fait, le dégradé se serait appliqué à tout le calque.
✦ Ombre\/ 3D
Pour créer un effet d'ombre ou de 3D, il faut faire ce qui suit :
➀ Dupliquer le dossier qui contient tous les calques correspondant aux lettres ; pour cela, il faut le maintenir appuyé et dans le menu contextuel, choisir l'option «Dupliquer le calque».
➁ Maintenant, nous sélectionnons le dossier dupliqué et ouvrons à nouveau le menu contextuel, mais cette fois-ci, il faut choisir l'option «Combiner les calques sélectionnés».
➂ Nous sélectionnerons le calque qui sera créé et nous nous dirigerons vers le chemin suivant : Édition > Correction tonale > Teinte\/ Saturation \/ Luminosité.
➃ Lorsque la fenêtre «Teinte\/ Saturation \/ Luminosité» s'ouvre, il faut se diriger vers la barre de luminosité et la baisser complètement (-100). Cela convertira les lettres en noir.
➄ Maintenant, il faut placer ce calque sous le dossier ou sous les calques créés à l'intérieur du dossier.
➅ Avec l'outil de transformation, nous déplacerons le calque en le décalant légèrement dans la direction souhaitée.
L'outil de transformation se trouve 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».
➆ Enfin, il faut connecter le sommet de la lettre avec celui de son ombre et remplir les espaces vides restants.
✦ Textures
Maintenant vient la partie intéressante : pour ajouter des textures, nous pouvons utiliser des ressources téléchargées de la bibliothèque Clip Studio ASSETS. Il existe de nombreuses ressources que nous pouvons utiliser pour décorer les caractères, telles que des étoiles, des fleurs, des motifs, entre autres.
Dans mon cas, j'ai utilisé les matériaux suivants :
- Changement de couleur : Pour changer la couleur des ombres et\/ou des lignes, il faut marquer le calque où se trouve l'élément à modifier avec la fonction «Bloquer les pixels transparents» qui se trouve dans le panneau de fonctions de la fenêtre «Calque». Ensuite, il faut sélectionner la lettre avec l'outil «Sélection», et enfin, remplir avec l'option de remplissage par défaut du menu flottant de sélection (icône du pot de peinture).
Sur un calque au-dessus du dégradé, il faut commencer à implémenter le design des lettres. Dans mon cas, j'ai utilisé l'aérographe «Gouttes» pour simuler des taches et des reflets, j'ai dessiné des lignes dispersées sur d'autres lettres, j'ai également joué avec l'opacité des calques et ajouté des éclats.
N'oubliez pas d'activer «Ajuster au calque inférieur» pour ne pas dépasser les bords.
Pour décorer un peu le bord 3D, j'ai décidé d'utiliser un pinceau à motif diagonal, et enfin, avec le pinceau étoiles, j'en ai placé quelques-unes au-dessus des lettres.
Dans le monde des designs, il existe de nombreuses variantes que nous pouvons utiliser, comme par exemple : textures, aberrations chromatiques, images, motifs de points, entre autres. Si vous souhaitez connaître certaines modifications que vous pouvez apporter à une typographie, je vous invite à consulter ces tutoriels que j'ai réalisés précédemment :
Voici quelques exemples :
✦ Bordure
Pour la prochaine étape du design, j'appliquerai plusieurs niveaux de bordure, chacun avec une couleur différente.
Pour appliquer une bordure de couleurs aux lettres, il faut faire ce qui suit :
➀ La première chose à faire sera de créer une copie du dossier où nous avons enregistré tous les calques correspondants des lettres, ceci afin de conserver une copie de sauvegarde.
Pour la copie, rappelez-vous : Cliquez sur le calque et dans le menu contextuel, choisissez «Dupliquer le calque».
➁ En sélectionnant le dossier dupliqué, dans le menu flottant, nous utiliserons l'option «Combiner les calques sélectionnés».
Bien que nous puissions appliquer une bordure directement à un dossier et, par conséquent, aux éléments qu'il contient, je préfère créer une copie d'un seul calque.
➂ Nous nous dirigerons vers la palette «Propriétés du calque», où nous cliquerons sur l'icône en forme de cercle. Par défaut, une bordure blanche apparaîtra. En déplaçant la barre «Épaisseur de la bordure», nous changeons sa largeur.
Dans «Couleur de la bordure», nous cliquons pour changer la couleur depuis la fenêtre contextuelle de couleur. Si nous avons déjà une couleur sélectionnée, il suffit de cliquer sur l'icône du pot de peinture qui se trouve à côté de la bande de couleur.
Une fois le premier contour créé, pour le second, nous devrons créer un nouveau calque au-dessus et ensuite fusionner ce nouveau calque avec celui du premier contour en utilisant l'option «Combiner avec le calque inférieur». Cela nous permet de rendre la fonction de contour à nouveau disponible sans perdre le contour précédent. Il ne reste plus qu'à choisir l'épaisseur et la couleur de ce second niveau de contour.
Nous pouvons le répéter pour autant de niveaux que nous le souhaitons.
2. Enregistrer
Deux méthodes me viennent à l'esprit pour stocker les caractères conçus et les utiliser dans d'autres projets. Voyons lesquelles :
✦ Matériau d'image
Les matériaux d'image sont un fichier facilement accessible qui est stocké dans le dossier des matériaux. Pour convertir une illustration en matériau d'image, c'est très simple, voyons comment :
➀ La première chose et la plus importante est que pour de meilleurs résultats, la lettre ne doit pas avoir de fond.
➁ Maintenant, il faut sélectionner la lettre avec l'outil «Sélection». Ensuite, nous irons à : Édition > Enregistrer le matériau > Image.
➂ Une fenêtre apparaîtra où nous devrons entrer le nom du matériau, son emplacement dans le programme et, le plus important, cocher la case «Après agrandissement et réduction». Une fois que tout est prêt, nous cliquons sur Accepter.
Il ne reste plus qu'à faire glisser le matériau créé depuis le dossier où nous l'avons enregistré. De plus, avec les nœuds, on peut le déplacer en cliquant sur le bord de la ligne, le faire pivoter en utilisant le point de contrôle supérieur, et enfin, en utilisant les poignées du cadre, nous changerons la taille. Et pour finir, dans le calque «Propriétés de l'outil», nous trouverons d'autres options de réglage telles que : rotation, inclinaison, maintien des proportions, etc.
Vous reconnaîtrez facilement un matériau d'image par le symbole qui apparaît sur le calque.
Pour un meilleur ordre dans les dossiers de matériaux, nous pouvons en créer un spécifique pour l'alphabet, c'est simple :
➀ Dans la fenêtre des matériaux, dans la zone inférieure droite de la liste des dossiers, nous trouverons l'icône «Créer un nouveau dossier».
➁ Nous choisissons le nom du nouveau dossier.
➂ Nous sélectionnons et faisons glisser les images de l'alphabet vers le dossier et lâchons.
✦ Multi-pinceau
Les pinceaux multiples sont ceux qui sont composés d'images. Voyons comment faire :
➀ Comme expliqué précédemment, il faut sélectionner la lettre avec l'outil «Sélection».
➁ Maintenant, nous irons à : Édition > Enregistrer le matériau > Image.
➂ Cette fois-ci, l'option que nous devrons cocher est «Utiliser comme forme de pointe de pinceau».
➃ Dans les pinceaux de «Décoration» qui sont intégrés par défaut dans le programme. Nous choisissons le pinceau «Bouton» et le dupliquons en cliquant droit dessus. Un menu apparaîtra où nous cocherons l'option : «Dupliquer le sous-outil».
➄ Une fenêtre apparaîtra où il sera possible de modifier le nom, l'icône et d'autres options, mais dans ce cas, seul le nom est nécessaire.
➅ Une fois le nouveau pinceau créé, nous irons à l'icône en forme de clé à molette (1) qui se trouve en bas à droite de la fenêtre «Propriétés de l'outil». Une nouvelle fenêtre s'ouvrira dans laquelle nous devrons aller à : «Pointe du pinceau» (2). Une fois là, il faut appuyer sur la flèche de l'image qui est affichée en haut (3).
Le navigateur s'ouvrira, nous y choisissons le matériau que nous avons enregistré précédemment et, une fois terminé, nous cliquons sur Accepter et fermons la fenêtre précédente. Voilà.
Les matériaux créés se trouvent plus rapidement en sélectionnant l'étiquette «Matériau créé».
Pour ajouter plus d'images, nous cliquerons sur l'icône de la feuille qui se trouve en bas à droite. Le navigateur s'ouvrira une fois de plus et nous y ajouterons le matériau.
Pour changer la position d'une image par rapport à une autre, il suffit de la maintenir appuyée et de la faire glisser vers son nouvel ordre.
Le pinceau contiendra les caractères de l'alphabet, de cette manière nous pourrons l'utiliser à tout moment et le partager entre d'autres appareils liés à notre compte. Les lettres apparaîtront en continu sur la toile lors de l'application du pinceau ; pour les séparer, nous pouvons utiliser l'outil de sélection et\/ou les déplacer vers un nouveau calque.
Dans les «Détails du sous-outil», dans la section «Trait», nous pouvons moduler l'intervalle de séparation entre une image et la suivante.
Nous avons déjà notre alphabet, il ne reste plus qu'à le disposer avec des éléments qui le complètent.
Enfin, si vous souhaitez connaître quelques conseils sur la façon de disposer les éléments sur des cartes, des cartes postales, des affiches, entre autres, je vous invite à consulter les Astuces présentées tout au long de ce tutoriel et du suivant :
✦ Typographie installable
Malheureusement, nous ne pouvons pas créer un fichier installable d'une typographie aussi colorée et détaillée que la précédente. C'est parce que les typographies utilisées avec les différents outils texte de chaque programme sont en réalité des vecteurs. C'est pourquoi nous ne pouvons créer des designs qu'avec des couleurs en blocs définis.
Pour cet exemple, je reprendrai l'alphabet précédent, mais je lui enlèverai les détails colorés, ne laissant que le bord noir, la projection 3D et l'intérieur blanc.
Pour créer un fichier installable de notre propre typographie, il faut faire ce qui suit :
➀ Une fois que nous avons le design de notre typographie sur un calque sans fond, nous irons sur une page qui nous aide à numériser notre création de manière très simple, une recommandation serait la page Calligraphr.
➁ Une fois sur la page, nous devrons suivre les étapes indiquées par la plateforme, qui consistent à : Télécharger le modèle, le remplir et le télécharger à nouveau une fois complété.
➂ Le modèle ressemblera à ceci. Nous l'ouvrirons dans un nouveau projet dans CLIP STUDIO PAINT. Nous y copierons et collerons caractère par caractère dans la cellule correspondante, comme l'indique la case elle-même.
Pour copier et coller un élément, qu'il s'agisse d'un calque ou d'un dossier vers un autre fichier, nous pouvons le faire depuis : Édition > Copier\/coller ; ou avec les raccourcis clavier «CTRL plus C» (coller) et «CTRL plus V» (coller).
➃ Une fois le modèle rempli, il faut l'enregistrer sur l'appareil via l'option : Fichier > Aplatir et enregistrer dans le stockage de l'appareil > PNG.
➄ De retour sur la page, il faut charger le modèle et générer le fichier TTF\/OTF de notre typographie et le télécharger.
Les typographies appropriées sont composées de l'alphabet, de ses variantes, des signes de ponctuation et des symboles spéciaux. Dans ce cas, la typographie créée dans cet exemple est basique, ne contenant que l'alphabet.
De retour dans CLIP STUDIO PAINT, il faut aller à l'outil «Texte» et dans les «Propriétés de l'outil» aller à : Police > Ajouter une police. En cliquant, la fenêtre de recherche de fichiers s'ouvrira où nous choisirons le paquet TTF\/OTF qui contient notre typographie, et nous cliquons sur Accepter.
Un message apparaîtra où il nous permettra de l'enregistrer dans le cloud ; si cela vous convient, acceptez-le, sinon, cliquez simplement sur fermer. C'est fait, nous avons maintenant une police de notre propre création.
Cette police peut également être installée dans d'autres programmes.
Une fois ajoutée, elle apparaîtra dans le menu déroulant «Police» comme toute typographie installée. Dans la fenêtre «Propriétés de l'outil», nous pourrons jouer avec les réglages de texte tels que : Taille, style, justification, couleur, bordure, angle, rotation, inclinaison, perspective ou si elle est creuse, entre autres.
3. Styliser le texte
Dans cette dernière section, je vais montrer quelques façons d'éditer les polices pour leur donner plus de style.
✦ Biseauté
Pour ce premier exemple, j'expliquerai l'effet de biseautage.
Pour la première étape, nous créerons avec l'outil «Texte» deux types de polices, l'une avec un trait épais et l'autre avec un trait aussi fin que possible.
Maintenant, nous devons convertir le calque de texte qui contient la lettre la plus fine en un calque vectoriel. Pour cela, il faut faire un clic droit sur le calque (ou maintenir le calque appuyé si vous travaillez sur tablette) et choisir l'option «Convertir le calque (H)» qui apparaît dans le menu flottant. En cliquant sur cette option, une fenêtre s'affichera où vous pourrez choisir de convertir le calque en un type vectoriel.
Type (K) : Calques vectoriels.
Lorsque nous changeons le type de calque en vectoriel, l'option de réglages est activée. En cliquant dessus, une nouvelle fenêtre s'ouvrira où nous pourrons effectuer plusieurs modifications, mais la plus importante est «Largeur de ligne max.». Ce réglage module l'épaisseur de la ligne.
Je recommande d'utiliser 5 px.
Si la ligne est encore très épaisse, je conseille d'utiliser les outils de «Réduction de ligne» dont disposent les calques vectoriels.
J'ai expliqué cet outil lors de la création de l'alphabet. Il suffit de choisir l'option et de peindre la ligne avec le pinceau autant de fois que nous voulons réduire la largeur.
Maintenant, il faut sélectionner lettre par lettre et avec l'outil de sélection et de transformation, les aligner au centre des lettres larges.
Texte creux : Pour l'étape suivante, il faut convertir le texte épais en texte creux. Nous y parviendrons en faisant ce qui suit.
➀ Sélectionner l'outil texte.
➁ Ensuite, nous sélectionnerons le calque (calque de texte) et irons aux propriétés de l'outil texte, là, dans la section «Force» ; si nous déroulons le menu, nous trouverons l'option «Creux avec contour», cette option nous permet de choisir entre deux styles : Fin et Gras. Dans mon cas, j'ai choisi gras. Voilà, nous avons maintenant une typographie creuse.
Si jamais cette option n'est pas disponible dans la fenêtre, nous pouvons l'activer depuis la clé à molette qui se trouve en bas à droite de la fenêtre «Propriétés de l'outil». Une fenêtre s'ouvrira où nous irons à «Style» et une fois là, nous cliquerons sur la case «Creux avec contour».
Nous continuerons à baisser l'opacité des calques créés jusqu'à présent. Ensuite, nous créerons un nouveau calque vectoriel au-dessus et commencerons à dessiner les contours avec les outils de forme. Une fois la structure obtenue, nous devrons unir les sommets de la lettre creuse avec ceux de la lettre fine, c'est ce qui donnera l'effet de biseautage (J'ai expliqué l'utilisation de l'outil de forme précédemment).
Astuce : Si nous utilisons la touche SHIFT, nous pouvons obtenir des lignes droites parfaites. Si vous travaillez sur une tablette, vous trouverez l'option sur le clavier latéral.
La dernière étape consiste à appliquer la couleur avec l'outil Pot de peinture, comme expliqué dans la section «Couleur de base» de la deuxième partie de ce tutoriel. Enfin, il ne reste plus qu'à supprimer la ligne.
✦ Perspective
Un texte en perspective a de nombreuses applications, voyons quelques-unes :
➀ Convertir le calque de texte en calque de pixellisation.
On travaille avec des calques de pixellisation car les calques de texte ne peuvent être ni édités ni dessinés.
➁ Maintenant, pour adapter un texte en perspective, il faut sélectionner le calque ou lettre par lettre comme c'est le cas ici.
➂ Dans le chemin suivant, nous trouverons les options de transformation : Édition > Transformer > Transformation libre, perspective, distorsion ou inclinaison. Nous pouvons également accéder à l'outil de transformation standard depuis l'icône qui se trouve dans la barre supérieure si nous sommes sur la version tablette.
Note : Une fois l'option de transformation active, nous pouvons passer rapidement d'un type de transformation à un autre depuis la fenêtre «Propriétés de l'outil» dans la section «Mode».
➃ Il faut déplacer les nœuds du cadre dans la direction de la perspective souhaitée.
Il existe différents outils de transformation qui nous permettent de positionner le texte sous plusieurs angles, il suffit d'essayer.
Pour créer l'effet 3D, il faut suivre les mêmes étapes que celles expliquées dans la section «Ombre\/ 3D», mais dans ce cas, il faudra déplacer la perspective lettre par lettre en fonction de celle qui correspond.
Maintenant, avec l'outil de sélection et l'option «Bloquer les pixels transparents», nous pouvons changer la couleur de l'ombre. Enfin, avec l'outil : Forme > Ligne, nous unissons les sommets entre la lettre et l'ombre et remplissons l'espace vide. Avec cela, nous terminons l'effet 3D.
Pour ajouter un plus, nous pouvons bloquer les «Pixels transparents» du calque de l'ombre et, avec soin, avec l'outil de sélection : Polyligne, sélectionner les zones où se présentent les ombres de la forme 3D et leur appliquer une couleur contrastante.
● De plus : Pour ajouter un peu plus de profondeur, nous pouvons utiliser l'outil de sélection et les dégradés dans les zones courbes des lettres pour marquer la transition du volume.
En utilisant les différentes options de transformation et en jouant avec les points de perspective, nous pouvons obtenir des résultats intéressants.
✦ Bordure et profondeur
Pour ajouter une bordure et de la profondeur à la vue frontale du texte, il faut faire ce qui suit. J'utiliserai le texte 3D précédent :
➀ Sélectionner le calque du texte initial.
➁ Maintenant, il faut aller dans la palette «Propriétés du calque», là nous cliquerons sur l'icône en forme de cercle. Par défaut, une bordure apparaîtra.
➂ Après avoir appliqué le bord, il faut revenir sur le calque d'ombre et remplir les espaces vides qui restent sur les bords, résultant de la largeur du bord.
➃ Enfin, l'étape la plus importante. Tout d'abord, nous sélectionnerons le calque principal de la lettre, celui qui est sélectionné pour appliquer la bordure. Une fois cela fait, il faut activer la touche «CTRL» du clavier et ensuite cliquer sur la miniature du calque sélectionné.
➄ Une ligne de sélection apparaîtra sur le bord des lettres. Après l'apparition du bord de sélection, nous désactivons la touche.
➅ Maintenant, il faut créer un calque au-dessus et commencer à marquer les ombres internes de la lettre. C'est fait.
- RÉTRO -
Un autre effet de profondeur est d'empiler plusieurs calques de couleurs différentes l'un après l'autre, comme dans le style rétro.
✦ Texture flottante
Créer des lettres avec remplissage mais sans fond est très simple, voyons comment :
➀ Nous créerons le texte que nous voulons remplir.
➁ Nous activerons la touche «CTRL» et cliquerons sur la miniature du calque.
➂ Une fois que le bord de sélection apparaît, nous désactivons la touche.
➃ Maintenant, sur un nouveau calque au-dessus, nous peindrons avec un pinceau de texture ou de forme que nous aimons. C'est fait. Facile, n'est-ce pas ?
✦ Demi-teinte
Voyons comment appliquer une demi-teinte :
➀ Nous activerons la touche «CTRL» et cliquerons sur la miniature du calque. Une fois que le bord de sélection apparaît, nous désactivons la touche.
➁ Nous irons à l'outil «Dégradé» et choisirons le préréglage appelé «Dégradé de manga».
➂ Nous l'appliquerons dans la direction souhaitée. À ce stade, il n'est pas nécessaire de se soucier de créer un nouveau calque, il se créera tout seul.
Note : Avec l'outil «Déplacer l'objet» qui se trouve dans la fenêtre des outils, nous pouvons déplacer le dégradé même après l'avoir appliqué.
➃ Dans la fenêtre «Propriétés de l'outil», dans la section «Effet», nous trouverons l'option «Trame». En l'activant, le dégradé se transformera en trame.
Dans les réglages qui apparaîtront, nous pourrons choisir l'épaisseur de la demi-teinte, la forme, la couleur, entre autres. C'est fait.
Il y a de nombreuses variations que nous pouvons faire avec les demi-tons, par exemple :
- OMBRE -
Nous pouvons créer une copie du calque d'ombre et lui appliquer une trame. Nous pouvons également ajouter cet effet à la ligne de premier plan.
- FLOU -
Pour ce second exemple, nous utiliserons les filtres de flou. Il en existe une grande variété, c'est pourquoi je conseille d'abord d'explorer chacun d'eux avec leurs qualités. Les filtres se trouvent dans le chemin suivant : Filtre > Effet > Flou.
Maintenant, comme je ne veux pas que le flou s'applique à toutes les lettres, ce que je vais faire est de sélectionner une zone. Je pourrais le faire avec l'outil de sélection, mais cela ne laisserait qu'un bord dur au flou, donc, pour obtenir un flou doux, il faut faire ce qui suit :
➀ Convertir le calque en rastérisé.
➁ Sur un nouveau calque au-dessus des lettres, nous peindrons la zone souhaitée avec l'«Aérographe doux».
➂ Nous activerons la touche «CTRL» et cliquerons sur la miniature du calque. Une fois que le bord de sélection apparaît, nous désactivons la touche.
➃ Maintenant, il faut supprimer le calque peint et resélectionner le calque des lettres.
➄ Ensuite, il faut appliquer le filtre ; dans mon cas, j'utiliserai «Flou de rotation».
➅ Nous désactivons la zone sélectionnée.
➆ Enfin, nous appliquons l'effet de trame. C'est fait.
Adieu
Je dois dire que créer cet alphabet a été amusant, j'espère que vous apprécierez également de concevoir vos propres alphabets. Merci d'être arrivé jusqu'ici ! Ce serait d'une grande aide si vous pouviez me laisser un 'j'aime'. À une prochaine fois ! (≧∇≦)\/
Bye bye.
En savoir plus sur moi sur :
Les utilisateurs qui ont aimé cette publication
Commentaire