Présentation
Bonjour à tous ! Merci d'être là un mois de plus ʕ•́ᴥ•̀ʔっ. Cette fois-ci, je partage mes connaissances sur la conception et la mise en page d'affiches. J'espère qu'elles vous seront utiles. Sans plus tarder…
Commençons !!
1. À qui le design s'adresse-t-il ?
Commençons par nous demander : à qui le design s'adresse-t-il ? Selon le secteur visé, le design devra être orienté vers ce secteur. Le secteur détermine le style. Par exemple, le design pour un public enfantin n'est pas le même que pour un public adulte, ou vice versa. Les aspects de l'un ne seront pas attrayants pour l'autre dans de nombreux cas.
La question suivante à se poser sera : quelles sont les caractéristiques du secteur auquel je souhaite m'adresser ? Par exemple, une affiche destinée à un public enfantin devra avoir des éléments colorés, amusants, une typographie ludique et facilement reconnaissable. Tandis que, d'autre part, pour un public jeune/adulte, les éléments peuvent tendre vers l'audace, le culot, avec des typographies sobres.
2. Analyser le style
Une fois que nous connaissons notre public cible, et avant de commencer la mise en page, nous devons commencer à considérer certains éléments liés au style général du design. Ce sont des aspects simples, mais très efficaces.
✦ Typographie
La typographie est le style ou l'apparence du texte. Nous travaillons avec elle tout le temps lorsque nous créons des documents, pour l'école, etc. À ce stade, il faut commencer à considérer différents types de typographies qui sont en accord avec le style de l'affiche. Par exemple, si vous travaillez avec une illustration aux teintes d'horreur, la typographie utilisée devra s'harmoniser avec le thème général de l'illustration.
► Types de polices
Affichage : Il existe des typographies comme celles présentées ci-dessous, connues sous le nom de polices d'affichage, ce type est généralement utilisé pour les titres, en raison de son extravagance.
Nous pouvons obtenir ce type de polices sur le marché ou les concevoir nous-mêmes. Les exemples suivants sont des textes décorés avec différents styles que j'ai présentés dans d'autres tutoriels.
Si vous souhaitez savoir comment réaliser certains de ces designs et bien d'autres, je vous invite à visiter ces autres tutoriels où j'explique étape par étape comment les réaliser :
• SERIF : La catégorie de police suivante est le type Serif, celles-ci se caractérisent par de petits traits attachés à la partie initiale de la lettre appelés empattements. Communes dans les magazines et les journaux.
• SANS EMPATTEMENT : Les polices de type Sans Serif n'ont pas le trait si caractéristique des polices de type Serif. C'est un style qui évoque la propreté et la modernité. Couramment utilisé dans les environnements numériques car facile à lire sur les écrans.
• FAMILLES TYPOGRAPHIQUES : Les familles typographiques possèdent certaines variations connues sous le nom de modifications de la morphologie de la typographie. Ces modifications s'apprécient dans la différence par rapport à la largeur du trait, la proportion et l'inclinaison.
Grâce à ces variations, il n'est pas toujours nécessaire d'utiliser différentes familles typographiques, une seule peut être plus que suffisante.
► Quelles polices utiliser ?
Lorsque l'on travaille sur un projet, il est conseillé d'utiliser une à deux polices au maximum. Si un plus grand contraste est nécessaire, les polices déjà utilisées peuvent être répétées, mais avec des modifications de la morphologie, que ce soit une taille supérieure, soulignées ou en gras. Dans l'exemple suivant, le titre utilise une police de type serif, tandis que le reste est de type sans serif avec différentes variations.
Lorsque l'on combine différents types de polices, il faut tenir compte du fait qu'elles doivent se compléter. Par exemple, des décoratives avec des simples ou des courtes avec des hautes.
► Niveaux hiérarchiques
Dans toute conception où des typographies sont ajoutées, nous pouvons nous aider de la hiérarchie typographique. Elle aide à organiser notre composition et l'ordre de lecture. La hiérarchie typographique est généralement divisée en trois niveaux :
➀ Primaire : Ici sont placés les titres.
➁ Secondaire : Ici nous trouvons les sous-titres et les petits blocs de texte.
➂ Tertiaire : Le texte principal des articles longs se trouvera dans cette section.
✦ Couleur
Les couleurs nous permettent de transmettre des sentiments et des ambiances. Par exemple, les sentiments d'amour sont normalement associés aux couleurs pastel et roses ; la haine ou la peur aux couleurs sombres comme le marron, le noir ou le rouge.
Certaines significations des couleurs varient selon la culture, c'est pourquoi il est indispensable de tenir compte du public que l'on souhaite atteindre.
Pour concevoir une bonne palette de couleurs, nous devons connaître la théorie des couleurs, et pour cela, nous utiliserons un outil conçu pour choisir les couleurs : le cercle chromatique.
Les couleurs peuvent être classées en froides et chaudes.
► Couleurs chaudes
Ces couleurs transmettent au spectateur des sensations d'enthousiasme, de passion, de joie, d'amour, d'énergie, de chaleur, etc. Elles peuvent également représenter une période de l'année, par exemple l'automne ou le printemps. Elles transmettent des sensations de températures élevées. Ce sont celles qui vont du rouge au jaune.
► Couleurs froides
Ces couleurs transmettent des sensations de basses températures. Ce sont celles qui vont du bleu au vert, ainsi que les violets. Les couleurs froides sont les tons de l'hiver, de la nuit, des mers, des lacs, de la tranquillité, du calme, de la solitude, de la sérénité, de la tristesse, de la nuit, de l'hiver, etc. C'est le bleu qui est le plus lié aux tons froids et qui, s'il est présent dans d'autres tons, contribue à les faire percevoir comme plus froids.
► Harmonies de couleurs
Les harmonies de couleurs sont des formules pour combiner les couleurs de manière harmonieuse. En les utilisant correctement, nous pouvons créer des palettes qui donnent de la crédibilité à nos illustrations. Il existe cinq harmonies importantes, voyons lesquelles :
A. COMPLÉMENTAIRES : Les couleurs complémentaires sont celles qui sont opposées dans le cercle chromatique, cette combinaison crée un contraste.
B. ANALOGUES : L'harmonie analogue est formée par l'utilisation de couleurs qui sont proches dans le cercle chromatique. En raison de leur proximité, elles se combinent bien entre elles.
C. COMPLÉMENTAIRES ADJACENTS : Pour cette harmonie, on prend une couleur que l'on appelle principale et on prend ensuite deux tonalités adjacentes à son complémentaire.
D. TRIADE : Pour créer une triade harmonique, on utilise trois couleurs équidistantes.
E. MONOCHROMATIQUE :
Pour créer des palettes avec cette harmonie, toutes les couleurs dérivent d'une seule couleur dont on utilisera les diverses variations de luminosité et de saturation. On peut également ajouter différents gris neutres.
3. Mise en page
Voyons maintenant quelques aspects de la mise en page qui nous aideront dans nos compositions lors du placement du texte, et pour que celui-ci s'harmonise parfaitement avec le reste des éléments.
✦ Hiérarchie générale
La hiérarchie est utilisée pour guider le regard du spectateur. Le parcours va du plus accrocheur au moins voyant, il montre au spectateur où commencer et où aller ; parmi les éléments accrocheurs, nous pouvons trouver des éléments grands et décorés. Voyons un exemple simple, lequel est le meilleur ? Celui de gauche, sans aucun doute.
Varier la taille de la lettre en fonction de l'importance de l'information et le contraste de couleur sont des éléments indispensables à prendre en compte pour guider le regard du spectateur. Comme nous pouvons le voir dans l'exemple suivant, le lecteur suit la séquence parce que les éléments ont la taille et la disposition pour guider le regard là où le designer le souhaite.
COULEUR : La couleur est également un élément à considérer, une couleur qui contraste avec l'environnement nous permettra de concentrer le regard sur l'élément mis en évidence.
✦ Positionnement du texte
Le texte peut être placé n'importe où dans la composition ou faire partie intégrante du design, mais en veillant à ne pas interférer avec l'élément d'attention de l'illustration. C'est pourquoi les textes principaux sont généralement placés dans les zones vides de l'illustration, et les logos ou textes secondaires sont majoritairement visibles en marge inférieure ou supérieure.
Nous pouvons également placer une partie du texte derrière un élément, en angle ou sous forme circulaire/semi-circulaire.
✦ Hiérarchie visuelle (couleur)
Plongeons maintenant dans quelques techniques que nous pouvons utiliser pour améliorer la relation et la proportion des couleurs. Ainsi, nous pouvons donner du volume et de la forme à une composition.
► Règle 60-30-10
C'est une règle qui aide au choix et à la combinaison des couleurs. Cette règle stipule que la couleur dominante doit occuper 60% du design, la couleur secondaire 30%, tandis qu'une couleur d'accent doit occuper 10%.
Avantages de la règle 60-30-10 :
1. Garantit une sensation d'équilibre en attribuant des pourcentages à chaque couleur.
2. Avoir 3 couleurs établies simplifie le processus de conception. Cela limite les options et évite les combinaisons de couleurs accablantes.
3. La couleur dominante attire l'attention sur les grandes surfaces et établit l'ambiance générale du design (60), tandis que les 30-10 restants accentuent des éléments spécifiques.
► Valeur tonale
La valeur tonale définit la clarté ou l'obscurité d'une couleur. Par exemple, si nous avons une échelle de couleur bleue, que nous convertissons en une échelle de gris, nous obtenons alors la valeur tonale. La luminosité d'une couleur est généralement classée en haute, moyenne et basse, le haut étant la plage de valeurs la plus proche du blanc, le moyen, la zone des gris et le bas, les valeurs proches du noir.
Eh bien, cette même échelle peut être appliquée à n'importe quel dégradé de couleur, et ce faisant, nous constaterons que même si une couleur a différentes nuances ou saturations, elle possède toujours la même luminosité ou obscurité.
Voyons l'exemple suivant : Nous avons deux échelles de couleurs, le bleu et le rose. Le bleu appartient aux couleurs froides et le rose appartient aux couleurs chaudes. Maintenant, si nous les convertissons en niveaux de gris, nous remarquerons que, malgré des nuances différentes, la luminosité d'un rose peut être égale à celle d'un bleu.
Pourquoi est-ce important ? Eh bien, c'est significatif en raison du contraste. Si nous prenons deux couleurs avec des valeurs tonales similaires, le contraste est perdu et quand le contraste est perdu, dans de nombreux cas, le volume est également perdu, rendant impossible la différenciation des objets entre eux.
Dans l'image suivante, nous avons un contraste élevé à gauche, un contraste moyen au centre et un contraste faible à droite.
Gérer des contrastes faibles n'est pas toujours mauvais, car nous pouvons nous guider par le contraste de la nuance d'une couleur pour créer l'illusion du contraste, mais c'est un peu plus difficile.
La valeur tonale nous aide à différencier les objets et à mettre en évidence les éléments importants, en nous indiquant quoi regarder en premier. Naturellement, notre regard cherche les zones de contraste élevé, mais si nous utilisons des valeurs similaires partout, l'attention se disperse, ce qui fera que notre regard ne se posera sur aucun point spécifique et que nous voudrons quitter l'image.
Dans l'exemple suivant, l'image de gauche utilise un faible contraste avec des valeurs très similaires entre elles, ce qui rend la lecture des éléments difficile. D'autre part, à droite, un contraste plus marqué est perceptible, facilitant la lecture de l'image et de chacun de ses éléments.
💡 ASTUCE : Pour voir plus facilement la valeur tonale que nous utilisons, nous pouvons appliquer l'astuce fiable de convertir une image en niveaux de gris. Pour ce faire de manière non destructive, il faut procéder comme suit :
1. Créer un nouveau calque au-dessus de ce que l'on veut voir en gris.
2. Avec l'outil « Pot de peinture », il faut remplir le nouveau calque avec du noir.
3. Aller dans les « Modes de fusion » du menu de la fenêtre des calques et choisir le mode « Couleur ».
Voilà, nous avons maintenant ce calque que nous pouvons activer et désactiver à notre convenance.
💡 ASTUCE : Avec les outils de « Correction tonale », nous pouvons modifier les valeurs des couleurs pour améliorer la saturation et la luminosité de l'image. Pour ce faire, nous avons deux méthodes : une destructive et une non destructive.
● Méthode non destructive : Pour cette méthode, nous maintenons le calque enfoncé, un menu apparaît où nous trouverons l'option « Nouveau calque de correction ». En cliquant dessus, un sous-menu se déroule où nous trouverons tous les outils de correction tonale. Il ne reste plus qu'à choisir celui de notre préférence. Pour ma part, je recommande « Courbe de tons ».
Cette méthode créera un calque indépendant du reste que nous pourrons déplacer parmi les autres calques. Et le plus important, la correction des couleurs de ce calque affectera tous les calques qui se trouvent en dessous. Pour l'éviter, il faudra le placer au-dessus du calque dont on veut corriger la couleur et appliquer l'option « Ajuster au calque inférieur » qui se trouve dans la palette « Calque ».
Les avantages de cette méthode sont que nous pouvons accéder aux réglages de couleur du calque autant de fois que nous le souhaitons, même après avoir défini les réglages. Pour cela, il faudra double-cliquer sur la petite icône blanche dans le coin droit de la vignette du calque. Le prochain avantage est que nous ne perdrons pas les réglages originaux ; si nous ne voulons pas la correction, nous pouvons simplement la supprimer sans rien perdre.
● Méthode destructive : Cette seconde méthode implique d'éditer la couleur du calque directement depuis le calque lui-même. Une fois la correction appliquée, les changements ne pourront pas être modifiés, seulement annulés dans la portée de l'option d'annulation. Pour appliquer cette méthode, il faut sélectionner le ou les calques à éditer, puis aller dans : Édition > Correction tonale. Une fois là, il faudra choisir l'outil de correction que l'on préfère.
NOTE : Depuis la version 5.0, il est possible d'utiliser « Correction tonale » pour éditer plusieurs calques simultanément.
✦ Diagrammation
Commençons par connaître quelques formats que nous pouvons utiliser pour nos designs et comment créer le format dans CLIP STUDIO PAINT.
► Dimensions
Pour les affiches, flyers ou magazines, un style vertical est généralement la règle. Dans ce sens, on suit la taille du papier A. Parmi ces formats, nous avons :
• A1 : La taille de ce type de poster est généralement de 594 x 841 mm.
• A0 : Une taille polyvalente pour ce type de 목적 (purpose). Ses mesures sont : 841 x 1189 mm.
• LETTRE : Avec des mesures de 21.5 x 27.9 cm.
• D'autre part, pour les formats numériques, des mesures de 1080 x 1920 px sont recommandées.
► Configuration du fichier
S'il s'agit de fichiers destinés à être imprimés, il faut prendre en compte certains aspects techniques tels que le profil de couleur, les dimensions, les marges, etc. Pour le moment, nous ne nous concentrerons pas là-dessus, mais si vous souhaitez en savoir plus, je vous recommande de consulter les tutoriels d'impression que vous trouverez dans la communauté CLIP STUDIO TIPS.
Note : La largeur du fond perdu est un espace qui sera coupé à l'impression, mais pour éviter les erreurs, étendez le design jusqu'à cette partie. Il faut éviter de placer des éléments importants près de la zone de fond perdu.
Dans les Préréglages, nous pouvons trouver des formats prédéfinis.
Nous pouvons configurer la taille de la marge dans la section taille, et à la fin nous avons l'option de définir une marge personnalisée.
Enfin, nous avons trois options importantes.
➀ La largeur du fond perdu peut être modifiée entre 3 et 5 mm, cela dépendra des normes de l'imprimerie.
➁ En ce qui concerne la résolution, les fichiers de plus de 300 dpi sont idéaux pour l'impression et 72 pour les fichiers numériques.
➂ Pour la couleur d'expression, nous en avons deux : Couleur et monochrome. L'un permet d'utiliser des couleurs et l'autre non.
► Types de mises en page
Découvrons maintenant quelques exemples de schémas de mise en page que nous pouvons suivre lors de la réalisation de nos designs.
• CENTRAL : Cette composition est très souvent utilisée dans les affiches de cinéma. Dans ce type de formats, la première chose que l'on trouve dans la zone centrale supérieure est un en-tête, puis nous avons l'image centrale qui occupe tout l'espace disponible. Dans cette zone, aucun texte n'est placé, car c'est généralement là que se trouve l'élément central de l'illustration. Maintenant, dans la partie inférieure, nous pouvons placer des textes importants comme des titres, suivis de texte de seconde hiérarchie et enfin de texte complémentaire, bien que ces textes puissent être inversés comme dans l'exemple suivant.
Dans les flyers publicitaires, nous trouvons également cette disposition centrale, principalement parce que le produit doit être le centre d'attention majeur.
• COMPENSATION : Dans ce diagramme, le texte n'est pas nécessairement placé au centre, mais sur les côtés, en compensant. Si d'un côté nous avons du texte, de l'autre nous avons l'illustration. Mais si l'image est centrale, le texte est placé sur les bords.
Si l'image est centrée, le texte important peut être placé derrière certains éléments, mais de manière à ce que la taille du texte en souligne l'importance. Par exemple, dans l'illustration de cette montagne enneigée, le texte important semble se trouver derrière la montagne ; cela aide également à intégrer les deux éléments, les faisant interagir.
► Magazines
Voyons maintenant quelques éléments plus spécifiques de la mise en page des magazines. Les couvertures de magazines sont chacune leur propre monde, mais il y a des éléments qui se répètent souvent sur la plupart d'entre elles. Découvrons ces éléments :
1. LOGO : Le logo est l'élément principal qui contient le nom de la marque, un nom et un design qui le rendent automatiquement reconnaissable. C'est généralement l'élément le plus grand de la couverture, occupant une grande partie de l'espace.
2. IMAGE PRINCIPALE : L'image devra représenter et définir la personnalité de la publication, ce sera la référence que l'utilisateur prendra pour savoir à l'avance si le contenu l'intéressera ou non.
3. TITRE PRINCIPAL : Ce titre sera le plus important et celui qui devra être mis en évidence de quelque manière que ce soit par rapport aux autres titres, que ce soit avec un texte plus grand et en utilisant des couleurs vives. La typographie doit être cohérente avec les polices utilisées précédemment.
4. INFORMATIONS FIXES : Ce sont les informations de la maison d'édition elle-même, telles que le numéro de publication et la date.
5. TITRES SECONDAIRES : Cette deuxième section de titres devra contenir des sujets intéressants pour le public. En ce qui concerne le texte, il peut suivre un style uniforme avec des éléments qui soulignent son importance, comme un titre mis en évidence, mais qui ne doit pas ressortir davantage que le titre principal.
6. CODE-BARRES : Le code-barres fait également partie des éléments fixes correspondant aux informations corporatives.
Types de couvertures
En design, nous pouvons trouver trois types de couvertures, voyons lesquels :
• Figuratives : Ces couvertures comportent un élément principal, cet élément étant généralement un personnage.
• De texte : Ce type de couvertures est peu courant car la communication est plus facile à travers les images, il est donc difficile de capter l'attention du lecteur. Ces couvertures sont dominées par la typographie et une image de fond peu attrayante.
• Conceptuelles : Ces couvertures contiennent peu de texte et tentent de communiquer le thème principal au moyen d'images interprétatives.
► Affiches publicitaires
Les éléments d'une affiche publicitaire sont généralement concis afin que le lecteur soit informé et que le message atteigne le plus grand nombre de lecteurs. Voyons les éléments essentiels :
1. TITRE : Le titre indique le nom de la marque du produit à promouvoir. Le texte doit être lisible, même de loin. Ce titre doit être placé à un endroit bien visible afin de ressortir parmi tous les éléments, occupant une grande partie de l'affiche.
2. DATE/ LIEU/ HEURE/ PRIX : Ce contenu informe le lecteur où et quand il peut acquérir ou assister à l'élément publicitaire. Dans cette partie, la typographie doit être plus petite, à l'exception du prix, qui doit être mis en évidence.
3. IMAGE PRINCIPALE : C'est l'élément qui occupe le plus grand espace. Elle doit être placée de manière à attirer l'attention, et les éléments les plus importants de l'image ne doivent pas être recouverts par d'autres éléments. Il n'y a rien de plus à dire, une image vaut mille mots.
4. SPONSORS : Ces éléments sont placés au bas de l'affiche, classés par ordre d'importance décroissant. Les logos des entreprises sponsors y sont placés.
5. INFORMATIONS DE CONTACT : Ces informations peuvent être un numéro de téléphone, un e-mail ou le site web. Ces informations doivent se trouver à la fin de la lecture.
4. Configuration de l'outil texte
Dans mes tutoriels axés sur la typographie, j'ai l'habitude d'inclure cette section où j'explique les notions essentielles d'utilisation de l'outil « Texte » afin d'aider ceux qui ne sont pas encore familiarisés avec celui-ci. De plus, de nouvelles mises à jour pour cet outil apparaissent souvent et je les inclus dans les nouvelles versions des tutoriels de typographie. Donc, si vous êtes déjà familiarisé avec cet outil, n'hésitez pas à sauter cette section.
IMPORTANT
À partir de la version 5.0, les noms de certaines palettes ont changé. Les termes sont passés de —> à :
● Sous-outil —> Groupe d'outils.
● Propriété de l'outil —> Réglage de l'outil.
● Détail du sous-outil —> Réglages avancés de l'outil.
✦ 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 ». Dans la fenêtre « Réglage de l'outil », vous trouverez toutes les configurations.
► Texte simple
Le cadre de texte peut être déplacé en cliquant sur le bord de la ligne, pivoté à l'aide du point de contrôle supérieur et enfin, en utilisant les poignées du cadre, la taille du texte est modifiée. Cela peut compresser les lettres, mais si l'option « Conserver les proportions » est cochée dans la fenêtre « Réglage de l'outil » ou si la touche SHIFT est maintenue enfoncée, les transformations resteront constantes. Bien que ces transformations soient idéales pour donner des effets dramatiques.
Pour terminer l'édition, cliquez sur l'icône de coche qui se trouve dans la barre flottante. L'icône du crayon vous amène aux « Réglages avancés de l'outil ». Et le bouton « X » permet d'annuler (cliquer en dehors du cadre met également fin à l'édition).
► Cadre de texte
Nous avons maintenant une autre méthode : les cadres de texte. Cette méthode, au contraire, crée un cadre où, à la différence de la méthode précédente, elle limite l'espace disponible pour écrire. Pour activer l'option, il faut aller à : Glisser > Créer un cadre de texte. L'un des grands avantages que j'y vois est qu'il n'est plus nécessaire d'utiliser la touche Entrée pour le saut de ligne ; une fois la limite atteinte, un saut est automatiquement effectué.
NOTE : À partir de la version 2.0, l'option « Ajuster le texte au cadre » sera sélectionnée par défaut. Cette option empêche le texte de s'étendre au-delà du cadre. Au lieu de cela, une nouvelle ligne sera générée. Pour la désactiver, il faut aller à : Réglages avancés de l'outil > Texte.
Contrairement à la méthode précédente, lorsque nous utilisons les poignées pour transformer le cadre, les lettres ne sont pas compressées (nous pouvons le remarquer en voyant que l'option de conserver les proportions est désactivée). Si le cadre est trop petit, une partie du texte sera masquée jusqu'à ce qu'il soit redimensionné à un format où tout le texte peut être visible.
NOTE : Même si cette option est active, il est toujours possible d'écrire du texte de manière simple, en cliquant dans un espace, sans avoir besoin de dessiner le cadre. Ainsi, on peut varier rapidement entre les deux méthodes.
Si nous entrons dans les « Réglages avancés de l'outil » depuis la clé anglaise située en bas à droite de la fenêtre « Réglage de l'outil », dans la section texte, nous trouverons l'option « Aligner les cadres ». Cette option permet de modifier l'alignement du texte par rapport au cadre : Haut, centre, bas.
► Plusieurs calques de texte
Si nous avons plusieurs calques de texte, ils peuvent être regroupés en un seul avec l'icône « Fusionner avec le calque inférieur ». Ce calque peut contenir de nombreux cadres de texte qui peuvent être modifiés indépendamment ou en groupe.
NOTE : Si l'un des calques combinés n'est pas de type texte, le résultat de la combinaison sera un calque rastérisé qui ne pourra plus être édité comme du texte.
Si nous voulons sélectionner plusieurs textes en même temps, nous devrons activer l'option : « Sélectionner le texte ». Cette fonction se trouve dans la section « Glisser » des Réglages de l'outil. Cela fonctionne aussi bien pour les calques séparés que pour les calques fusionnés. Si nous utilisons la version tablette, pour effectuer une sélection multiple, nous devrons maintenir la touche SHIFT active sur le clavier latéral.
IMPORTANT : Il faut désactiver cette option une fois terminé pour pouvoir créer de nouveaux cadres de texte sans les glisser.
► Modifier plusieurs calques à la fois
Lorsque nous souhaitons modifier plusieurs calques de texte à la fois pour gagner du temps, nous devrons modifier le réglage « Appliquer à » dans la palette Réglage de l'outil de : « Nouveau uniquement » à « Texte sélectionné ».
NOTE : Texte sélectionné est une nouvelle fonction ajoutée dans la version 2.0 du programme.
Maintenant, en sélectionnant tous les cadres que vous souhaitez modifier, nous éditerons depuis la palette de propriétés. Les changements se refléteront dans chaque cadre sélectionné. Cette méthode d'édition est une amélioration implémentée dans la version 2.0.
► Taille et police
Dans cette section apparaîtront les différentes typographies et nous pourrons en moduler la taille. Pour la taille et les polices, nous pouvons sélectionner un mot, une lettre ou la phrase complète, il est donc possible d'avoir différentes configurations de taille et de police au sein du même cadre de texte.
► Ajouter des polices
En déroulant la liste des polices, vous trouverez à la fin l'option : Ajouter une police. Ici, comme son nom l'indique, de nouvelles polices sont ajoutées. Pour ce faire, il faut cliquer sur l'option, la fenêtre de recherche de fichiers s'ouvrira où nous choisirons le package ZIP/RAR/TTF/OTF qui contient notre typographie, pour enfin cliquer sur accepter.
Un message apparaîtra vous permettant de l'enregistrer dans le cloud, si cela vous convient, acceptez, sinon, fermez simplement.
Et voilà, nous avons une nouvelle police.
► Style
Quant aux styles, nous avons : Gras, italique, souligné et barré. En sélectionnant un mot ou tout le texte, nous pouvons appliquer l'effet.
► Justifier/ Alignement / Direction du texte
● Justifier et direction du texte : Quant à la justification, le texte peut être aligné à droite, au centre et à gauche. Pour la structure, nous pouvons changer la direction entre horizontale et verticale (le sens vertical fonctionne mieux pour les caractères japonais, par exemple).
● Alignement : En accédant aux « Réglages avancés de l'outil », qui seront visibles en cliquant sur la clé anglaise située en bas à droite de la fenêtre « Réglage de l'outil », nous trouverons l'option « Interligne/ alignement ». Parmi les options, nous trouverons : Ajuster, Position dans le cadre, Interligne et Ajuster le texte au cadre.
Ces options sont importantes lorsque l'on souhaite travailler avec de grandes quantités de texte pour la mise en page d'un magazine, par exemple.
► Couleur/Couleur de fond
Nous pouvons changer la couleur du texte en cliquant sur l'option correspondante dans la fenêtre « Réglage de l'outil », mais si cette option ne se trouve pas dans cette fenêtre, nous pouvons l'activer depuis : Réglages avancés de l'outil > Police > Couleur. Pour visualiser l'option depuis Réglage de l'outil, il faut activer l'icône de l'œil correspondant à l'option dans la fenêtre « Réglages avancés de l'outil ».
Dans l'option « Couleur du texte », nous avons trois options pour définir la couleur par défaut à utiliser lors de l'écriture : Couleur principale, Couleur secondaire ou Noir uniquement.
● Couleur de fond : Dans la section « Texte » de la fenêtre « Réglages avancés de l'outil », nous trouverons l'option « Couleur de fond ». Cette option applique une couleur de fond aux lettres. La couleur peut être choisie à partir de la barre correspondante, et dans cette même section, nous trouverons une barre pour moduler l'opacité du fond.
► Mode
Ici, nous trouvons échelle/ rotation/ inclinaison. Idéal pour placer des textes sous différents angles.
► Espacement/Interligne
L'espacement correspond à la séparation entre les lettres ou les caractères. Des lettres trop serrées ou trop espacées rendent la lecture difficile, mais ces deux caractéristiques sont utiles pour donner du dynamisme au texte en lui donnant un air de fraîcheur. Pour éditer ces caractéristiques dans CLIP STUDIO PAINT, il faut faire ce qui suit :
➀ Nous devrons aller dans « Réglages avancés de l'outil », qui sera visible en cliquant sur la clé anglaise située en bas à droite. Dans cette fenêtre, nous trouverons plus de fonctions qui ne sont pas visibles dans la fenêtre « Réglage de l'outil ».
➁ Dans la section « Police », nous trouvons deux options : Espace entre les caractères et rétrécissement. Avec les curseurs, nous pouvons contrôler le degré de séparation.
Par ailleurs, l'interligne est l'espace qui se trouve entre les lignes de texte. Cet espace nous permet de moduler le confort de lecture pour le lecteur ; par exemple, si l'espace est petit ou très espacé, cela peut fatiguer la vue, le mieux est un espace intermédiaire. Pour le modifier, nous trouverons l'option correspondante dans la fenêtre « Réglages avancés de l'outil » dans la section « Interligne/alignement ».
► Ligatures
Les ligatures sont l'union de lettres qui coïncident structurellement, afin qu'elles aient une meilleure apparence lorsqu'elles sont ensemble. Cette fonctionnalité a été ajoutée dans la version 2.0 de CLIP STUDIO PAINT. Elle est activée par défaut, mais nous pouvons la désactiver depuis la fenêtre « Réglages avancés de l'outil ».
NOTE : Toutes les typographies ne sont pas compatibles, et elles sont traitées comme un seul caractère si l'option est active.
Si vous souhaitez supprimer la ligature d'une partie spécifique, il suffit de masquer cette section et de désactiver l'icône de ligature.
✦ Bordure
Avant, pour créer l'effet de bordure, nous devions le faire depuis la fenêtre des propriétés du calque, mais maintenant, avec la nouvelle mise à jour vers la version 3.0, une bordure a été ajoutée à l'outil texte. Voyons comment l'obtenir.
➀ Nous devrons aller dans les « Réglages avancés de l'outil », en cliquant sur la clé anglaise située en bas à droite.
➁ Dans cette nouvelle fenêtre, nous irons dans la section « Texte ».
➂ Ici, il faut activer l'option « Bordure ». Avec la barre, on module l'épaisseur, et avec le « Couleur de bordure », la couleur.
NOTE : Si vous ne voulez pas ouvrir cette fenêtre, vous pouvez rendre cette fonction visible dans la fenêtre de Réglage de l'outil en cliquant sur le carré situé sur le côté. Lorsqu'un œil apparaît dans ce carré, cela signifie qu'il est déjà visible dans l'autre fenêtre.
Voici un exemple de la façon dont l'implémentation de bordures peut améliorer considérablement un texte.
✦ Texte circulaire
Avec la mise à jour 3.0, une fonction a été ajoutée pour placer du texte de manière circulaire. Un nouvel effet merveilleux. Pour y parvenir, il faut faire ce qui suit :
➀ Il faut aller dans les « Réglages avancés de l'outil » ; une fois dans la fenêtre, nous nous dirigeons vers la section « Texte circulaire ».
➁ Nous activons « Texte circulaire ». Avec les autres réglages, nous pouvons moduler le rayon, la direction (sens horaire et antihoraire) et la disposition uniforme.
Voici des exemples où du texte incurvé a été ajouté.
✦ Typographie creuse
Pour évider un texte, c'est aussi simple que d'activer l'option correspondante depuis : « Réglages avancés de l'outil » ; une fois dans la fenêtre, nous nous dirigeons vers la section « Police ». Là, nous trouverons l'option « Évidé avec contour ».
En activant l'option, les lettres se transformeront. Dans cette section, nous trouverons deux options : Évidé avec contour (fin) ou Évidé avec contour (gras), la deuxième option donne au contour une certaine épaisseur.
Les lettres évidées n'ont pas un contour très marqué ; si nous voulons le marquer davantage, nous pouvons activer l'effet de bordure et dans cette même section, changer la couleur de la bordure pour la même que celle des lettres. Voilà, nous pouvons maintenant moduler l'épaisseur du contour des lettres.
Si nous combinons cet effet avec un texte classique, nous pouvons créer des résultats intéressants, il suffit d'expérimenter.
Ceci est un autre exemple de la façon dont les lettres évidées peuvent aider à compléter une composition ; dans ce cas, le même texte a été appliqué verticalement, mais chacun avec une opacité moindre.
5. Concevons quelques typographies
Voici quelques idées d'édition de texte.
✦ Tunnel de texte
Le premier sera un effet de tunnel. Voyons les étapes que j'ai suivies pour cette édition :
➀ Commençons par marquer la zone où nous voulons établir les murs. Un grand rectangle pour les éléments proches et un plus petit à l'intérieur du premier pour marquer la profondeur.
➁ Maintenant, il faut créer le premier cadre de texte.
➂ Ce premier cadre de texte doit être dupliqué plusieurs fois et les duplications doivent être empilées les unes sur les autres pour former une tour de texte.
Pour dupliquer les calques, nous pouvons utiliser les raccourcis clavier « CTRL plus C » et « CTRL plus V » ou, si nous utilisons la version tablette, en maintenant le calque à dupliquer enfoncé, un menu apparaîtra où se trouve l'option « Dupliquer le calque ».
💡 ASTUCE : Si nous voulons aligner le texte de manière parfaite, nous pouvons utiliser l'outil « Aligner et disposer ». Cet outil peut être ouvert depuis : Fenêtre > Aligner et disposer.
➃ Tous les calques de texte doivent être regroupés en un seul, puis dupliqués trois fois.
➄ L'un des calques dupliqués doit être rastérisé. Pour cela, il faut maintenir le calque enfoncé, et dans le menu contextuel, choisir l'option « Rastériser ».
➅ Maintenant, avec le calque rastérisé sélectionné, il faut aller à l'outil « Transformer » et une fois actif, nous sélectionnerons l'option « Transformation libre » qui se trouve dans la section « Mode » de la fenêtre « Réglage de l'outil ».
➆ Enfin, avec ce mode de transformation, le texte peut être ajusté aux sommets des deux rectangles.
➇ À la fin, il ne reste plus qu'à répéter les étapes 5 à 7 pour remplir les autres côtés des murs.
Nous avons déjà le texte, il ne reste plus qu'à ajouter quelques éléments complémentaires pour créer la bonne atmosphère. C'est facultatif, mais dans mon cas, j'ai dessiné une route.
➀ Premièrement, avec l'outil de forme, j'ai dessiné un chemin de route et je l'ai ajusté à la perspective établie avec l'outil « Transformer » en mode « Transformation libre ».
➁ La chose suivante que j'ai faite a été de regrouper tous les calques avec le texte transformé, puis de créer un nouveau calque au-dessus de tous les précédents dans lequel j'ai marqué le contour extérieur des lettres avec le pinceau « Aérographe » et une couleur vive.
➂ Activez la touche CTRL puis sélectionnez la miniature du calque.
➃ Une fois la zone marquée sélectionnée, désactivez le calque mis en évidence.
➄ Ensuite, je suis allé au calque du texte transformé et j'ai appliqué un filtre de « Flou gaussien ».
Le flou gaussien se trouve dans : Effet > Flou > Flou gaussien.
➅ Enfin, appliquez un dégradé de noir et de transparence sous forme de cercle et de ligne droite. Chacun sur un calque séparé du reste des éléments.
Les réglages Cercle et Ligne droite se trouvent dans la section « Forme » de la fenêtre « Réglage de l'outil ».
J'ai ajouté la forme circulaire du dégradé sur le petit cadre pour indiquer la profondeur de quelque chose qui se perd en s'éloignant du spectateur. Et le dégradé en ligne droite sur les bords les plus proches du spectateur.
✦ Rotation
Voici un exemple de texte tourné avec de la profondeur, voyons comment :
➀ La première chose sera d'établir une liste du texte à éditer.
➁ Ensuite, nous devrons établir plusieurs niveaux. Dans ce cas, j'utiliserai trois niveaux et chaque niveau sera marqué par deux cercles, l'un un peu plus petit que le précédent (pour l'instant, ces cercles secondaires ne sont pas importants, ce sont des guides que j'utiliserai pour les ombres). Chaque cercle de guidage a été établi sur un calque individuel correspondant.
➂ Maintenant, il faut dupliquer le calque de texte et le convertir en un calque rastérisé.
➃ La chose suivante est de cacher tous les calques et de n'activer que celui du premier cercle, le plus grand.
➄ Avec l'outil « Sélection automatique », nous sélectionnerons le centre du cercle, puis désactiverons le calque du cercle et activerons le calque de texte rastérisé, enfin, nous cliquerons dessus.
➅ Dans la barre flottante de l'outil de sélection, nous trouverons l'option « Couper et coller », nous cliquerons dessus. Ce faisant, la partie du texte sélectionnée sera séparée du calque original et transférée vers un nouveau calque au-dessus.
➅ Enfin, nous répéterons le même processus pour les niveaux suivants.
Puisque nous avons les trois niveaux séparés, nous ajouterons de la couleur à chaque niveau. Pour cela, il faut créer un nouveau calque sous chaque calque de texte respectif, une couleur différente pour chaque niveau.
Enfin, il faut changer la couleur du texte à chaque niveau.
Pour que la couleur de fond des calques supérieurs ne recouvre pas les calques précédents, nous devrons faire ce qui suit :
➀ Nous masquerons tous les calques et ne laisserons visible que le calque contenant le guide du cercle dont nous voulons masquer la couleur. \
➁ Maintenant, il faut sélectionner le centre du cercle avec l'outil « Sélection automatique ».
➂ Ensuite, nous masquerons le calque guide et activerons ceux qui contiennent le texte et son fond respectif. Nous fusionnerons ces deux calques, nous ferons de même avec les trois autres niveaux. Au total, il doit y avoir quatre calques.
➃ Eh bien, en revenant au calque qui contient la forme du cercle que nous avons sélectionné, dans les réglages de la fenêtre « Calque », nous trouverons l'option « Masque de calque ». Nous cliquons dessus et nous verrons comment la partie externe de la sélection (la couleur) disparaît et seule la zone de la sélection reste visible.
➄ Nous répéterons l'étape précédente avec chaque niveau des cercles.
➅ Maintenant, nous sélectionnerons l'un des calques des cercles et avec l'outil « Transformer », nous ferons pivoter le texte de manière à ce qu'il se désaligne par rapport à l'image fixe précédente. Nous répéterons cela pour chaque niveau.
Cette étape n'est pas indispensable, mais je pense qu'elle ajoute un plus.
➆ Enfin, nous créerons un nouveau calque au-dessus de chaque niveau des cercles. Une fois le nouveau calque sélectionné, nous nous dirigerons vers l'outil « Dégradé ».
➇ Une fois là, nous sélectionnerons ou créerons un dégradé composé de transparence à l'extrémité gauche et de noir à droite. Dans la fenêtre « Réglage de l'outil », nous devrons définir l'option « Forme » sur « Circulaire ».
➈ Maintenant, nous appliquerons le dégradé au-dessus de chaque calque des différents niveaux.
➉ J'ai utilisé le deuxième niveau de cercles que j'ai montré au début pour me guider jusqu'où je voulais que le dégradé aille et j'ai effacé la partie restante.
À ce stade, la couleur noire ne correspond pas aux couleurs établies, j'ai donc changé la couleur du dégradé pour le bleu qui domine l'image, puis j'ai changé le mode de ce calque en « Multiplier ». Enfin, j'ai effacé un peu l'excès avec une gomme douce pour que le bord de l'ombre soit fin.
Voilà, nous avons notre effet de profondeur.
Conclusion
Je ne vais pas mentir, je m'amuse beaucoup à éditer des typographies, c'est une de mes distractions, et bien sûr, je ne vous partage que les connaissances que je possède, mais vous savez, on n'arrête jamais d'apprendre, c'est pourquoi j'espère que nous apprendrons ensemble de nouvelles façons d'éditer du texte.
Merci d'être arrivé jusqu'ici ! Un like serait d'une grande aide. À une prochaine fois ! ≽^•⩊•^≼
Bye bye ₊˚⊹♡
Découvrez-en plus sur moi sur :
Les utilisateurs qui ont aimé cette publication
Commentaire