Tutoriel: Digital Painting Concept Art

article élémental de foret

Pour ce nouveau tutoriel réalisé par mes soins, je vais vous montrer pas à pas comment j’ai réalisé ce concept art que j’ai nommé “L’élémental de forêt “. Il s’agit d’un concept art, le tout est donc de mettre en avant une créature originale.

Elémental de forêt final

Etape 1:

Cette fois j’ai commencé directement sur Photoshop en partant d’un fond blanc. Une fois que j’ai crée un nouveau calque (Ctrl+Maj+N - je vais beaucoup m’en servir ) pour la line, je commence à définir la forme avec un pinceau noir avec opacité et flux variant avec la pression du stylet. J’affine petit à petit la silhouette et les traits puis je détaille un peu mon élémental. Une fois que j’ai fini ma line, je crée un nouveau calque que je place en dessous du croquis.

étape 1 croquis

Etape 2:

Ici je remplis chaque partie avec une couleur unie sur un nouveau calque situé sous celui du croquis, puis je choisis une couleur pour ombrager, et une autre pour éclaircir les zones où le personnage est frappé par la lumière, toujours sur mon calque de base. A la fin de cette étape, j’ai défini les couleurs de bases avec les premières ombres et lumières, je passe donc mon calque de fond blanc en noir (Ctrl+I en le sélectionnant).

etape 2

Etape 3:

Je crée un quatrième calque juste en-dessous du calque du croquis et je fais une sélection de mon personnage que je mémorise: Sélection>Mémoriser la sélection, dans la fenêtre qui s’ouvre j’entre un nom quelconque et je fait OK. Maintenant, dans l’onglet “Couches” à coté de l’onglet “Calques” j’ai une nouvelle couche noire et blanche correspondant à mon élémental.

Je resélectionne mon élémental (Ctrl+clic sur la nouvelle couche) et je sélectionne l’outil Dégradé. J’applique un dégradé partant de en haut à droite ( la source de lumière fictive ) jusqu’en bas à gauche allant du vert-jaune au noir.

etape 3 dégradé

Je passe ensuite ce calque en dégradé et je crée un nouveau calque. Je répète l’opération pour avoir un nouveau dégradé sur la sélection de l’élémental mais cette fois-ci je crée un dégradé noir sur la partie inférieure de mon personnage et je passe le calque en mode ” Obscurcir ” une fois que l’effet me convient.

etape 3 dégradés

Etape 4:

Je crée un nouveau calque par-dessus les autres ( toujours sous le croquis ) sur lequel je vais peindre la forte lumière qui frappe l’élémental de forêt. Je prends une couleur vert-jaunâtre pour la lumière provenant de la source de lumière principale ( en haut à droite ) et une couleur verte fortement saturée pour la lumière provenant des boules de lumières. Toujours sur ce calque j’assombris les zones d’ombre pour que le contraste ombre/lumière soit plus fort et qu’il y ait plus d’atmosphère.

Ensuite je commence à peindre le sol ( et oui, il marche bien sur quelque chose… ) mais sans trop le texturer pour l’instant.

étape 4 lumière et ombres

Etape 5:

Pour la cinquième étape, je décide de m’attaquer plus sérieusement au sol. Je crée un nouveau calque sous le croquis et je détaille mon sol, j’essaie de lui donner une texture plus réaliste. Sur un nouveau calque, je peins très légèrement avec un pinceau à faible dureté les zones où la lumière frappe plus durement le sol ce qui fait ressortir l’ombre de la créature puis je fusionne ce calque avec celui d’en dessous.

Sur un nouveau calque que je glisse sous l’élémental je peins le reste du fond qui passe derrière l’élémental et au premier plan.

étape 5 sol détaillé

Etape 6:

Dans cette courte étape, j’applique juste une texture à mon personnage pour qu’il ait plus l’air d’être en bois. Pour ça, rien de bien compliqué, je glisse une photo de bois et je crée un masque d’écrêtage: je sélectionne mon calque contenant la photo et je fais Alt+Clic entre ce calque et celui en-dessous ( c’est à dire mon personnage ). Ainsi la texture de la photo ne s’appliquera qu’au calque du personnage. Je transforme un peu la photo et je fais quelques réglages et mon élémental semble vraiment être en bois, pardi!

Etape 7:

Je vais détailler dans cette partie la façon dont j’ai obtenu l’effet des boules vertes. Je commence par créer un nouveau calque au-dessus des autres (toujours Ctrl+Maj+N) sur lequel je peins une lueur verte autour des boules, rien de plus simple il n’y a qu’à prendre un pinceau à dureté 0%. Par la suite je crée un nouveau calque par-dessus et je peins des traces lumineuses autour de façon circulaire ( cf l’image ci-dessous pour mieux comprendre ) toujours avec le même pinceau. Je crée ensuite un nouveau calque et je recommence jusqu’à obtenir un effet de lumière satisfaisant.

effet boule lumière

Pour ajouter un effet vraiment original à mes boules de lumière je crée un nouveau calque, cette fois-ci en-dessous de l’élémental. Je sélectionne un pinceau d’une forme spéciale ressemblant à une petite tache de peinture avec des réglages particuliers: Variation de la taille en fonction de la pression de la plume (Dynamique de la forme), Diffusion ( “Les deux axes” cochée ) à 1000% (max), une Forme double avec pas à 1000% ( une forme de base ) et la case “Lissage” cochée.

brush settings

Et voilà le résultat à la fin de l’étape:

effet boule lumière

Etape 8:

C’est dans cette avant-dernière étape que je m’occupe du fond, cela est logique car dans un concept art c’est la créature qui est mise en avant tandis que le fond est secondaire. J’ai dû faire pas mal d’essais avant d’obtenir un fond satisfaisant…

Je crée donc un nouveau calque au dessus du fond noir et je peins des formes d’arbres et de racines avec un pinceau à très faible opacité (entre 10 à 20%) de manière à ce qu’ils soient à peine visibles (oui je sais, dit comme ça cela parait facile…).

Etape 9:

Cette étape sert de finition: je fais les retouches nécessaires et j’ajoute quelques détails: sur un nouveau calque au-dessus des autres, je fais rapidement des traits grossiers à très faibles opacité que je floute ( Filtres>Flou gaussien ). Ensuite je baisse l’opacité de mon calque de façon a obtenir un pâle halo lumineux provenant de ma source de lumière en haut à droite.

halo de lumière

Par la suite, je crée un nouveau calque et je vais créer les “particules” flottantes dans la lumière visibles juste au-dessus. Rien de bien compliqué, je prends un pinceau rond de base avec une opacité réglée à 50% et une petite taille ( de 2 à 5 ) et je vais faire des points. Ensuite je floute le calque comme avant, je règle à nouveau l’opacité, et le tour est joué.

Il ne me reste plus qu’à ajouter mon logo dans le coin et à prier pour que ce concept art vous plaise ( et le tuto par la même occasion ! )

Voici l’élémental de forêt dans sa version finale (cliquez pour une image plus grande):

Elémental de forêt final

Tags:

10 Commentaires pour “Tutoriel: Digital Painting Concept Art”

  1. Nico dit:

    Yo Gaétan ! C’est Nico de la promo9 SRC :)

    Super tut’, rien à redire. J’adore ton perso, et les détails sont magnifiques. Je tenais à laisser un commentaire, même si on se voit presque tous les jours, parce que j’imagine que réaliser ça demande quelques heures de boulot, penché sur ta tablette, et concentré sur ton écran. Joli coup de crayon et félicitations pour ton imagination qui nous amène quelques petites œuvres dignes de ce nom ;).

    a+
    Nico

  2. Design Spartan dit:

    Salutations Nico!
    Ca représente effectivement pas mal d’heures de travail et même d’acharenement…

    Merci pour ton passage ;)

  3. Black_Perles dit:

    Je Suis bleuffé awai c magnifik je ss tres loin de toi nivo grafik é je te félicite vraimen SUPERBE continu TROOOOOOOOOO BOOOOOOO

  4. Design Spartan dit:

    Wow merci ! ;)

  5. LuciferX dit:

    Vraiment génial ce Digital Painting , la difficulté réside en fait à créer un chouette personnage, pour le reste c’est du gâteau avec ton tutoriel :D

  6. Design Spartan dit:

    Merci :P un peu d’imagination et le tour est joué :)

  7. Gnomimus dit:

    Salut !
    MAgnifique boulot ! J’aimerais rentrer en contact avec toi:
    Encore bravo et a bientot !

    Gnomimus,

  8. " » Guide du Digital Painting #3 : Commencer l’illustration" by Design Spartan dit:

    [...] Tutoriel vidéo d’un digital painting directement sur Photoshop : [...]

  9. heid dit:

    vraiment très sympa et très compréhensible.Sait-tu également crée des templates et des petits perso interactif qui te guide et ‘aide dans un site?
    félicitation pour ton art et ton travail.

  10. Design Spartan dit:

    Merci heid, par contre je ne vois pas ce que tu voulais dire par ” Sait-tu également crée des templates et des petits perso interactif qui te guide et ‘aide dans un site? “

Laisser un commentaire