Apprendre les capacités de Photoshop peut être un processus intimidant. Cependant, vous pourriez dire la même chose pour la première fois que vous voyez des affiches, ou quelques designs. Ajouter une touche impressionnante à des formes pour leurs donner vie, ou les manipuler pour obtenir un rendu énorme. J’aime particulièrement les tutoriels qui vont au-delà des bases et enseignent des techniques très innovantes. Ce tutoriel est un exemple parfait de cela. J’utilise Adobe Photoshop, et on va apprendre quelques trucs vraiment à portée de main dans cette leçon.

Bienvenu dans ce nouveau tutoriel de Photoshop, dans ce dernier nous allons réaliser l’affiche du film Captain America le soldat de l’hiver avec son célèbre bouclier en utilisant des techniques de pro pour un rendu à couper le souffle, un tutoriel un peu long mais croyez mois le rendu final vaut la peine de suivre ce tutoriel et voilà un aperçu de ce fameux rendu final

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Pour réaliser ce tutoriel nous avons besoin de quelques textures, alors je vous invite à les téléchargées.

Texture Métal rouillé

Brushes Painting

Texture Grunge

Formes personnalisées

Nuages

Ouvrez un nouveau document de 3600×2200 pixels , résolution 300Dpi , couleurs RVB8bits avec un fond noir.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Maintenant, ajoutez deux repères au centre 50% Horizontal et 50% Vertical en allant dans Menu > Affichage > Nouveau repère.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil Ellipse de sélection (M) , Mettez 2000x2000px pour une taille Fixe concernant le style et ajoutez une sélection radiale.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Remplissez votre sélection avec du Blanc en utilisant l’outil pot de peinture (G) .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Ajoutez un peu de bruit en allant dans Menu > Filtre > Bruit > Ajout de bruit .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Ensuite, appliquez dessus un filtre flou radial en allant dans Menu > Filtre > Flou > Flou radial .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Puis-rendez-vous dans les options de fusion .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Maintenant nous allons réaliser trois autres sélections radiales une par une avec une taille différente mais avec exactement les mêmes valeurs des filtres que tout à l’heure.

Le premier a une taille de 1600x1600px dès que vous terminez rendez-vous dans les options de fusion.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Ajoutez une autre sélection radiale avec une taille de 1200x1200px , puis faites les mêmes étapes que tout à l’heure, ensuite rendez-vous dans les options de fusion

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Après, ajoutez la dernière sélection radiale avec une taille de 800×800 pixels , faites les mêmes étapes que tout à l’heure, ensuite rendez-vous dans les options de fusion

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Maintenant, nommez vos calques : Forme 1, 2,3 et 4 car nous avons besoins d’eux plus tard.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Prenez l’outil forme personnalisée (U) et dessinez une étoile comme ceci

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Rendez-vous dans les options de fusion.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Dupliquez la forme 2 , déplacez son calque tout en haut et mettez-le en écrêtage ( Menu > Calque > Créer un masque d’écrêtage ).

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Ensuite appliquez dessus un filtre Flou Gaussien en allant dans Menu > Filtre > Flou > Flou gaussien .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Après, dessinez une deuxième étoile comme ceci.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Rendez-vous dans les options de fusion

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Toujours avec l’outil forme personnalisée dessinez la forme suivante puis rendez-vous dans les options de fusion.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Et voilà le travail, nous avons terminé notre forme principal, maintenant passons aux textures.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Importez la texture suivante dans votre document et ajustez-la comme ceci.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Désaturez-la (Ctrl+Shift+U) et changez son mode de fusion en Mélange Maximal

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Nous allons maintenant, essayer de sélectionner les traits noir mais comme vous voyez ils sont colorés ce qu’il faut faire c’est créer une copie des calques fusionnée, appuyez sur le raccourci Ctrl+Alt+Shift+E

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Maintenant, supprimer la texture métallique de tout à l’heure, mettez-vous sur votre calque (avec fusion), désaturez-le (Ctrl+Shift+U)

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Et allez dans Menu > Sélection > Plage de couleur et cliquez sur la couleur Blanche pour récupérer la sélection.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Puis, allez dans Menu > Calque > Nouveau masque de fusion > Faire apparaitre la sélection

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Ensuite, effacez la partie qui recouvre l’étoile soit avec l’outil gomme (E) directement sur le calque, ou en peignant avec du Noir sur le masque de fusion.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Puis inversez les couleurs en allant dans Menu > Image > Réglages > Négatif (Ctrl+i) .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Rendez-vous dans les options de fusion

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Créez un nouveau calque ( Ctrl+Shift+N ), récupérez la sélection de la forme 1 (Maintenez la touche Ctrl enfoncé et cliquez sur la vignette du calque ou dans Menu > Sélection > Récupérer la sélection ), prenez l’outil dégradé (G) et dessinez un dégradé comme ceci.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Puis, changez son mode de fusion en incrustation et réduisez son opacité à 76% .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Ensuite, importez la texture de métal rouillé dans votre document et ajustez-la comme ceci.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Récupérez la sélection de la forme 1 (Maintenez la touche Ctrl enfoncé et cliquez sur la vignette du calque ou dans Menu > Sélection > Récupérer la sélection ). Puis, allez dans Menu > Calque > Nouveau masque de fusion > Faire apparaitre la sélection

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Désaturez la texture en appuyant sur Ctrl+Shift+U , et changez son mode de fusion en Lumière crue .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

C’est l’étape principal, commencez par récupérer la sélection de la forme 2 puis allez dans Menu > Edition > Transformation Manuel et appliquez une rotation de -45,76° .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Faites la même chose en récupérant la sélection de la forme 3 avec une rotation de 37,92° .

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Ensuite, effacez les parties qui recouvrent l’étoile comme le montre l’image ci-dessous.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Maintenant, créez un nouveau calque, prenez les brushes que vous avez téléchargés tout à l’heure et dessinez des éclats comme ceci.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Puis, rendez-vous dans les options de fusion

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Après, ouvrez la texture grunge suivante dans un autre document.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Ensuite, allez dans l’onglet Couches , maintenez la touche Ctrl enfoncé et cliquez sur la couche Bleu pour récupérer la sélection de la couleur Blanche.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Puis, allez dans Menu > Sélection > Etendre ensuite faite Ctrl+C pour copier ce que vous avez sélectionné.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Faite Ctrl+V dans votre document de travail

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Puis rendez-vous dans les options de fusion

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Prenez l’outil gomme (E) et effacez tous ce qui dépassent le bouclier.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Créez un nouveau calque prenez l’outil pinceau (B) avec les paramètres suivants

Taille : 500 – 600 pixels

Dureté : 0%.

Opacité : 20%

Flux : 100%

Puis peignez avec du noir sur la zone en surbrillance.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Maintenant, importez la texture suivante et ajustez-la comme ceci.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Prenez l’outil gomme (E) , avec une forme ronde douce et effacez le centre et le bas, sinon utilisez les masque de fusion.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Pour finir, ajoutez un calque de réglage Correction Sélective en allant dans Menu > Calque > Nouveau calque de réglage > Correction Sélective.

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

Et voilà le résultat final

Réaliser l'affiche du film Captain America le soldat de l'hiver avec Photoshop

29 COMMENTAIRES

  1. Si une meme personne peut poster plusieurs fois, demain je bosse pas je saurais quoi faire lol !

    genial ce tuto pleins de techniques et tjs un super rendu.
    GRAPHOLOG je t’adore continue comme ca.
    1 tuto par jour : the must.

  2. Un tuto qui m’interesse qui est pas simple mais pas non plus le plus hard
    se serait bien plus de tuto de film et de scènes apocalyptique ou de logo de film

    je vais essayé de le savourer se tuto merci

  3. Hello.

    Le rendu final est top faut l’avouer.
    Par contre, est-il possible que tu mets au début de ton tuto, avec quel version on peut les faire.

    En effet, au moment ou l’on doit importer le premier effet métallique (d’ailleurs petite faute, la désaturation, c’est Ctrl+Shift+U et non N 😉 ) mais le mode de fusion : “Mélange Maximal” n’existe pas sur Photoshop CS5, y’a-t-il un compromis que l’on peut mettre nous à la place ?

    J’espère pouvoir passer cet étape et finir l’image 😉

    Cordialement.

  4. En effet. Vue l’heure, je suis un peu perdu mais j’ai fini pas trouvé (Je n’avais pas dé-saturé, donc je ne trouvais pas comme toi), surtout que j’y au passé plus de deux heure sur le tuto (chose que j’apprécié particulièrement sachant que je passe en moyenne 30 à 45 minutes sur chacun de tes tutos 🙂

    Je suis malheureusement déçu de mon résultat, n’ayant pas réussis à avoir l’effet métallisé comme toi sur mon bouclier, mais tant pis, je ferrai mieux la prochaine fois 😉

    Voilà au final mon résultat :
    http://image.noelshack.com/fichiers

  5. @Azurior attend de voir les prochain tuto 🙂 fini les tuto de 15mn, faut bien qu’on change de rythme
    En tous les cas merci pour vos commentaires et si vous avez besoin de quoi que ce soit, n’hésitez pas.
    Bonne nuit

  6. Bonjour et merci pour ce tutos qui est vraiment génial!
    J’aimerais juste savoir quelle pack de brushe tu as utilisé pour faire les éclats rouges? car les miens font trop “éclaboussures” de peinture
    merci

  7. Pour le nouveau repère dans ma version CS5 j’ai pas les pourcentage mais les cm alors comment faire

    Avez vous une explication?

    Merci d’avance

  8. Super tuto ! 🙂

    @ZOD90 — clic droit sur la barre de repère de la règle (graduation) et tu choisis ton mode de mesure (%, cm, pixel, pouces…etc)

  9. Bonjour,

    J’ai essayée de faire le tuto mais photoshop ne veut apparemment plus me faire apparaître mes options de fusion,enfait il ne veut pas m’afficher l’incrustation de couleur, je me suis arrêtée au deuxième cercle (tout au début).
    ça ne m’est jamais arrivée, que puis-je faire?
    (tous les effets sont visibles les calques aussi et tout est en normal).

  10. Bonjour, @fanish12 vous pouvez demander à Photoshop de réinitialiser les préférences. Pour le faire, maintenez les touches suivantes enfoncées dès que vous lancez Photoshop:
    WIndows PC: Alt+Control+Shift
    Mac : Option+Command+Shift
    avant de faire cette manip, sauvgardez vos brushes,styles..
    merci

  11. Bonjour à tous et pour commencer, merci pour ce super tuto.
    Moi j’ai juste une petite soucis, je ne trouve pas la texture donnant l’effet cuivre?! j’ai regardé dans les fichiers à télécharger et tout mais impossible de mettre la main dessus. Une petite aide?
    Merci d’avance

  12. Bonjour!
    Voilà, j’ai un soucis pour debuter ce tutoriel, en effet, lorsque que je veux extraire la textures “nuages” et les deux formes, cela m’affiche un message d’erreur donc je suis bloque sans toutes ces choses là…
    Suis-je le seul ?
    Merci

  13. Bonjour,

    Je suis bloqué au niveau de la sélection de la plage de couleur, je n’ai pas autant de pixels sélectionnés dans l’écran de prévisualisation que ce qui est montré dans le tuto.
    Je ne comprends pas aussi l’information concernant concernant la “sélection de la couleur blanche”.
    Est-ce que quelqu’un pourrait m’aider ?

  14. … ça fait quelques bonnes années que je visite ce site (c’est lui d ailleurs qui ma permis de produire mes premières belles images sur PS O-) .) j’avais jamais publié de commentaires avant 😉 mais là j’ai pas le choix. very very nice…. 😉

  15. Salut Grafolog !
    Tout d’abord ton site est génial, en particulier les tutos ou il faut recréer des choses réeles avec des éléments virtuels ! :mdr:
    Par contre, j’ai pas pu continuer ce tuto car je suis bloqué quand tu dis “Nous allons maintenant, essayer de sélectionner les traits noir mais comme vous voyez ils sont colorés ce qu’il faut faire c’est créer une copie des calques fusionnée, appuyez sur le raccourci Ctrl+Alt+Shift+E” et j’aimerais vraiment que tu m’aides s’il te plait O-)
    Sinon super site super tuto etc comme d’hab continue comme ça !

  16. Je ne sais pas ce que j’ai fait. J’ai e9te9 sur d’auttres applications, j’ai closunte9 le site de l’ONF, puis je suis revenu tester une nouvelle fois l’application et Le tout fonctionnait normalement. Un autre myste8re de la technologie! Ou de l’utilisateur.

LAISSER UNE RÉPONSE