Comme d’habitude et toujours d’actualité, dans ce tutoriel nous allons apprendre comment reproduire l’affiche du célèbre jeu Batman Arkham origins en utilisant que Photoshop.

Reproduire L’affiche de Batman ARKHAM ORIGINS avec Photoshop

 

Bienvenu dans ce nouveau tutoriel, voyant les nombreuses affiches de jeux vidéo sorties récemment j’ai choisi celle de Batman Arkham origins, car elle est un peu spéciale avec des effets époustouflants. Et voilà un aperçu du résultat final

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Dans notre tutoriel nous allons utiliser beaucoup d’images, alors j’ai préparé un pack de ressource pour ce dernier mais vous devez chercher d’autres images ou faire des captures d’écran durant le jeu si vous l’avez bien sûr.

Assez parlé et passons au travail, ouvrez un nouveau document de 1920×1200 pixels , résolution 72Dpi , couleurs RVB8bits . Puis ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé . (Durant l’édition du dégradé essayez de le déplacer vers le haut).

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Maintenant, prenez l’outil plume (P) en mode calque de forme , la couleur noir et dessinez le fameux logo de la chauve-souris. Si vous avez des problèmes avec l’outil plume voilà un tutoriel pour apprendre comment faire les courbes et tracé de l’outil

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) , des brushes éclaboussures.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Dessinez des éclaboussures comme le montre l’image ci-dessous (Pour orienter les éclaboussures ouvrez l’éditeur des brushes en appuyant sur le b outon F5 puis modifiez l’ongle celons vos besoins).

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Ensuite ouvrez l’image suivante de Batman et détourez-la juste au niveau du torse car nous n’avons pas besoin du reste.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Puis importez la sélection dans votre document et ajustez-la comme ceci.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Nous allons effacez la partie inférieure, pour le faire, maintenez la touche Ctrl enfoncé et cliquez sur la vignette de calque du logo de la chauve-souris pour récupérer sa sélection.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Ensuite, allez dans Menu > Sélection > Intervertir , mettez-vous sur le calque de Batman et effacez la partie inférieur pour obtenir le résultat suivant.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Ouvrez les images des personnages de Batman et détourez-les un part un (un peu long mais soyez patients). Dans notre tutoriel, je vais prendre quelques exemples et le reste est à vous.

Détourez-votre personnage et importez-le dans votre document (De préférence mettez tous les calques des personnages dans un seul groupe et déplacez le groupe derrière le calque de Batman).

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Faites la même chose pour les autres personnages du jeu.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Cherchez d’autre images sur le net, dupliquez-les, en tous les cas déchainez-vous pour remplir tout l’espace noir du logo de la chauve-souris.

Et voilà le résultat voulu

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Maintenant, mettez-vous sur le calque d’un des personnages et appliquez dessus une ombre portée dans les options de fusion.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Ensuite, allez dans Menu > Calque > Style de calque > Copier le style de calque puis sélectionnez tous les calque des personnages et allez dans Menu > Calque > Style de calque > Coller le style de calque cela va appliquer l’ombre portée sur chaque calque.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Créez un autre calque et déplacez-le derrière le calque du logo noir de la chauve-souris, puis prenez l’outil pinceau (B) avec une dureté de 0% et dessinez une ombre portée comme ceci.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Maintenant sélectionnez les calque suivant : Calque de la chauve-souris, Batman et le groupe des personnages et mettez le tout dans un seul groupe en allant dans Menu > Calque > Nouveau > Groupe d’après les calques.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Puis ajoutez dessus un masque de fusion en allant dans Menu > Calque > Masque de fusion > Tout faire apparaitre.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Nous allons masquer quelques parties sans les gommer définitivement, pour le faire, prenez l’outil pinceau (B) quelques brushes grunge puis mettez-vous sur le masque de fusion et dessinez dessus aux niveaux des contours pour avoir le résultat suivant.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Créez un autre calque et mettez-le derrière le groupe puis dessinez des éclaboussures en utilisant l’outil pinceau (B) comme le montre l’image ci-dessous.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Maintenant, mettez-vous sur le calque de Batman et assombrissez le côté gauche en utilisant l’outil densité + (O).

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Après, prenez l’outil pinceau (B) , des formes grunges ou nuageuse avec une opacité de 16 à 25% et dessinez un peu de neige comme ceci.

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Ensuite ajoutez un calque de réglage Teinte et saturation en allant dans Menu > Calque > Nouveau calque de réglage > Teinte et saturation puis réduisez la saturation à -32% .

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

De la même façon ajoutez un calque de réglage Balance des couleurs

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Pour finir ajoutez un calque de réglage Courbe de transfert de dégradé puis changez son mode de fusion en Eclaircir et réduisez son opacité à 76% .

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

Et voilà le résultat final

Tutoriel photoshop pour reproduire L’affiche de Batman ARKHAM ORIGINS

 

30 COMMENTAIRES

  1. Whaaa j’ai adoré ce tuto !!
    Le moment où l’on ajoute les ombres portées sur tous les personnage est juste magique :DD

    J’ai appliqué ce tuto avec l’univers de wow, pour le personnage d’un ami 🙂
    http://www.hostingpics.net/viewer.p

    J’ai pu avoir tous ces personnages en les créant sur Wow Model Viewers, et en les important et détourant sur photoshop !^^

  2. Génial ce tuto encore !!!
    Mais dommage je n’arrive pas a me servir de ce foutu outil qui est la plume , j’ai beau essayer mais rien ne vas !!!!
    Très bon boulot quand même continués comme ça …

  3. Génial ce tuto encore !!!
    Mais dommage je n’arrive pas a me servir de ce foutu outil qui est la plume , j’ai beau essayer mais rien ne vas !!!!
    Très bon boulot quand même continués comme ça …

  4. Bonjour, excellent travail ! Est-ce possible de partager le PSD please ? Depuis le temps que le tuto est en ligne ya prescription mais j’aimerai bien en disposer, merci ! De ce fait, pourriez-vous le partager en ligne svp ?

LAISSER UNE RÉPONSE