Version vidéo :
Ce tutoriel s'adresse aux utilisateurs qui ont déjà une compréhension de base des calques vectoriels et de texte, des masques, du remplissage d'une sélection, etc.
Version texte :
Bonjour !
Je suis .avi. Je travaille comme illustratrice de jeux vidéo professionnelle et la création de bandes dessinées et de webtoons est mon passe-temps.
Puisque je conçois souvent des logos de jeux vidéo de toutes sortes dans mon travail, je voulais partager quelques astuces à garder à l'esprit lors de la création de votre logo pour le rendre mémorable et facile à lire, ainsi que des trucs pratiques pour accélérer votre travail dans Clip Studio Paint.
Le logo que j'utilise comme exemple est en fait le logo de mon webtoon, mais les principes sont applicables à toutes sortes de produits.
(Le logo lui-même n'est pas encore terminé.)
1. Connaissez votre jeu
Résumez les caractéristiques et thèmes principaux du jeu ou de la bande dessinée et choisissez les éléments que vous pourriez vouloir inclure dans le logo.
Cela aide à créer une planche d'ambiance. Dans mon cas, la voiture est l'élément principal. Je voulais aussi faire allusion au décor des montagnes enneigées et ajouter un des animaux pour l'animer. J'ai choisi le canard parce que c'était le plus étrange.
Créez des concepts juste en gribouillant. Puisque le webtoon est principalement une comédie, j'ai visé un logo de style dessin animé vif, légèrement décalé, vaguement basé sur des autocollants de voyage rétro.
2. Prenez votre temps pour choisir les bonnes polices
Je passe souvent une journée entière à chercher les bonnes polices pour chaque logo que je crée. Parcourez des sites Web comme Dafont et téléchargez tout ce qui attire votre attention.
De cette façon, vous pouvez être sûr d'avoir choisi les meilleures polices possibles pour votre logo !
💡Astuce rapide n°1 : Ajouter des polices💡
Vous pouvez facilement ajouter des polices que vous avez téléchargées dans CSP sans les installer en ouvrant la liste des polices et en cliquant sur Ajouter à partir de fichiers.
La suppression des polices se fait dans Fichier > Gérer les polices (où vous pouvez également ajouter des polices).
💡Astuce rapide n°2 : Catégories de polices💡
CSP vous permet d'organiser les polices en catégories en cliquant sur l'icône d'engrenage dans la liste des polices. De cette façon, vous n'aurez pas à parcourir toutes les polices lorsque vous voulez un type spécifique.
En sélectionnant une catégorie dans le menu déroulant, seul le groupe de polices spécifié est affiché dans la liste des polices.
💡Astuce rapide n°3 : Faire défiler les polices💡
Vous pouvez rapidement parcourir la liste des polices en survolant le menu de sélection des polices avec le curseur et en faisant défiler.
3. Combinez les polices
Si votre logo est composé de deux mots ou plus, ne vous en tenez pas à une seule police – un logo est visuellement bien plus intéressant si vous combinez deux polices ensemble !
Et pas seulement les polices, essayez de combiner majuscules et minuscules pour chaque mot.
Essayez de trouver deux polices avec des proportions similaires.
Si vous ne le pouvez pas, vous pouvez « réparer » l'une des polices en passant à l'outil Objet d'opération et en ajoutant du gras, de l'italique, en modifiant l'espacement ou en transformant le texte avec l'échelle et l'inclinaison !
Variez la taille de chaque partie du logo pour créer des compositions intéressantes tout en gardant la forme globale aussi compacte que possible.
Le mot principal doit être le plus grand, tandis que les articles et prépositions peuvent être relativement petits.
💡Astuce rapide n°4 : Transformer le texte💡
Avec l'outil Opération, en plus de transformer le texte avec des poignées, vous pouvez redimensionner le texte dans la palette Détail de l'outil secondaire dans l'onglet Police > Échelle, Ratio horizontal et vertical, et faire pivoter et incliner le texte dans l'onglet Paramètres de transformation.
💡Astuce rapide n°5 : Texte circulaire💡
En cochant Texte circulaire dans l'onglet du même nom de la palette Détail de l'outil secondaire, la ligne de base du texte se transforme en cercle. En utilisant les poignées, vous pouvez modifier la taille du cercle et déplacer le texte autour de celui-ci.
C'est parfait pour les logos de type timbre, les pièces de monnaie ou tout texte arqué :
Tutoriel officiel sur les paramètres de texte :
4. Formes dynamiques
En plus de la rotation et de l'inclinaison, vous pouvez utiliser divers outils de déformation pour donner une sensation dynamique à votre texte, mais vous devez d'abord le rastériser.
Parce que les artefacts sont inévitablement associés à la transformation d'un calque raster, je recommande de travailler avec une taille de zone de travail au moins 4 fois plus grande que la taille de sortie prévue.
De cette façon, les artefacts seront moins perceptibles et plus faciles à corriger.
Aussi, conservez le calque de texte original comme sauvegarde et rastérisez un doublon, sur lequel vous appliquez les transformations.
💡Astuce rapide n°6 : Garder la netteté avec le vecteur💡
Si vous n'allez utiliser que la transformation libre, vous pouvez conserver la netteté en créant un doublon noir du calque, en allant dans Calque > Convertir le calque et en choisissant Calque vectoriel dans Type.
Cela vous donnera des contours vectoriels qui garderont les bords nets si vous le transformez avec le calque de remplissage raster.
Cela fonctionne bien avec les polices rondes et bulleuses, avec des formes nettes, les coins peuvent finir arrondis.
🪄 Filtres de déformation
Essayez divers filtres de déformation dans Filtres > Distorsion pour obtenir des formes dynamiques du texte. À l'exception du filtre panorama, tous peuvent produire des résultats intéressants.
🪄Outil Fluidité
Vous pouvez également utiliser l'outil Fluidité pour déformer le texte, mais cela peut prendre un certain temps à traiter si votre zone de travail est vraiment grande.
💡Astuce rapide n°7 : Lisser les bords irréguliers💡
Si vous obtenez des bords irréguliers après avoir déformé le calque raster, vous pouvez essayer de les lisser en appliquant un flou gaussien à une intensité où vous ne voyez plus les irrégularités :
... Suivi par un masque de netteté avec un rayon augmenté.
Je recommande de définir une action automatique pour ce processus.
5. Donnez une impression 3D au texte
En créant un doublon raster sous le calque de texte raster, en le réduisant et/ou en le déplaçant sur le côté, vous pouvez facilement ajouter une ombre portée sous le texte :
En dessinant des connexions entre les deux calques, vous pouvez donner au texte un aspect 3D !
🪄Filtres de flou pour un aspect 3D
Une autre alternative amusante est de jouer avec les filtres de flou de mouvement, radial et de rotation.
Essayez différents réglages et positions du repère central rouge dans le flou radial et de rotation.
Le filtre vous donnera un calque transparent, mais ne vous inquiétez pas ! Il suffit de dupliquer et de fusionner le calque flou plusieurs fois jusqu'à ce que les parties transparentes deviennent opaques.
6. Bordure et gaufrage
Il existe plusieurs façons d'ajouter des bordures et un gaufrage intérieur et extérieur à votre texte.
🪄 Effet de bordure
Vous pouvez utiliser l'effet de bordure dans la palette Propriété du calque :
🪄Gaufrage avec expansion ou réduction de sélection
... Ou en utilisant la sélection :
1 . Ctrl-cliquez sur l'icône du calque pour en faire une sélection.
2 . Cliquez sur Sélection > Agrandir ou Réduire la zone sélectionnée et jouez avec différentes quantités.
3 . Remplissez la sélection modifiée sur un nouveau calque.
💡Astuce rapide n°8 : Actions automatiques💡
Définissez des actions automatiques pour l'agrandissement et la réduction des sélections afin d'accélérer le flux de travail !
Un ensemble d'actions automatiques d'expansion et de réduction de sélection que j'utilise pour accélérer le travail :
Si vous créez plusieurs calques différents avec cette méthode, vous pouvez les déplacer légèrement pour donner au texte une impression de relief 3D !
7. Utilisez les calques d'écrêtage et les masques
Bien que vous puissiez colorer directement les calques de forme de texte, je recommande d'utiliser des calques écrêtés sur les calques de forme ou de créer des groupes de calques avec des masques des formes de texte.
Dessinez des dégradés, des motifs et autres sur de nouveaux calques sur l'ensemble de la zone de travail et le calque d'écrêtage ou le masque conservera la forme.
Tutoriel officiel sur les calques d'écrêtage :
Pourquoi ?
Et si le client changeait le nom en A Random Digger-by ?
Vous devriez redessiner tout le texte de Driver-by...
Mais avec les calques écrêtés, vous pouvez simplement changer le calque de forme auquel toutes les couleurs sont écrêtées, et avec les groupes masqués, le masque, et seuls des ajustements mineurs devraient être nécessaires.
8. La lisibilité du texte avant tout
Si vous créez un texte métallique brillant et cool mais que les mots restent illisibles, alors il ne peut pas fonctionner comme un logo...
Vous pouvez continuer à vérifier la lisibilité, ainsi que la composition, en ouvrant une nouvelle fenêtre du document et en la redimensionnant :
💡Astuce rapide n°9 : Dupliquer la fenêtre💡
Ouvrez une fenêtre en double de votre zone de travail dans Fenêtre > Toile > Nouvelle fenêtre.
💡Astuces pour garder le texte lisible 💡(applicable à l'alphabet latin)
Gardez la couleur et la forme compactes, les dégradés et la texture doivent suivre la ligne du texte.
🍊 Fait amusant n°1
Les gens lisent non pas par lettres, mais en reconnaissant les formes des mots.
Dans le texte en minuscules, gardez claires les parties des lettres qui dépassent la ligne principale, en haut et en bas.
🍊 Fait amusant n°2
L'œil suit la ligne de base, ce qui signifie que la moitié inférieure des lettres est plus importante que la supérieure, aussi bien en minuscules qu'en majuscules.
Pour nous, cela signifie que même avec des lettres irrégulières, nous devons maintenir leur ligne de base sur une courbe définie.
De plus, lors de l'utilisation de dégradés, il est préférable de rendre la partie inférieure plus contrastée, par exemple un texte avec un contour foncé devrait avoir la partie plus claire du dégradé en bas.
9. Ajoutez des éléments supplémentaires, mais gardez-les simples
Un logo uniquement textuel fonctionne aussi, mais ajouter des éléments pertinents le portera à un autre niveau !
Dans la première version du logo, je suis allé trop loin avec les détails que je voulais inclure, ce qui l'a fait ressembler à un simple autocollant de voyage.
J'ai continué à le simplifier jusqu'à n'avoir que les silhouettes de la voiture, suivies du canard et de l'écureuil, passant devant la pleine lune (je suppose que tout le monde comprend la référence :D). Les montagnes enneigées ont été réduites à quelques flocons de neige simplifiés. L'ambiance décalée est maintenue par les lignes de vitesse comiques et les étoiles à 4 branches.
10. Utilisez des calques vectoriels ou de bulle et des effets de calque chaque fois que possible
Le logo pourrait devoir être ajusté ou même mis à l'échelle plus tard. Vous pouvez gagner du temps en utilisant des vecteurs partout où vous le pouvez. Bien qu'il soit impossible de conserver le texte modifiable après l'avoir déformé, vous pouvez utiliser des vecteurs pour d'autres éléments.
🪄 Calques vectoriels pour le lineart
Dessinez le lineart sur des calques vectoriels :
🪄 Outil Bulle pour les formes vectorielles avec remplissage
Pour les formes, vous pouvez utiliser l'outil Bulle, qui peut avoir à la fois un contour et un remplissage. Je l'ai utilisé pour la forme de la lune.
Tutoriel officiel sur les outils Bulle, mais il peut être utilisé comme vous le savez d'Inkscape ou d'Illustrator (formes prédéfinies et chemins courbes) :
🪄 Effet de bordure pour les contours de calques de bulle ou raster
De même, vous pouvez utiliser l'effet de bordure dans la palette Propriété du calque pour ajouter des contours d'éléments :
11. Assurez-vous que le logo fonctionne sur tous types d'arrière-plans
Si vous créez un logo clair et qu'il est finalement utilisé sur un fond blanc, il perd son impact...
Créez des calques d'arrière-plan supplémentaires, comme du noir, blanc et gris unis pour tester la lisibilité du logo dessus :
Une bonne façon de rendre votre logo universel est de créer un texte clair avec un contour foncé ou sur un élément foncé comme une planche de bois ou une pierre, et vice versa.
Dans mon logo, j'ai utilisé une lumière bleu-vert autour des parties claires pour m'assurer qu'elles brillent même sur un fond blanc :
Conclusion
Merci d'avoir lu et amusez-vous bien à créer les logos de vos œuvres ou produits !
🌟⭐✨ Si vous avez apprécié cette astuce, cela me fera plaisir si vous laissez un like pour que je sache que je fais les choses correctement, et éventuellement un commentaire sur ce que je pourrais améliorer :) ✨⭐🌟
Les utilisateurs qui ont aimé cette publication
Commentaire