Il est facile de créer des illustrations pour une multitude de projets différents dans Clip Studio.

 

Pour de nombreux studios de développement de jeux en petite équipe ou en solo, ce type de flexibilité est indispensable, et avec Clip Studio, nous pouvons créer des ressources de jeu, une interface utilisateur, des illustrations promotionnelles et même des logos, le tout dans le même programme.

 

Dans ce guide, je vais vous montrer les étapes que je suis lorsque je produis des logos pour mes projets de jeux indépendants !

 

Bien que je me concentre sur les logos pour les jeux, ce guide fonctionnera également si vous essayez de créer un logo de marque pour les réseaux sociaux ou toute autre présence que vous pourriez avoir en ligne.

 

Commençons et essayons de créer un logo !

 

Voici les étapes que nous allons suivre :

1. Faites quelques brouillons

2. Nettoyez à l'aide de l'outil Texte

3. Ajoutez des couleurs et des formes à l'aide des outils Figure et à main levée

4. Touches finales et exportation

 

Pour illustrer ces étapes, je vais créer un logo pour un jeu inventé appelé « Pop ! Love ! Puzzle ! » Commençons !

---

1. Faites quelques brouillons

Pour savoir dans quelle direction vous souhaitez concevoir votre jeu, commencez par collecter des informations sur le jeu et écrivez-les. Posez-vous ces questions : quel est le genre de votre jeu ? Action, puzzle, cosy ? À qui s’adresse-t-il ? Adultes, occasionnels, famille ? Quelle ambiance dégage votre jeu ? Effrayant, pétillant, réaliste ? À quel jeu existant ressemble-t-il ?

 

Pour notre jeu inventé, disons que nous avons un jeu de puzzle d’arcade avec des éléments colorés et des personnages mignons, ainsi que des accents de fleurs et de cœurs. Nous viserons un public occasionnel qui aime les choses mignonnes, avec des designs joyeux et énergiques partout dans le jeu.

 

Consultez les logos d’autres jeux de votre genre et parcourez les logos existants en ligne pour vous inspirer et avoir des idées sur ce à quoi ressemble un « bon » logo.

 

Maintenant que vous avez une idée approximative de ce à quoi il devrait ressembler, commencez à faire des croquis ! Faites au moins 3 croquis très grossiers et ajoutez de la couleur. N’ajoutez pas trop de détails cependant ; vous voulez juste avoir une idée générale de ce à quoi il ressemble de loin.

 

Voilà ce que j'ai obtenu au final.

En cas de doute, demandez à vos amis, à votre famille ou à vos pairs de choisir entre vos variantes. Notez leurs opinions et suggestions, et réalisez une nouvelle série de croquis en conséquence, jusqu'à ce que vous ayez construit la meilleure option possible !

---

2. Nettoyer à l'aide de l'outil Texte

Maintenant que vous avez un bon croquis, il est temps de commencer à le nettoyer !

 

Tout d’abord, choisissez une police à utiliser pour vos éléments textuels. Assurez-vous absolument que la police que vous utilisez est libre d’utilisation commerciale, car vous distribuerez votre jeu ou votre produit publiquement.

 

Prenez votre croquis fusionné, agrandissez-le et définissez la couleur de dessin sur une couleur claire. Je recommande le bleu clair, l’orange ou le rose, afin que vous puissiez voir les éléments en dessous mais dessiner dessus sans vous tromper.

Tapez votre logo. Comme votre texte est un vecteur, utilisez l'outil de transformation librement pour lui donner la taille souhaitée sans sacrifier la qualité.

 

Assurez-vous de vérifier les paramètres de propriété de l'outil pour « Espacement des caractères » et « Espacement des lignes ». Ajustez la distance entre les caractères si nécessaire pour le rendre plus agréable, mais privilégiez la lisibilité avant tout.

Sélectionnez des lettres individuelles pour modifier leur taille ou leur mise en majuscules pour le style, si vous le souhaitez.

Si vous avez un sous-titre, essayez de modifier sa taille ou son style pour réduire sa priorité et ajouter du contraste.

J'ai séparé chaque mot dans différentes zones de texte afin de pouvoir les faire pivoter individuellement.

Une fois que vous avez fini de modifier votre texte, découpez un calque raster par-dessus et ajoutez de la couleur !

Les aérographes et les dégradés fonctionnent bien lorsqu'ils sont utilisés avec modération. Assurez-vous qu'il y a suffisamment de contraste pour que votre logo soit lisible.

 

C'est ici que vous pouvez utiliser la fonction de bordure avec un effet formidable !

 

Dans la fenêtre Propriétés du calque, appuyez sur le cercle pour activer un « effet de bordure » sur le calque actuel. Modifiez sa taille en faisant glisser le curseur et modifiez sa couleur en cliquant sur la bande de couleur à côté de « couleur de bord ».

N'oubliez pas que le logo de votre jeu apparaîtra à de nombreux endroits : dans les magasins, sur des images promotionnelles et seul. J'aime utiliser des bordures fortes pour garantir que tous les logos que je crée sont polyvalents, mais lisibles.

 

Vous pouvez également facilement empiler des bordures pour un effet élégant qui fait ressortir les lettres. Pixellisez votre calque bordé, puis appuyez à nouveau sur le cercle pour ajouter une deuxième bordure. Dupliquez les calques si nécessaire pour réduire les modifications destructrices sur votre calque de texte d'origine.

Lorsque vous faites cela, assurez-vous de désactiver la bordure de votre calque de base, sinon les calques qui y sont attachés dessineront sur la bordure.

---

3. Ajoutez des couleurs et des formes à l'aide des outils Figure et à main levée

Le texte de base de votre logo est maintenant terminé. Nous pouvons maintenant expérimenter l'ajout de couleurs, d'un arrière-plan et de symboles.

 

J'essaie de rester fidèle au style du jeu lors du choix des couleurs, j'ai donc opté pour des couleurs énergiques pour commencer. J'utilise un aérographe et des dégradés pour ajouter doucement de la profondeur à chaque mot.

L'empilement de calques découpés sur le calque de base de chaque mot est utile lorsque vous souhaitez expérimenter différentes couleurs sans apporter de modifications destructrices !

En ce qui concerne l’arrière-plan, je voulais avoir des formes simples derrière les mots « Pop » et « Love » ainsi qu’une grande forme de nuage pour envelopper le tout.

Tant que l’effet final est atteint, vous pouvez dessiner ces formes comme vous le souhaitez.

 

L’outil Figure est pratique pour les cercles, les rectangles et les polygones. Vous pouvez également utiliser les outils de ligne et de courbe pour dessiner votre forme. Les vecteurs fonctionnent bien si vous voulez un logo propre qui peut être redimensionné selon vos besoins.

 

J’ai utilisé des outils de figure pour les fleurs et dessiné le reste à la main, en les transformant si nécessaire. L’œil humain aime l’équilibre et la symétrie. Si vous optez pour quelque chose d’asymétrique, essayez d’équilibrer visuellement chaque moitié. Dans cet esprit, j’ai poussé un peu Pop et Love pour équilibrer le tout.

 

En ce qui concerne les couleurs, j’ai choisi des tons plus doux qui ne rivalisaient pas trop avec le texte pour attirer l’attention. Les fleurs sont si claires qu’elles sont frappantes, mais elles ont des détails à faible contraste.

---

4. Ajoutez les touches finales et exportez

Nous avons presque terminé ! À ce stade, il est temps de reprendre tout ce que nous avons fait jusqu’à présent pour une deuxième exécution et d’ajouter quelques détails supplémentaires pour le contraste.

 

En fonction du type de logo que vous créez, vous pouvez ajouter ou réduire des détails si nécessaire, alors référez-vous toujours aux logos que vous avez choisis comme source d’inspiration pour rester sur la bonne voie.

 

Pour mon logo, j’ai ajouté quelques dégradés et demi-teintes supplémentaires pour apporter plus de profondeur à l’arrière-plan. J’ai également ajouté quelques touches douces de violet et de bleu à la forme du nuage pour plus d’intérêt. Pour faire ressortir encore plus les choses, j’ai doublé tous les calques bordés et les ai légèrement déplacés pour donner un effet 3D.

 

J’ai encore coupé un autre calque au-dessus des mots pour dessiner de grands reflets à main levée.

Pop et Love ont des reflets colorés plutôt que blancs afin de ne pas trop voler la vedette et d'attirer le regard du spectateur partout à la fois.

J'ai créé un nouveau calque de correction et j'ai réduit la saturation à 0. Au fur et à mesure que j'ajoutais des détails, j'activais et désactivais ce calque pour m'assurer que le contraste était maintenu et qu'il restait là où je le voulais : sur le texte, pour attirer votre attention et le garder lisible.

 

Continuez à ajouter et à réduire des détails, à faire des pauses et à vérifier vos logos de référence pour garder une idée claire de la façon dont vous voulez qu'ils apparaissent.

 

Il est utile d'ouvrir la fenêtre du navigateur et de la vérifier périodiquement pour vous assurer que votre logo est également beau à distance.

Et voilà, mon logo est terminé ! Voici le résultat final. Grâce à une accumulation de petits changements, il est bien plus joli que l'étape précédente.

À ce stade, je l'exporte dans sa plus grande taille (au moins 3000 px de longueur). J'enregistre également plusieurs copies dans des tailles réduites afin de pouvoir les utiliser dans divers supports (bannières, couvertures, etc.).

 

Je recommande également d'enregistrer la partie texte du logo seule, en faisant de même avec les panneaux d'arrière-plan, au cas où vous auriez besoin de l'une ou l'autre partie séparément.

 

 

Comme j'ai créé plusieurs calques et que je les ai découpés, je peux également supprimer tous les calques découpés et enregistrer une version simplifiée du logo, qui pourrait être utilisée dans le jeu. Voici toutes les variantes que j'ai réalisées !

Et voilà ! Notre logo est désormais prêt à être utilisé partout où nous en avons besoin.

Merci de votre lecture !