Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Comment créer une manipulation de photo robotique dans Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

French (Français) translation by Ahmad Fauzan (you can also view the original English article)

Final product image
What You'll Be Creating

Testez vos compétences et construisez une scène de science-fiction à partir de zéro!

Dans ce tutoriel, je vais vous montrer comment réaliser une manipulation de photo inspirée des années 80 à l'aide de stocks gratuits et d'éléments 3D dans Adobe Photoshop.

Être inspiré! Trouvez plus d'actions pour vos manipulations sur Envato Market.

Atouts du tutoriel

Les éléments suivants ont été utilisés dans la production de ce didacticiel:

Trouver l'inspiration de science-fiction

Je voulais faire une manipulation de science-fiction depuis un moment maintenant. J'étais donc très heureux lorsque je suis tombé sur ce stock Robot, inspiré de la machine ED-209 du film, RoboCop.

En gardant cela à l’esprit, je choisirai un look de science-fiction des années 80, avec une armure, un droïde des années 80 et une scène urbaine nocturne. Bien que ce ne soit pas basé sur le film, cet art photographique peut toujours être réalisé en s'inspirant de la série en ligne.

Il suffit de consulter les personnages et l’histoire pour plus d’idées.

Jetons un coup d'œil à l'avant et à l'après, avec certaines des actions utilisées

Before and After manipulation

Plutôt cool! Nous allons apprendre à construire la scène entière à partir de rien, en utilisant quelques stocks gratuits et actifs 3D d'Envato Elements.

Commençons!

1. Comment construire la scène de science-fiction

Étape 1

Commencez par créer la composition générale.

Ouvrez un nouveau document dans Photoshop à 2000 x 1500 pixels et 300 dpi.

Copiez et collez le stock de robot sur un nouveau calque. Redimensionnez-le à l’aide de l’outil de transformation libre (Control-T) et positionnez-le de manière à ce qu’il épouse le côté droit, comme indiqué ci-dessous.

N'hésitez pas à supprimer le calque d'arrière-plan blanc d'origine.

Add the robot

Étape 2

Afin de tirer le meilleur parti de cette image, nous devons la découper.

Nous allons toujours utiliser le fond dégradé sombre et le sol plat. Il suffit donc de séparer le robot en un nouveau calque.

Utilisez l'outil Lasso polygonal (L) pour effectuer une sélection autour du robot. Ce n'est pas grave si la sélection est imparfaite. Une fois sélectionné, maintenez la touche Ctrl-J enfoncée une fois pour créer un nouveau doublon sur un nouveau calque.

cut out the robot

Étape 3

Maintenant, ajoutez la ville.

Copiez et collez le stock de la ville sur un nouveau calque au-dessus du calque Robot d'origine. Free Transform (Control-T) pour redimensionner l’image de la ville et remplir l’arrière-plan.

Mais assurez-vous que le fond du stock de robot est toujours visible!

Add the city stock

Étape 4

Ajoutons le modèle ensuite!

Copiez et collez le stock de modèle sur un nouveau calque au-dessus de la copie du robot (calque 2).

Add the model
  1. Redimensionnez l'image (Ctrl + T) pour remplir le document comme indiqué.
  2. Ajoutez ensuite un masque de calque au modèle et utilisez un pinceau rond et dur (dureté à 100%, opacité à 100%) pour appliquer du noir sur le masque jusqu'à ce que tout l'arrière-plan soit supprimé.
  3. Cliquez avec le bouton droit sur le masque de calque à appliquer lorsque vous avez terminé. Renommez ensuite le calque 'Modèle'.

Étape 5

Pour plus de style, ajoutons les lunettes et l'armure.

Téléchargez cet angle de la monture de lunettes de soleil 3D. (N'hésitez pas à utiliser votre propre stock ou omettez simplement les lunettes.)

Copiez et collez les lunettes sur un nouveau calque au-dessus du calque modèle. Redimensionnez (Control-T) les lunettes pour qu'elles s'adaptent mieux au visage du modèle.

Add the glasses

Maintenant, ajoutez l'armure.

Utilisez l'outil Lasso polygonal (L) pour sélectionner ces zones en surbrillance une par une dans le stock d'armure.

Add the armor

Étape 6

Copiez et collez chaque pièce sur un nouveau calque et positionnez-les pour les adapter au modèle. Utilisez l'outil Gomme (E) pour effacer les zones que vous ne souhaitez pas afficher. Une fois qu'elles sont positionnées, fusionnez toutes les couches d'armure.

Pour un peu plus de longueur dans ses cheveux, ajoutez quelques extensions à la queue de cheval!

Lengthen the hair

Sélectionnez simplement la queue de cheval avec l'outil Lasso polygonal (L). Copiez-le et collez-le sur un nouveau calque, puis utilisez l'outil de transformation gratuite (Control-T) pour allonger les cheveux.

Effacez les zones dont vous n'avez pas besoin auparavant. Fusion du calque avec le calque modèle d'origine.

Étape 7

La prochaine chose que nous allons ajouter est le patch Terre.

Nous allons appliquer cela à sa tenue pour ajouter à l'histoire visuelle. Créer un patch brodé rapide aidera à couvrir la fleur rouge figurant sur la poitrine du modèle, qui est actuellement un peu gênante.

 Ouvrez le stock de la Terre dans Photoshop.

Create the earth patch

Ensuite, allez dans Filtre> Galerie de filtres.

Sélectionnez Rough Pastels et ajoutez les valeurs suivantes:

  • Longueur de course: 6
  • Détail de l'AVC: 6
  • Mise à l'échelle: 100%
  • Relief: 20

Lorsque vous avez terminé, copiez et collez le correctif Earth sur un nouveau calque situé au-dessus du modèle. Utilisez l'outil Free Transform (Control-T) pour modifier la perspective afin qu'elle repose sur sa poitrine.

Add the patch and stroke

Puis cliquez avec le bouton droit sur la couche de correctif et accédez à Options de fusion. Ajoutez un trait bleu rapide #031030 avec les options indiquées ci-dessus.

Voici le résultat jusqu'à présent.

Étape 8

La dernière pièce de ce puzzle est la lune.

Copiez et collez une sélection du stock de lune sur un nouveau calque au-dessus des autres.

Add the moon

Ajoutez un masque de calque au calque et utilisez un pinceau arrondi doux (0% de dureté, 100% d'opacité) pour masquer les contours de l'image.

Voici la composition jusqu'à présent.

Composition result

2. Comment créer une profondeur de champ

Maintenant que tous les éléments sont en place, nous pouvons passer à la création de la profondeur de champ.

La profondeur de champ nous donnera cet aspect réaliste en faisant en sorte que les objets paraissent plus flous au fur et à mesure qu'ils s'éloignent.

Étape 1

Commencez avec le robot.

Sélectionnez la copie du robot (couche 2) et maintenez la touche Ctrl-J enfoncée pour créer une autre copie. Masquer temporairement la copie, puis sélectionnez Filtre> Flou> Flou gaussien. Ajoutez un rayon de 5 pixels et cliquez sur OK.

Blur the robot

Cette deuxième copie du robot aidera à ramener certains détails.

Affichez la copie du robot (copie de couche 2) et cliquez avec le bouton droit de la souris pour la définir en tant que masque de découpage en couche 2. Abaissez maintenant l'opacité à 50%. Maintenant que le robot est beaucoup plus clair, effacez les zones que vous préférez rester floues avec l'outil Gomme (E).

Mask the robot

Vous pouvez également prendre ce temps pour affiner le robot d'origine. Ajoutez un masque de calque pour masquer toute partie restante visible au-dessus de la ville.

Étape 2

Passez à la couche Ville.

Sélectionnez le calque et sélectionnez Filtre> Flou> Flou gaussien. Ajoutez un rayon de 6 pixels et cliquez sur OK.

Blur the city

Étape 3

Enfin, nous allons brouiller la lune.

Sélectionnez le calque et changez le mode de fusion des calques en écran. Ensuite, sélectionnez Filtre> Flou> Flou gaussien. Ajoutez un rayon de 4 pixels et cliquez sur OK.

Blur the moon

3. comment ajuster l’éclairage

Pour rendre cette scène plus réaliste, nous devrons ajuster l'éclairage de manière à créer une belle scène de nuit.

Essayez de ne pas être trop distrait par les changements de couleur; nous nous concentrons simplement sur les valeurs d'ombrage pour l'instant.

Étape 1

Commençons par le fond.

Créez un nouveau calque sous la copie du robot (calque 2) et remplissez-le de bleu #111146 à l'aide de l'outil Pot de peinture (G).

Définissez le mode de fusion des calques sur Différence.

Add a difference layer

Étape 2

Créez un autre nouveau calque, cette fois sous le calque bleu.

Utilisez un pinceau rond doux (0% de dureté et d'opacité de 70 à 80%) pour peindre le noir verdâtre #020811 le long du sol. Laissez un peu de lumière apparaître sous le pied droit du robot.

Définissez le mode de fusion des calques sur Multiplier.

Make the ground darker

Étape 3

Réglons le robot.

Créez un autre nouveau calque, défini comme masque de découpage sur la copie du robot (calque 2).

Définissez le mode de fusion des couches sur Multiplier et utilisez un pinceau doux pour peindre le #151b31 bleu foncé sur tout le côté gauche du robot et faites dorer #38150c vers le haut.

Assurez-vous d'entrer dans ces crevasses aussi!

Notre source de lumière vient de la droite, alors assurez-vous que le robot est généralement ombragé derrière le modèle.

Shade the robot

Pour rendre le robot encore plus sombre, ajoutez un calque de réglage.

Définissez un nouveau calque de réglage des couleurs dans la copie du robot (calque 2).

Définissez le fichier 3D LUT sur NightFromDay.Cube. Définissez ensuite le mode de fusion des couches sur Assombrir et l'opacité sur 65%.

Darken the robot more

Étape 4

Continuons à assombrir l'arrière-plan.

Créez un nouveau calque au-dessus de la copie du robot. Celui-ci ne devrait pas être coupé.

Utilisez l’outil Dégradé (G) pour créer un dégradé linéaire #131a33 bleu qui monte du sol. Définissez le mode de fusion des calques sur Différence et l'opacité sur 78%.

Darken the background

Étape 5

Illuminez la ville!

Créez un nouveau calque sous les calques vert foncé et bleu.

Utilisez une brosse ronde douce (dureté 0%, opacité 70%) pour peindre le jaune #e0e0ad sur les lumières de la ville. Définissez le mode de fusion des calques sur Superposition et l'opacité sur 61%.

Light the city

Étape 6

Maintenant, ombrageons le modèle.

Créez un nouveau calque et définissez-le comme masque de découpage pour le modèle. Définissez le mode Fusion des calques sur Multiplier et utilisez un #0e1328 bleu foncé pour appliquer une ombre douce sur le modèle à l'aide d'un pinceau doux et rond.

Paint shadow on the model

Nous devrons colorer / assombrir les lunettes séparément.

Créez un nouveau calque au-dessus du calque des lunettes et définissez-le comme masque d'écrêtage sur les lunettes. Utilisez un pinceau rond dur pour peindre le bleu #0a206c sur les verres, puis réglez le mode Fusion sur Calque sur Assombrir.

Color the glasses

Étape 7

Prenez ce moment pour nettoyer des zones ou ajouter des détails supplémentaires avec une brosse ronde et dure.

Ici, j'ai ajouté un écouteur (avec des reflets) pour les lunettes, une barre rectangulaire sur sa chemise et j'ai peint l'écouteur d'origine qui couvre son œil. Utilisez simplement l'outil Pipette (I) pour échantillonner les couleurs de ces zones afin d'ajouter ces détails à un nouveau calque.

Add more details

4. Comment terminer la manipulation

Excellent travail jusqu'à présent!

Voici à quoi ressemble actuellement la composition.

current composition

Pour les dernières étapes de cette manipulation, tout ce que nous avons à faire est d’ajouter un peu plus de lumière et d’ajuster les couleurs finales avec les calques de réglage.

Faisons le!

Étape 1

Masquer temporairement les calques de détail.

Créez un nouveau calque de réglage de courbes au-dessus du calque modèle. Définissez les courbes comme celles illustrées ci-dessous pour les canaux RVB et bleu. Cela rendra la scène un peu plus sombre.

Add a curves adjustment

Étape 2

Maintenant, allumez l'armure et le robot!

Créez un nouveau calque au-dessus du reste. Utilisez un #b6d6be vert pâle pour peindre la lumière sur l’armure et un robot avec un pinceau doux et rond (0% de dureté et 50% d’opacité).

Puis définissez le mode de fusion des calques sur Vivid Light.

Assurez-vous qu'une partie de la lumière se reflète sur la peau, les cheveux et la tenue du modèle.

Add light to the girl and robot

Étape 3

Pour plus de style, ajoutez une couleur de lèvre dramatique.

Afficher les calques de détail. Créez un nouveau calque défini sur Multiplier. Peignez le bleu #283d89 sur les lèvres du modèle pour un look intense et élégant!

Add a blue lipstick

Étape 4

Continuez à modifier l'éclairage. Ajoutez une vignette rapide!

Créez un nouveau calque défini sur Lumière douce. Utilisez l'outil Dégradé (G) pour créer un dégradé bleu #010228 transparent, en vous assurant que l'option Inverser est cochée.

Abaissez l'opacité de la couche à 50%.

Add a vignette

Étape 5

Presque là!

Ajustez maintenant la palette de couleurs avec une nouvelle couche de niveaux de réglage au-dessus des autres. Définissez les valeurs suivantes pour les canaux RVB, rouge et bleu:

Add a levels adjustment

Voici le résultat.

Result after levels

Étape 6

Faisons maintenant cette composition en noir et blanc!

Parce que les couleurs de chaque stock sont très différentes, cela s'avère être une bien meilleure option que de le laisser en couleur. Mais n'hésitez pas à expérimenter!

Créez une nouvelle couche d'ajustement de la carte de dégradé au-dessus du reste. Ajoutez un dégradé linéaire noir à blanc, puis définissez le Mode de fusion des calques sur Couleur.

Add a gradient map adjustment

Étape 7

Pour une teinte légèrement bleue, remplissez un nouveau calque avec le #00183b bleu au-dessus du reste, à l’aide de l’outil Pot de peinture (G).

Définissez ensuite le mode de fusion des couches sur Eclaircir et l'opacité sur 15%.

Add a blue hue

Étape 8

Temps pour les faits saillants!

Pour cette dernière étape, tout ce que nous avons à faire est d’utiliser un pinceau conique dur et rond pour peindre des rehauts d’un blanc éclatant autour de la scène. Faites cela sur un dernier nouveau calque.

Assurez-vous que les points forts reflètent à la fois la lune et la ville en tant que sources lumineuses potentielles.

Add highlights

C'est tout! Découvrez le résultat final ci-dessous!

Terminé! Bon travail!

Amusez-vous à créer vos propres manipulations de science-fiction en utilisant des stocks gratuits et des ressources 3D. Dans ce tutoriel, non seulement nous avons pu créer une scène entière à partir de rien, mais nous avons également donné l’impression que cela venait tout droit d’un film!

J'espère que vous avez apprécié ce tutoriel! Comment avez-vous fait? Partagez vos commentaires et résultats ci-dessous.

Pour plus de tutoriels de manipulation de photos comme celui-ci, consultez ces liens:

Sci Fi Photo Manipulation Photoshop Tutorial by Melody Nieves
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.