Introduction

Bonjour à tous ! Je suis MaKrow, écrivain, illustrateur et auteur de bandes dessinées (Love x Horror Club sur Webtoon). Aujourd'hui, nous allons travailler sur un domaine qui va être essentiel pour notre carrière d'artistes : la création de notre propre marque.

Dans ce tutoriel, je veux m'éloigner de ce qu'est spécifiquement la signature, car c'est quelque chose de très personnel et il existe de nombreuses façons d'y arriver (vous pouvez vous baser sur les signatures d'autres personnes que vous aimez, des figures géométriques, regarder des tutoriels YouTube pour faire votre signature et l'infini etc.). Au lieu de cela, je vais passer à quelque chose d'un peu plus technique et qui nécessite plus de connaissances pour son élaboration : notre marque, notre identité sur les réseaux et dans nos produits.

La Marque nous donne une identité, c'est notre visage dans le monde non seulement d'Internet mais aussi du commerce. Nous utilisons la signature pour donner une identité d'auteur à nos dessins ou à nos histoires ; mais nous utilisons la marque pour commercialiser nos dessins et nos histoires, c'est la principale différence en termes d'utilisation et pourquoi il est si important que notre marque soit la plus professionnelle possible.

Et oui, notre marque doit être propre et professionnelle. Une icône improvisée ne suffit pas. Nous devons créer une image propre qui puisse être ajustée à différentes tailles et formats. Elle doit également pouvoir être utilisée comme complément à des images plus grandes, comme filigrane, comme tampon, etc. Rejoignez-moi dans ce tutoriel Clip Studio Paint et laissons notre empreinte dans le monde artistique. Commençons !

Définissons les sujets

Commençons par les fondamentaux lors de la création de notre marque : le thème.

Que voulons-nous transmettre exactement ? C'est la première question à laquelle nous devons répondre.

Est-ce pour nous ou pour un tiers ? Que vendons-nous et à quel public s'adresse-t-il ? Sommes-nous une personne seule ou une entité commerciale ?

Je vais donner un exemple pour comprendre à quoi je fais référence :

 

 

Cette icône est mon propre travail. Le symbole sera utilisé sur une station de radio de ma ville. Le client avait l'intention de transmettre le sujet de la station de radio et les sujets qui seraient abordés. Il ressort clairement de la conception qu'il s'agissait d'une station de radio qui parlerait de Donjons et Dragons. Le nom de la station est « Ahogados en Dados » (Noyé dans les dés), j'ai donc dû transmettre l'essence, le nom, le support et le sujet dans une seule image.

Pour faire ce type de travail, vous devez consolider l'idée du projet dans une seule icône qui peut ensuite être modifiée selon les besoins. Je recommande que pour synthétiser les idées, vous choisissiez 3 points cruciaux qui doivent être transmis dans l'image. L'idée du produit peut toujours se résumer en 3 idées, les miennes étaient :

 

1. Donjons et Dragons

2. Radio

3. Quelque chose en rapport avec la noyade ou la mer

 

De ces 3 points, les idées qui peuvent émerger sont aussi larges que la portée de votre imagination, mais vous avez déjà un modèle sur lequel travailler. L'ordre d'importance n'est pas une coïncidence ; dans ce cas, la chose la moins importante était liée à la noyade, car elle était limitative en fonction du contexte utilisé. N'oubliez pas de vous demander ce qui ajoute et ce qui soustrait au design. Parfois, moins c'est plus, surtout si nous voulons opter pour le minimalisme et la vectorisation.

Voici quelques exemples de croquis qui ont été écartés.

 

 

Logotype, Isotype, Imagotype ou Isologo ?

Bon, je sais que ces termes sont extrêmement techniques, mais croyez-moi, connaître les différences sera essentiel à partir de maintenant, notamment lors du choix de nos polices.

Pour les exemples je prendrai la marque Clip Studio Paint.

Commençons par le Logo. Le logo est juste du texte, il utilise une police qui représentera toute la marque. Je suis sûr que nous pouvons penser à plusieurs exemples, comme Coca-Cola ou Disney, mais voici le logo utilisé par Clip Studio Paint.

Le logotype, en revanche, n'est que l'icône de la marque. L'image ou le dessin qui représente l'entité n'est accompagné d'aucun texte ni d'aucune police. On peut citer comme exemples Apple ou Instagram. C'est le logotype de Clip Studio Paint.

Le logotype est un mélange équilibré (mais toujours séparable, soit par indentation, soit par d'autres méthodes) de typographie et d'icône. Meta ou Amazon en sont des exemples. Le logotype de Clip Studio Paint est le suivant.

Enfin, l’isologo est le mélange indissociable de la typographie et de l’icône. On peut citer comme exemples Harley-Davidson et Starbucks. Et… c’est vrai ! Clip Studio Paint n’a pas d’isologo, et comme je ne veux pas ajouter d’images d’autres marques, je ne pourrai malheureusement pas donner d’exemple.

Outils de police et de texte

Toutes les icônes n'ont pas besoin d'un texte d'accompagnement, mais les marques personnelles comme les artistes le font généralement pour consolider davantage leur identité.

Il existe ici deux chemins, le chemin long ou le chemin court (je recommande le chemin court). Vous pouvez créer votre police à partir de zéro (ce qui impliquerait un processus de conception approfondi) ou vous pouvez réduire votre travail en recherchant une police gratuite. Pour ce dernier cas, je recommande d'utiliser le site Web DaFont.

 

 

Dans la vidéo, je vous montre la méthode que j'utilise pour inclure des polices dans le texte. N'oubliez pas qu'il est important d'utiliser des polices 100 % gratuites et librement utilisables si vous ne prévoyez pas de les payer. En effet, vous concevez une marque qui aura éventuellement une utilisation commerciale, et ne pas payer les droits sur la police utilisée peut vous apporter des problèmes juridiques.

Une fois que vous avez trouvé la police, vous devez l'installer dans les polices disponibles sur votre ordinateur.

 

 

Dans cet exemple, je prépare une refonte pour ma propre marque, je vais en profiter pour vous montrer comment je m'y prends puisque je modifie la bulle de texte pour qu'elle corresponde à ma vision. Dans ma version conceptuelle, en raison de la proportion de l'image, j'ai ajusté la direction de la police verticalement, afin de donner plus de poids à un côté vide de l'image.

Je recommande de concevoir des polices uniquement pour des projets comme les bandes dessinées, où la police devient plus artistique. Le plus important dans la police de texte choisie est qu'elle soit compréhensible et facile à identifier.

Composition

Dans cette section, nous allons parler de composition. Les éléments individuels de notre icône (comme la couleur, la forme ou la typographie) font partie d'un tout que nous devons harmoniser au mieux. Les techniques de composition nous y aideront. Voici quelques techniques que vous pouvez utiliser dans Clip Studio Paint pour obtenir l'effet souhaité dans vos marques.

Saignement

Le fond perdu est l'espace blanc qui existe entre les éléments du logo (ou dans l'ensemble du logo par rapport à son arrière-plan) afin que l'intégrité et la compréhension des éléments soient respectées.

Dans le logo que j'ai conçu pour la station de radio, j'ai utilisé le fond perdu de manière artistique. Il ne s'agissait pas d'un fond perdu complet, mais plutôt d'une fusion avec les éléments pour montrer plus de fluidité et d'intégrité.

 

 

Le fond perdu n'a pas nécessairement besoin d'être blanc, c'est l'espace délimitant entre les éléments, mais vous pouvez utiliser les valeurs et les couleurs qui aident le mieux à mélanger l'image entière.

 

Il existe un moyen rapide d'introduire un fond perdu en utilisant l'effet de bordure de calque dans Clip Studio Paint. Voici comment l'appliquer :

Alignement

En bref, l'alignement a beaucoup à voir avec la symétrie. Il est important de prendre cela en compte, que l'on crée une police ou une icône. L'équilibre d'une marque peut entraîner un rejet si les éléments ne sont pas correctement alignés.

Dans la conception de ma marque, je ne peux pas utiliser d'éléments symétriques, j'équilibre donc un peu le poids de l'image en utilisant le texte pour contrebalancer le corbeau et enfin j'utilise le poids du rectangle de fond rouge pour le rendre plus harmonieux.

Même ainsi, il y a un excès de poids dans le bec du corbeau qui nuit à l'harmonie, même si j'aime le résultat.

Taille

Je recommande de faire en sorte que le design initial des icônes soit grand, en couvrant suffisamment de pixels pour qu'elles puissent ensuite être adaptées à différentes tailles. Cependant, il ne faut pas se contenter d'une icône agréable à l'œil dans sa version la plus grande et c'est tout. Elle doit être facilement identifiable, à la fois l'icône complète et tous les éléments qui la composent, de près comme de loin. Par exemple, si le logotype ou l'image comporte de petits éléments dans son icône qui sont difficiles à différencier dans une petite image, il y a un risque qu'une partie du message que vous vouliez transmettre soit perdue.

Je vais profiter de mes propres erreurs pour vous montrer un exemple où une icône perd sa lisibilité à cause d'un mauvais choix de taille.

Couleur/B&N

Je ne vais pas m'étendre sur toute la théorie des couleurs, car cela nécessiterait non seulement un tutoriel séparé, mais un livre entier. Au lieu de cela, je vais me concentrer sur ce qu'est la théorie des couleurs telle qu'elle s'applique à la création d'iconographie.

Je recommande de ne pas utiliser plus de 3 couleurs dans votre image de marque. C'est un domaine où une couleur est totalement acceptable, mais plus de 3 surchargeront l'image et la rendront lourde et ennuyeuse à regarder. Il est également préférable d'utiliser des couleurs complémentaires.

Il est également conseillé d'utiliser le spectre Noir et Blanc en supprimant toute saturation de l'image pour voir le poids de l'image et s'assurer que l'image n'a pas d'extrêmes trop marqués dans sa valeur. Le raccourci clavier pour modifier la saturation, la teinte et la luminosité est Control+U.

Vectorisation

La fonction principale de la vectorisation dans la création de notre marque est l'ajustement des tailles et des mesures. Votre icône sera probablement utilisée dans des dépliants, des produits dérivés ou des présentations et, dans chacun d'eux, sa taille sera ajustée encore et encore. Le problème avec les icônes non vectorisées est qu'elles perdent en qualité lorsqu'elles sont agrandies, rétrécies ou que leur format est modifié, et nous allons résoudre ce problème avec la vectorisation.

 

Avant d'aborder les méthodes de vectorisation de Clip Studio Paint, je tiens à faire quelques avertissements. Tout d'abord, si vous envisagez de vectoriser, essayez d'utiliser toujours la même épaisseur de pinceau (lors de la vectorisation, Clip Studio offre une marge de tolérance, mais il est préférable qu'elle ne soit pas trop large sinon vous perdrez en qualité). Il est également conseillé de ne pas utiliser beaucoup de variétés de couleurs (bien que cela soit bon pour nous, car nous ne devrions pas en utiliser beaucoup pour créer notre marque).

 

Cela dit, je vais maintenant commenter les méthodes de vectorisation de Clip Studio.

 

Tout d'abord, nous pouvons travailler dès le début avec des vecteurs en convertissant notre calque raster en calque vectoriel.

Nous pouvons laisser notre calque vectoriel comme calque de couleur, mais nous pouvons également le transformer en calque gris si nous voulons travailler en noir et blanc.

Ici, je recommande d'ajuster les paramètres vectoriels.

C'est pourquoi je vous recommande de toujours travailler avec la même largeur de pinceau. Comme vous pouvez le voir, le vecteur a une marge de correction, mais plus elle est grande, moins la qualité sera bonne, comme je l'ai mentionné.

Je recommande de laisser un lissage faible pour que la surface des lignes soit un peu plus agréable à l'œil.

Cette méthode nous permet non seulement de travailler avec des vecteurs dès le début, mais aussi de vectoriser tout notre travail une fois celui-ci terminé. Cependant, si l'épaisseur du pinceau et le nombre maximum de couleurs du calque ne sont pas respectés, cela nous donnera une erreur et le travail ne sera pas vectorisé.

Cependant, si nous gardons les éléments de conception sur des calques séparés, nous pouvons les vectoriser calque par calque. Je ne recommande pas de faire cela car les éléments vectorisés perdront leur harmonie les uns avec les autres dans la plupart des cas. Mais oui, plus l'élément est simple sur un calque, plus il est facile de le vectoriser à la fin du processus.

Enfin, je vous montre une autre méthode que Clip Studio Paint nous propose pour vectoriser notre travail. Une fois notre travail terminé, nous pouvons exporter notre calque et, s'il a été vectorisé en tant que calque au préalable, il sera ajusté pour conserver la meilleure qualité possible. Le résultat est de très bonne qualité.

Nous allons exporter notre calque sous forme de fichier .PNG. Une fois le dossier choisi, il nous donnera les paramètres d'exportation PNG, où nous pourrons effectuer les réglages correspondants.

Ce qui est intéressant à propos de ce point, c'est que le même programme nous permet de choisir de conserver les couleurs ou de l'exporter en niveaux de gris. Je recommande de sauvegarder les deux.

Utilisation de notre marque

Nous avons enfin notre marque ! Maintenant, comment pouvons-nous l'utiliser dans notre travail ?

Il existe de nombreuses méthodes et cela dépend entièrement du type de produit que vous envisagez de commercialiser. Comme je suis illustrateur, je vais vous donner quelques exemples de la façon dont je l'ai utilisé dans mon travail.

Une fois que nous avons importé notre fichier PNG de marque, nous pouvons utiliser l'outil Échelle/Rotation pour le placer où nous le souhaitons. Nous pouvons également le retourner dans n'importe quelle direction.

Nous pouvons l'utiliser comme filigrane en ajustant l'opacité du calque.

Et, pour les travaux en noir et blanc (par exemple les mangas), notre image de marque en niveaux de gris entre en jeu !

Adieu

J'espère que ce tutoriel vous a aidé à créer vos propres icônes de marque, que ce soit pour des artistes ou à d'autres fins. Ce tutoriel n'a pas pour but de remplacer une carrière dans l'illustration ou le design industriel pour des raisons évidentes, mais j'espère qu'il a facilité le travail des freelances qui cherchent à forger leur identité ou à faire de petits travaux sans avoir à consacrer de nombreuses années d'études à une carrière.

La vérité est que notre icône d'artiste, comme notre propre art, dépend avant tout de notre créativité, et ce tutoriel ne vise qu'à fournir quelques outils dans Clip Studio Paint pour donner vie à votre iconographie tout comme nous la donnons à notre art. Vous apporterez toujours l'esprit et l'identité, comme à votre propre art.

Merci d'avoir choisi ce tutoriel.

Je suis MaKrow, si vous avez aimé mon travail, pensez à me suivre sur mes réseaux sociaux. Je vous envoie mes salutations et mes succès dans vos chemins d'artistes !