Création d'un logo 3D rétro à l'aide de la règle de perspective

353

Bonjour! Je m'appelle Liz Staley et j'utilise depuis longtemps Clip Studio Paint (j'ai commencé à utiliser le programme à l'époque où il s'appelait Manga Studio 4 !). J'ai été bêta-testeur sur le programme Manga Studio 5 et sur Clip Studio Paint, et j'ai écrit trois livres et plusieurs cours vidéo sur le programme. Beaucoup d'entre vous connaissent probablement mon nom grâce à ces livres, en fait. J'écris des articles hebdomadaires sur Graphixly.com et sur CSP Tips, alors assurez-vous de revenir chaque semaine pour en savoir plus sur Clip Studio Tips and Tricks!

Il existe des tonnes de didacticiels pour les règles CSP Perspective (qui est probablement ma fonctionnalité préférée de Clip Studio!), Mais la plupart d'entre eux montrent comment dessiner des bâtiments et des paysages urbains. Mais les règles de perspective peuvent aider bien plus que les arrière-plans et les environnements. Dans cet article, nous combinerons les fonctions de texte, les règles de perspective, le dessin et la peinture pour créer un logo au look 3D et rétro.

Dans cet article, nous aborderons les sujets suivants :
Création du texte du logo
Créer une perspective

Plongeons dedans !

Création du texte du logo

Pour démarrer ce projet, j'avais d'abord besoin de trouver une police qui avait l'apparence que je voulais pour mon texte. Je savais que je voulais créer un logo "rétro" donc, après avoir choisi les mots de mon logo (qui provenaient d'un générateur de mots aléatoires pour les besoins de ce tutoriel), je me suis dirigé vers mon site Web de polices gratuites préféré. Après avoir téléchargé quelques candidats qui, selon moi, pourraient fonctionner pour le texte, j'ai installé les polices sur mon ordinateur et je me suis dirigé vers Clip Studio Paint.

Si vous ne savez pas comment installer les polices, vous pouvez effectuer une recherche sur Internet pour obtenir des instructions pour votre système d'exploitation. Chacun est différent, il me serait donc impossible de couvrir les instructions pour chaque système d'exploitation dans cet article.

Créez une nouvelle toile dans Clip Studio Paint, puis utilisez l'outil Texte pour ajouter les mots que vous souhaitez transformer en logo 3D sur la toile. J'ai obtenu les mots "Dynamic Bubble" d'un générateur de mots aléatoires et j'ai pensé qu'il s'agissait d'un faux nom mignon pour quelque chose, c'est donc ce que je vais utiliser pour cet exemple.

Mettez les mots en surbrillance, puis, dans la fenêtre Propriétés de l'outil, localisez le menu déroulant Police. C'est ici que nous pouvons changer le visage de la police en l'un des modèles installés sur notre ordinateur.

Par défaut, la liste des polices affiche le nom de chaque police dans le style de cette police. Trouvez la police que vous aimez et sélectionnez-la pour changer les mots en surbrillance en cette police.

J'aime cette police pour mon texte mais je ne suis pas satisfait de certaines proportions et de l'espacement entre les lettres et les lignes. Mais ce n'est pas grave, nous pouvons résoudre tous ces problèmes !

Dans le coin inférieur droit de la fenêtre Propriétés de l'outil pour l'outil Texte, cliquez sur l'icône qui ressemble à une petite clé. Cela ouvrira la fenêtre Détails du sous-outil, qui affiche toutes les options du sous-outil actuel. (La fenêtre Propriétés de l'outil, par défaut, n'affiche que les options les plus courantes)

Sur le côté gauche de la fenêtre Détails de l'outil secondaire, cliquez sur la catégorie Espacement/alignement des lignes. Ensuite, localisez le curseur d'espacement des lignes. Ce curseur permet d'augmenter ou de réduire l'espace entre les lignes de texte sélectionnées en cliquant et en faisant glisser le curseur ou en utilisant les flèches haut et bas à droite du curseur.

J'ai réduit l'espace entre mes deux lignes de texte pour rapprocher les mots.

J'ai aussi remarqué que dans cette police, certaines lettres se touchent tandis que d'autres ont beaucoup d'espace entre elles (principalement le "bb" dans "Bubble") donc je veux aussi corriger cela en rapprochant les lettres.

Pour modifier l'espace entre les lettres, cliquez sur la catégorie Police sur le côté gauche de la fenêtre Détails de l'outil secondaire, puis localisez le curseur Espacement des caractères. Cela fonctionne de la même manière que le curseur d'espacement des lignes que nous avons utilisé il y a un instant. Dans l'exemple ci-dessous, j'ai rapproché l'espacement de tous les caractères.

Cependant, je n'étais toujours pas satisfait de tout l'espacement. En ne mettant en surbrillance que des caractères spécifiques, vous pouvez contraindre le curseur Espacement des caractères à ajuster uniquement ces caractères. Par exemple, dans la capture d'écran ci-dessous, j'ai mis en surbrillance le "Bu" et ajusté l'espacement pour les éloigner un peu plus.

Après avoir modifié l'espacement entre certaines des autres lettres, c'est ce que j'ai obtenu pour mon "logo" final.

Maintenant que nous avons notre texte, nous pouvons travailler pour le faire ressembler à de la 3D !

Créer une perspective

Commençons maintenant à créer l'effet 3D. Avant de commencer, j'ai fait une copie de mon calque de texte d'origine et caché le calque d'origine. Je vais travailler avec les calques de copie, en préservant l'original au cas où quelque chose se passerait et que je devrais revenir à l'original.

Dans la capture d'écran suivante, la palette Calques affiche le calque de texte d'origine sous un calque de copie. Le calque de texte d'origine est masqué. J'ai également pixellisé le calque de copie, mais cela est facultatif.

Faites en sorte que le texte ait la taille que vous souhaitez et placez-le sur votre toile à l'endroit où vous souhaitez qu'il soit. Je voulais faire l'effet 3D venant du bas et remontant vers la gauche, j'ai donc positionné mon texte en haut à gauche de ma toile.

Nous devons maintenant configurer une règle de perspective. Ce sous-outil se trouve sous l'outil Règle. Nous utiliserons la règle de perspective pour nous aider à tracer les lignes de nos lettres 3D. Assurez-vous que la liste déroulante Processus dans la fenêtre Propriétés de l'outil est définie sur "Ajouter un point de fuite". Ensuite, choisissez un endroit sur l'une de vos lettres à partir duquel vous souhaitez dessiner un guide. Cliquez sur cet endroit et faites glisser pour créer un guide. Dans la capture d'écran ci-dessous, j'ai sélectionné le point à la fin du "c" pour être mon premier guide car c'est le point le plus à droite dans mon texte.

Pour avoir un point de fuite, nous devons ajouter au moins un guide supplémentaire. J'ai choisi un point sur le côté gauche du "B", puis j'ai cliqué et glissé pour créer une ligne qui croise la première ligne. L'intersection est le point de fuite de notre règle de perspective.

Une fois que deux guides sont disposés et qu'un point de fuite est créé, une ligne d'horizon et une ligne verticale seront également créées par Clip Studio Paint dans le cadre de la règle de perspective. Ces lignes sont très pratiques dans d'autres applications de cet outil de règle, mais nous ne nous en préoccuperons pas aujourd'hui. Vous pouvez voir la ligne d'horizon qui a été ajoutée dans la capture d'écran ci-dessous.

Si vous voulez que toutes les lignes convergent vers un point singulier éloigné, vous pouvez commencer à tracer des lignes remontant au point de fuite maintenant. Cependant, je veux que le logo ne recule qu'un peu puis s'arrête, donc un peu plus de préparation est nécessaire.

Tout d'abord, j'ai posé plusieurs autres guides à des points clés le long des mots afin de pouvoir m'assurer que tout reste aligné à l'étape suivante. Nous allons travailler avec plusieurs calques différents, il est donc toujours utile de vérifier et de s'assurer que la règle de perspective est définie sur "Afficher dans tous les calques". Cela peut être fait en faisant du calque la règle sur le calque actif, puis en cliquant sur l'icône Définir la plage de la règle dans la palette des calques, puis en cliquant sur "Afficher dans tous les calques".

Ensuite, faites une deuxième copie du calque de texte. Nous l'utiliserons comme référence pour le "dos" des lettres (c'est-à-dire le bord le plus éloigné du spectateur). Si votre texte est composé de toutes les lignes droites, vous pouvez omettre cette étape, mais comme ma police a beaucoup de courbes, je voulais m'assurer que je pouvais garder les lettres correctes.

Maintenant, à l'aide des guides et de la fonction Échelle/Rotation, déplacez une copie du texte afin qu'elle soit plus proche du point de fuite de la règle. Vous devrez modifier l'échelle de la copie de texte afin que les points de la copie correspondent aux repères des mêmes points sur la règle. Dans la capture d'écran ci-dessous, notez que la copie (en bordeaux) a été réduite et déplacée de manière à ce qu'elle tienne dans les guides de la règle, tous touchent les mêmes endroits sur le calque d'origine et de copie.

Ensuite, créez un calque entre les copies supérieure et inférieure du texte. C'est la couche sur laquelle nous allons dessiner nos lignes de perspective.

Avec l'outil de dessin de votre choix, commencez à tracer les lignes pour les bords de vos lettres. J'ai trouvé plus facile de commencer par le mot du bas en premier pour ne pas être confus, car les lignes des lettres du haut ne seront pas visibles là où les lettres du bas les recouvrent.

Soyez minutieux dans cette étape, en vous assurant de vérifier les bords que vous avez peut-être manqués. Par exemple, dans la capture d'écran ci-dessous, il manque le bord supérieur droit du B, une erreur que je n'ai pas relevée avant la phase de coloration de cette création ! Mais ça va, je suis simplement retourné au calque des lignes et je l'ai ajouté une fois que je l'ai remarqué.

Les bords arrondis des lettres ont été réalisés en augmentant la stabilisation sur mon outil de dessin, puis en traçant soigneusement les bords des lettres sur le calque de copie pour remplir l'espace entre chacune des lignes de perspective.

Une fois les lignes terminées, j'ai masqué le calque de texte de copie. Ensuite, en utilisant des calques supplémentaires, j'ai ajouté de la couleur et de l'ombrage au logo 3D. Pour une touche finale de look "rétro", j'ai utilisé le puddingness Retro Tone de CSP User pour ajouter une légère texture et obtenir le look d'un ancien imprimé. (Vous pouvez obtenir le même ton ici : https://assets.clip-studio.com/en-us/detail?id=1926070) https://assets.clip-studio.com/en-us/detail?id=1926070)

Et notre « logo 3D rétro » est terminé !

Conclusion

Ce n'est pas la chose normale à laquelle vous pensez probablement lorsque vous pensez à la règle de perspective CSP, mais j'espère que si ce n'est pas le cas, cela vous a montré une manière différente d'utiliser cet outil incroyablement puissant. Avec un peu de planification et d'ingéniosité, vous pouvez créer toutes sortes de choses avec la règle de perspective !

Pour plus d'informations sur CLIP Studio Paint, veuillez visiter https://www.clipstudio.net/en https://www.clipstudio.net/en ou https://graphixly.com https://graphixly.com

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel