Conception des personnages pour les saints de Boomrock

Dans ce didacticiel, nous allons montrer comment utiliser Illustrator et Photoshop pour créer des conceptions de personnage pour les Saints de Boomrock. Commençons!


Préparation

Vous trouverez ci-dessous les photos de référence, qui m'ont été fournies par le groupe. Josh est à gauche et Brian à droite. Au milieu se trouve le tatouage de Brian, que nous intégrerons à la conception plus tard..


Étape 1

Créez un nouveau document 1600px x 1600px et définissez l'arrière-plan sur un léger dégradé. Ajoutez un nouveau calque à votre document et commencez par construire de manière lâche une fondation pour vos personnages..

Avec une tablette, j'utilise généralement un pinceau 3px standard dans une couleur légèrement plus sombre que l'arrière-plan. Je m'assure de faire vérifier "Shape Dynamics" pour pouvoir contrôler la pression de mon stylo.


Étape 2

Réduisez l'opacité de votre premier calque à 50% et ajoutez deux nouveaux calques dessus: un pour chaque caractère..

Utilisez ces nouveaux calques pour parcourir les lignes d’esquisse pour le nettoyer un peu et pour ajouter des détails. Veillez à ne pas mélanger les calques afin de pouvoir ultérieurement ajuster la position des caractères si nécessaire. Ce serait une bonne idée de les nommer comme dans l'image ci-dessus. À ce stade, les personnages commencent à prendre forme. C'est bien de toujours garder le tout dur à ce stade.


Étape 3

Ajoutez un nouveau calque entre le premier calque "Esquisse" et les calques de caractères et nommez-le "Couleur"..

Utilisez ce calque pour expérimenter et bloquer grossièrement les caractères avec une palette de couleurs choisie. Dans ce cas, le groupe voulait quelque chose de "guérilla" alors naturellement je suis allé avec des tons de terre.

Ensuite, ajoutez grossièrement l’éclairage et l’ombrage. J'ai choisi la source de lumière principale à gauche des personnages pour que la lumière frappe plus fort de la gauche sur la peau / les vêtements exposés. Les parties qui ne sont pas exposées seront soit laissées "telles quelles", soit ombrées si elles sont derrière un autre élément, tel que le côté droit du torse de Brian est recouvert par son bras droit. De même, la majeure partie du torse de Josh sur le côté gauche est ombrée car elle est couverte par Brian qui est directement devant lui..


Étape 4

Une fois que vous êtes satisfait, il est temps de transférer l'illustration dans Adobe Illustrator pour en nettoyer les contours. Cachez tous les calques sauf le contour, enregistrez-le au format JPEG et ouvrez-le dans Illustrator. Depuis que j'utilise une tablette, je peux tracer le contour avec mon stylo plutôt qu'avec une souris. Pour ceux qui ne travaillent pas avec des tablettes, cette partie peut également être réalisée à l'aide de l'outil Plume. Il existe de nombreux didacticiels sur Internet pour l’encrage d’outil du stylet dans Illustrator, ainsi que des didacticiels pour diverses autres méthodes. C'est la méthode que j'aime.

Créez un nouveau pinceau en ouvrant la palette et en cliquant sur l'icône "nouveau pinceau" en bas. Dans la boîte de dialogue qui s'affiche, sélectionnez "Pinceau calligraphique", cliquez sur OK et définissez l'angle, l'arrondi, le diamètre et la variation de ce nouveau pinceau selon les paramètres indiqués ci-dessous..

Sélectionnez le contenu de votre calque en cliquant sur le cercle situé à droite du calque dans la palette Calques. Réduisez l'opacité à 30% et verrouillez le calque. Choisissez la couleur noire pour le trait et aucune pour le remplissage.


Étape 5

Nous sommes maintenant prêts à nettoyer le contour. Lors de l’encrage, assurez-vous de faire varier le poids des lignes pour produire un effet plus dynamique..

Quelques conseils rapides à retenir lors de l’utilisation d’épaisseurs de ligne:

  1. Créez une illusion de profondeur. Si un objet ou une personne est plus proche de vous, les lignes seront généralement plus épaisses. Donc, si ce dessin avait un fond de paysage urbain, les lignes qui composent le paysage urbain seraient plus fines que celles du personnage..
  2. Faites attention à la source de lumière. Partout où la lumière frappe, les lignes seront généralement plus fines. Partout où la lumière ne frappe pas, les lignes seront généralement plus épaisses.
  3. Les lignes les plus à l'extérieur d'un objet ou d'une personne seront généralement plus épaisses que les lignes à l'intérieur. C'est pour aider à définir cet objet ou cette personne en dehors des autres.
  4. Élargissez les extrémités des lignes qui sont coupées par une autre ligne. Regardez l'image ci-dessous pour voir ce que je veux dire.

Une fois terminé, vous devriez avoir quelque chose de similaire à ceci:


Étape 6

Nous pouvons maintenant ramener le fichier dans Photoshop et lancer la coloration et le rendu. Exportez le fichier à partir d'Illustrator (Fichier> Exporter) et sélectionnez "psd" dans la liste déroulante. Dans la boîte de dialogue qui apparaît, définissez la résolution sur 'Élevée (300 dpi)' et cliquez sur OK..


Étape 7

Pour cette partie, je crée généralement un calque distinct pour chaque couleur ou élément de chaque caractère situé sous le calque de contour. Cela ressemblerait à quelque chose comme ça:

Ensuite, je colore simplement chaque élément sur ses propres calques respectifs. En outre, vous avez peut-être remarqué que j’ai un peu atténué les contours de chaque personnage. Je pense que cela donne une apparence plus naturelle à l'illustration que d'avoir un contour noir foncé.


Étape 8

Maintenant que nous avons les caractères colorés, il ne reste que le rendu. Je commence généralement par l'ombrage et je passe à l'éclairage. Créez un calque séparé pour "Shading" au-dessus du calque de couleur de base pour chaque élément. Maintenant, en utilisant l’image colorée de l’étape 3 comme référence, nuancez les caractères avec un pinceau réglé à environ 60% de dureté..

Ma technique consiste à sélectionner l'élément que j'ombrage en appuyant sur Commande / Ctrl, en cliquant sur la vignette du calque et en appliquant un pinceau sur les zones qui nécessitent un ombrage..

Faites cela pour tous les éléments des deux personnages et vous devriez avoir quelque chose de similaire à ceci:

Après avoir visualisé le résultat, si vous souhaitez que certaines zones ombrées soient encore plus sombres, vous pouvez créer un nouveau calque pour les zones les plus sombres et utiliser la même technique que celle décrite ci-dessus pour le colorier. un résultat dynamique.


Étape 9

Ensuite, nous faisons l'éclairage. Ajoutez un nouveau calque au-dessus du calque 'Shading' pour chaque élément. Avec le calque "Éclairage" sélectionné, utilisez la même technique de commande / Ctrl-clic sur les miniatures du calque pour sélectionner leur contenu et ajouter des bits d'éclairage si nécessaire..

Pour les reflets dans les tons, utilisez l'outil Plume pour créer une forme autour du périmètre intérieur. Cliquez ensuite avec le bouton droit de la souris sur cette forme, cliquez sur «Effectuer la sélection», puis cliquez sur OK dans la boîte de dialogue qui s'affiche. Une fois la forme sélectionnée, sélectionnez le blanc comme couleur et utilisez l'outil Dégradé pour créer une réflexion subtile en faisant glisser le haut vers le bas avec un léger angle. Une fois que vous avez terminé, réduisez l'opacité de cette nouvelle forme à environ 30% ou le pourcentage que vous jugerez parfait..


Étape 10

Enfin, nous ajoutons les finitions telles que le tatouage sur le bras de Brian, le logo sur la chemise de Brian, le logo SF sur le bonnet de Brian et un éclairage supplémentaire sur les deux personnages pour bien identifier la source de lumière..

Voici la méthode que j'ai utilisée pour tatouer le bras de Brian.

Après avoir vu la totalité de l'illustration terminée, le groupe a demandé si Brian pourrait être «renforcé» un peu pour refléter davantage sa nature naturelle. J'ai donc fait quelques ajustements rapides en élargissant un peu le corps et en ajoutant une définition au bras droit, ce que vous pouvez voir dans le dessin final ci-dessous..


Conclusion

J'espère que ce tutoriel vous a incité à utiliser ces techniques pour développer vos propres styles d'illustration. Essayez de construire une base solide avec le croquis dès le début et vous aurez beaucoup plus de plaisir à le transformer en un personnage encré / coloré.