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

 

Pour de nombreux studios de développement de jeux, notamment les petites équipes ou les développeurs indépendants, ce type de flexibilité est un impératif, et avec Clip Studio, nous pouvons créer des éléments de jeu, des interfaces utilisateur, de l'art promotionnel 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 de jeux, ce guide fonctionnera également si vous essayez de créer un logo de marque pour les médias 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. Créer des brouillons

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

3. Ajouter des couleurs et des formes à l'aide des outils de figure et à main levée

4. Retouches finales et exportation

 

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

---

1. Créez des brouillons

Pour déterminer l'orientation que vous souhaitez donner à votre conception, commencez par recueillir des informations sur le jeu et notez-les. Posez-vous ces questions : Quel est le genre de votre jeu ? Action, puzzle, décontracté ? Quel est le public visé ? Adultes, joueurs occasionnels, familial ? Quelle est l'ambiance de votre jeu ? Effrayant, pétillant, granuleux ? À quel jeu existant est-il similaire ?

 

Pour notre jeu fictif, 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 recueillir de l'inspiration et avoir des idées de ce à quoi ressemble un « bon » logo.

 

Maintenant que vous avez une idée approximative de ce à quoi il devrait ressembler, commencez à dessiner ! Réalisez au moins 3 croquis très grossiers et ajoutez de la couleur. N'ajoutez pas trop de détails cependant ; vous voulez juste une idée générale de son apparence de loin.

 

Voici ce que j'ai obtenu.

En cas de doute, demandez à vos amis, à votre famille ou à vos collègues 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 construisiez la meilleure option possible !

---

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

Maintenant que vous avez un bon croquis, il est temps de 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 de droits pour un usage commercial, car vous distribuerez votre jeu ou produit publiquement.

 

Prenez votre croquis fusionné, agrandissez-le à une grande taille et définissez la couleur de dessin sur quelque chose de clair. Je recommande le bleu clair, l'orange ou le rose, afin que vous puissiez voir les éléments en dessous mais dessiner par-dessus sans vous embrouiller.

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

 

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

Sélectionnez des lettres individuelles pour modifier la taille ou la capitalisation 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 des zones de texte différentes afin de pouvoir les faire pivoter individuellement.

Lorsque vous avez terminé de modifier votre texte, clipsez un calque pixellisé 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 là que vous pouvez utiliser la fonction de bordure à bon escient !

 

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 du bord ».

N'oubliez pas que le logo de votre jeu apparaîtra à de nombreux endroits : dans les magasins, sur les images promotionnelles et seul. J'aime utiliser des bordures épaisses pour m'assurer 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 destructives sur votre calque de texte original.

Lorsque vous faites cela, assurez-vous de désactiver la bordure sur votre calque de base, sinon les calques masqués par écrêtage dessineront par-dessus la bordure.

---

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

Maintenant, le texte de base de votre logo est terminé. Ensuite, nous pouvons expérimenter l'ajout de couleurs, d'un arrière-plan et de symboles.

 

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

L'empilement de calques masqués par écrêtage sur le calque de base de chaque mot est utile lorsque vous souhaitez expérimenter différentes couleurs sans apporter de modifications destructives !

Quant à l'arrière-plan, je voulais avoir quelques formes simples derrière les mots « Pop » et « Love » ainsi qu'une grande forme de nuage pour tout envelopper.

Tant que l'effet final est atteint, vous pouvez dessiner ces formes comme bon vous semble.

 

L'outil Figure est utile 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é au besoin.

 

J'ai utilisé des outils de figure pour les fleurs et j'ai 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 un peu déplacé Pop et Love pour tout équilibrer.

 

Quant aux couleurs, j'ai choisi des tons plus doux qui ne rivalisaient pas trop avec le texte pour l'attention. Les fleurs sont si légères qu'elles semblent 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 passe et d'ajouter quelques détails supplémentaires pour le contraste.

 

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

 

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

 

J'ai masqué 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 qu'ils ne volent pas trop la vedette et n'attirent pas l'attention du spectateur partout à la fois.

J'ai créé un nouveau calque de correction et 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 restait là où je le voulais : sur le texte, pour attirer votre attention et le maintenir lisible.

 

Continuez à ajouter et à réduire des détails, en prenant des pauses et en vérifiant vos logos de référence pour garder une idée claire de ce que vous voulez obtenir.

 

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

Avec ça, mon logo est terminé ! C'est le résultat final. Grâce à une accumulation de petits changements, il est bien meilleur par rapport à la dernière étape.

À ce stade, je l'exporte à sa plus grande taille (au moins 3000px de long). Je sauvegarde également plusieurs copies dans des tailles réduites afin de pouvoir les utiliser dans une variété de supports (bannières, illustrations de couverture, etc.).

 

Je recommande également de sauvegarder la partie texte du logo séparément, et de faire 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.

 

 

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

C'est tout ! Notre logo est maintenant prêt à être utilisé partout où nous en aurions besoin.

Merci d'avoir lu !