Share
Cette semaine, nous célébrons le lancement de PhotoDune, le nouveau site Web d’archives photographiques d’Envato, avec une série de didacticiels sur les effets et la manipulation de photos qui présentent les images de notre nouveau marché. Dans ce tutoriel, nous montrerons comment créer une photo découpée à l'aide de sélections simples et de transformations avancées. Les photos utilisées dans ce tutoriel sont disponibles gratuitement pour les membres Premium Psd. Commençons!
Les ressources suivantes ont été utilisées lors de la production de ce didacticiel. Nous avons accordé une licence personnelle gratuite aux membres Psd Premium pour les photos utilisées dans ce didacticiel. Ils sont accessibles dans les fichiers source de votre téléchargement premium. Si vous n'êtes pas un membre premium, vous pouvez télécharger les images utilisées dans ce tutoriel ci-dessous.
Pour le début de ce tutoriel, vous allez amener l'image de la fille qui court dans l'image de la cuisine. Vous pouvez le faire en ouvrant le fichier, en effectuant un copier-coller ou en utilisant Fichier> Importer. Une fois que vous avez inséré l'image de la fille en cours d'exécution insérée, convertissez ce calque en objet dynamique. Faites un clic droit sur ce nouveau calque d'image et choisissez "Convertir en objet dynamique" dans le menu contextuel. Si vous n’avez jamais utilisé d’objets dynamiques, ils peuvent constituer une véritable bouée de sauvetage et permettre un meilleur flux de travail pour le montage non destructif de nombreuses versions antérieures de Photoshop..
Faites une copie de la couche fille utilisant le calque d'objet dynamique que vous venez de convertir en appuyant sur Commande / Ctrl + J. Après cela, désactivez la visibilité de cette couche en double, nous n'en aurons besoin que plus tard..
Conseil: Une astuce intéressante consiste à faire glisser des fichiers directement de leur dossier dans le canevas de la photo de la cuisine, ce qui en fait automatiquement un objet dynamique. (Les utilisateurs Windows devront peut-être modifier leur espace de travail / vue pour rendre cela possible.)
La prochaine étape peut sembler un peu évidente, mais vous devez identifier le point le plus net dans l’image intermédiaire (celle dans laquelle vous compositez). Cela fait souvent partie de la composition. Si vous ne le faites pas, vous pouvez vraiment vous mettre dans un coin difficile à contourner. Si vous composez des éléments dans une zone floue, n'oubliez pas que vous devrez effacer tous les ajouts pour qu'ils correspondent au flou de l'image intermédiaire. Dans ce cas, l'image de la cuisine a été prise avec une très faible profondeur de champ, elle ressemble presque à une image de style tilt-shift. Pour être sûr de connaître l'emplacement de cette zone dans l'image, je crée des repères en les faisant glisser depuis les règles pour encadrer le point focal de l'image. Si vous ne pouvez pas voir vos règles, appuyez simplement sur Commande / Ctrl + R. L'option de menu correspondante est sous Affichage dans la barre de menus..
Astuce: n'oubliez pas de désactiver le calque de la fille en cours d'exécution pour vous assurer que vous pouvez voir l'image entière.
Nous devons maintenant déformer l’image de la fille qui court pour qu’elle corresponde à la perspective de la surface du comptoir. Je trouve toujours que la perspective est l'une de ces choses qui peuvent faire ou défaire une pièce, alors j'aime bien tracer les points de fuite d'une image pour mieux guider l'endroit où je vais placer l'image. Le point de fuite est l'endroit où tous les bords mènent et se rencontrent. Dans une image comme celle-ci, il existe deux points de fuite sur ce que l’on appelle une perspective à deux points. Les lignes rouges ci-dessous indiquent le point de fuite à gauche, le seul qui me concerne pour le moment..
Après cela, je sens que je sais mieux où se trouve le plan de surface. Il est donc temps de rendre visible le calque de la fille en cours d’exécution et d’appuyer sur Commande / Ctrl + T sous Windows pour pouvoir transformer librement l’image. Le grand avantage ici est que, parce que vous avez déjà transformé cette couche en objet dynamique, aucune de ces distorsions n’est permanente et nous ne rééchantillons aucune donnée de pixel. Ainsi, même après avoir déformé l'image, si nous voulions ajuster les valeurs tonales de cette image, nous pourrions le faire sans perte ni retouche..
Pour déformer l'image, maintenez la touche Commande / Ctrl enfoncée et déplacez-vous avec les marqueurs de coordonnées centrales au lieu des marqueurs de coin. De cette façon, vous ne déformez pas la forme de l'image de manière abstraite, mais vous pouvez la déformer de manière plus intuitive pour correspondre au plan de perspective de l'image. C’est quelque chose qui devrait être pratiqué si vous ne déformez pas régulièrement les images pour correspondre à un espace tridimensionnel..
Une fois que l'image correspond au plan de surface correct du comptoir et que vous êtes prêt à adapter votre perspective, maintenez maintenant les touches Commande / Ctrl enfoncées et déformez-les à partir d'un seul angle afin de faire correspondre les lignes de perspective de votre image. À partir de là, déplacez-le dans une position et une disposition qui vous conviennent le mieux..
Avec votre image déplacée dans la position que vous aimez et dans la perspective correcte du plan de la surface de la cuisine, nous voulons ajouter une petite dimension à cette photo rigide placée sur le comptoir..
Ainsi, tant que votre boîte de transformation libre est toujours active, recherchez-la dans la barre de menus et cliquez sur le bouton Mode Warp afin que nous puissions effectuer un type de transformation plus organique. Une fois que vous êtes passé à ce mode, vous pouvez baisser le coin afin qu’il se courbe au-dessus du bord du comptoir et plier tous les bords latéraux pour ajouter un effet de gondolement à la photo. La vraie raison est de créer une forme qui vous oblige à ajouter des ombres et des rehauts. En faisant en sorte que vous puissiez ajouter des ombres et des rehauts, vous devriez obtenir un composite beaucoup plus convaincant..
Vous vous souvenez du duplicata de la photo en cours d'exécution que nous avions faite précédemment, juste après avoir converti ce calque en objet intelligent? Rendez maintenant ce calque visible et utilisez les mêmes techniques de transformation et de déformation pour le déplacer, mais cette fois-ci correspond au plan de la surface verticale de la perspective au lieu de la surface du comptoir. Cela deviendra notre personnage qui s'est libéré et est à court de sa photo.
Ce qui fait que cette technique est rapide, c'est la stylisation d'une découpe découpée sur la photo. Comme si cela avait été fait par des ciseaux pour enfants ou un vieux couteau à découper xacto. Pour imiter cela, j'utilise l'outil Lasso polygonal et clique librement sur la silhouette de la fille. Vous pouvez également le faire avec l'outil Plume et générer un chemin de travail pouvant être sauvegardé, qui pourrait être converti en une sélection. Cela pourrait être très utile si vous avez affaire à plus d’un caractère dans votre pièce finale. N'oubliez pas de cliquer avec un peu d'espace supplémentaire autour de votre personnage pour accentuer le fait que le personnage est à plat et sur une feuille de papier. Plus loin dans ce tutoriel, nous allons ajouter ici quelques bords légèrement effilochés pour la texture..
Une fois que votre sélection est faite pour la fille verticale qui court, assurez-vous de cibler ce calque, puis appuyez sur le bouton Masque de calque situé au bas de la palette des calques. Cela va isoler la fille avec votre sélection agitée.
Ensuite, déplacez la fillette en position à l'aide de l'outil Déplacement, de sorte que le pied s'aligne sur le pied d'origine sur l'image de la surface plane..
Maintenant que vous avez configuré votre fille en cours d'exécution pour qu'elle soit verticale et découpée dans l'image, nous avons besoin que la même forme soit découpée dans l'image qui semble reposer sur la surface du comptoir. Il existe de nombreuses façons de le faire, mais je l’ai fait en cliquant avec le bouton droit de la souris sur le masque de calque créé sur le calque vertical, puis en choisissant "Ajouter un masque à la sélection" dans le menu contextuel. Vous pouvez tout aussi bien maintenir la touche Commande / Ctrl enfoncée et simplement cliquer sur le masque de calque, ce qui vous donnera également une sélection basée sur le masque de calque. Une fois que vous avez cette sélection active, allez à "Select" dans la barre de menu et choisissez "Transformer la sélection".
Cela produira un cadre de sélection autour de votre sélection active vous permettant de transformer et de déformer uniquement cette sélection et non les pixels actuellement sélectionnés. En utilisant les techniques de distorsion que nous avons apprises précédemment, en maintenant la touche Commande / Ctrl enfoncée, déformez la sélection jusqu'à ce qu'elle soit alignée autour de la zone d'image de la fille à plat sur la surface du comptoir. Vous utiliserez ensuite ce masque pour la retirer de cette image et créer votre trou pour voir l'effet créé.
Une fois la sélection en place, inversez simplement la sélection en appuyant sur Commande / Ctrl + I. Vous pouvez également aller à Sélectionner> Inverser dans la barre de menus. Ciblez maintenant le calque contenant l'image de la fillette à plat sur la surface du comptoir, appuyez sur le bouton Masque du calque. Vous devriez alors vous retrouver avec la fillette découpée dans l'image du comptoir et le reste de la photo intact. Si vous l'avez fait correctement, il devrait ressembler à l'aperçu ci-dessous. Vous pouvez maintenant voir la photo verticale d'une fille en cours d'exécution sans arrière-plan de son image source, et l'autre fille en cours d'exécution à plat sur la surface de travail avec la sélection masquée pour créer le trou dans la photo de surface..
À ce stade, si vous souhaitez ajuster votre fille en cours d'exécution, je vous suggère de le faire avec la fonction de déformation des marionnettes qui se trouve sous Modifier dans la barre de menus. Je ne plongerai pas trop dans la fonction de déformation des marionnettes, mais vous obtenez une grille qui vous permet d'ajouter des "punaises". Après avoir ajouté une épingle, vous pouvez maintenir la touche Commande / Ctrl enfoncée et cliquer sur l’épingle pour déplacer ou ajuster ce segment de l’image. Verrouiller diverses zones signifie qu’elles ne se transformeront pas tant que vous déplacerez l’épingle sélectionnée. Lorsque vous êtes satisfait de votre réglage, cliquez simplement sur la coche dans la barre des options. Puppet Warp possède beaucoup de puissance et vous permettra d’ajuster la forme de votre fille, qui est conçue pour apparaître plus dimensionnelle qu’un morceau de papier fin. J'ai déplacé un peu son genou gauche et sa tête.
Nous devons donc maintenant ajouter des ombres de surface pour toutes les distorsions, transformations et déformations que nous avons connues précédemment. Même si je suis un grand fan de la peinture dans les ombres, elles ont donc l'air plus organique et moins comme une production numérique calculée, mais c'est souvent une période difficile, alors dans cette étape, nous allons tirer parti de la fonctionnalité d'ombre portée et la modifier ensuite. après l'ajouté pour créer une meilleure ombre pour l'image. La première étape consiste donc simplement à ajouter une ombre portée en cliquant sur le bouton Styles de calque en bas de la palette des calques et en choisissant Ombre portée..
Quand j'ajoute une ombre, que ce soit une peinture ou un style, je me souviens toujours de quelque chose que me disait mon professeur d'art à l'université. "Mark, les ombres ne sont pas noires? JAMAIS!" Maintenant, je ne sais pas à quel point c'est vrai pour l'argument de la science, mais je comprends le point. Les ombres sont un artéfact de la lumière qui est projeté sur une surface qui a probablement de la couleur. J'essaie donc d'utiliser cette influence dans une grande partie de mon travail de composition. Ici, j’ai échantillonné une couleur sombre à partir de la surface du comptoir, puis j’ai expérimenté le mode de fusion Color Burn dans les options de la boîte de dialogue Style de calque. Cela devrait vous donner une ombre plus subtile. J'ai ajusté les paramètres jusqu'à ce que je trouve que le ton et le contraste soient similaires à ceux des objets d'origine présents sur la photo d'arrière-plan, de sorte que ce soit plus convaincant..
Cela vaut également la peine de noter que je garde la valeur Taille inférieure à 0. La raison en est que nous allons modifier manuellement le flou / flou de l'ombre pour le rendre plus crédible. Dans Photoshop, l’une des règles simples est qu’il est beaucoup plus facile d’effacer un élément flou que de le rendre flou. Il est donc toujours préférable, à mon avis, de pouvoir travailler avec une bonne source pointue..
Une fois que vous avez ajouté l’ombre portée générique, nous allons convertir ce style de calque en son propre calque. Pour ce faire, cliquez avec le bouton droit de la souris sur l'icône 'fx' dans le calque avec l'ombre portée ou cliquez sur le libellé de l'effet. Faites défiler la liste vers le bas et vers le bas du menu contextuel pour créer une couche. Cela séparera alors le style de calque de son calque d'origine et produira un nouveau calque. Ce nouveau calque doit être étiqueté avec Ombre portée dans le titre du calque et vous remarquerez que le mode de fusion et le pourcentage de remplissage imitent les paramètres de la boîte de dialogue d'origine. Maintenant, vous avez l'ombre sur son propre calque en pixels physiques qui peuvent être modifiés de manière unique.
Maintenant que vous avez l'ombre portée en tant que son propre calque, utilisez les techniques de transformation libre et de mode déformation que nous utilisions précédemment pour modifier l'ombre afin qu'elle représente mieux l'ombre sur la surface du comptoir..
Mon conseil ici est de penser plus tôt aux endroits où vous avez créé des courbes sur votre photographie de surface afin de pouvoir déformer votre nouvelle ombre afin de compléter ces courbes et courbures de la photo. Toute partie de la photo de surface qui devrait toucher le dessus du comptoir n’aurait pratiquement aucune ombre portée. Si vous pliez les bords de la photo, vous devrez pouvoir mieux voir l’ombre sous la photo..
Pour le bord extérieur du comptoir, j’ai coupé une section de l’ombre portée et l’ai déformée pour qu’elle soit parallèle à l’axe vertical de la surface du bord supérieur du comptoir. Ceci est principalement dû au fait que dans l’image d’arrière-plan, je peux dire qu’il existe une source lumineuse puissante venant du haut et légèrement à gauche de la composition du cadre des photographes..
À ce stade, je convertis tous les calques de l'ombre portée en un seul objet dynamique. Maintenez la touche Maj enfoncée et cliquez sur plusieurs calques, puis cliquez avec le bouton droit de la souris sur les calques en surbrillance et choisissez "Convertir en objet intelligent"..
La raison en est que je peux brouiller mon ombre sans m'engager de manière permanente sur ces valeurs de flou..
Une fois que vous avez flouté votre objet dynamique, celui que vous avez créé à partir de tous vos calques d'ombre portée, entrez dans le masque de l'objet intelligent à l'aide d'un pinceau à plumes et dessinez les zones qui ne devraient pas être aussi douces..
Conseil: n'oubliez pas que plus un objet est proche de la surface, plus il est probable que l'ombre sera plus nette. Par conséquent, masquez votre ombre douce en peignant dans le masque du filtre intelligent afin qu'il apparaisse de manière à accentuer le bord de l'ombre, le cas échéant. Vous pouvez voir dans l'exemple ci-dessous les zones que j'ai laissées molles et celles que j'ai masquées avec le filtre pour obtenir une ombre plus nette. Cela aidera à créer un effet d'éclairage crédible plus dynamique pour votre composite..
Tous vos travaux fantômes ne serviront à rien si vous ne remarquez pas ce qui doit être corrigé. Par exemple, il y a ici un élément original de la photo de la cuisine source située derrière notre nouvelle photo et sous notre ombre composée. Il ne devrait y avoir aucun point fort ici!
Donc, pour résoudre ce problème, vous pouvez simplement utiliser l'outil Tampon pour supprimer la surbrillance. Vous pouvez également envisager d'utiliser des outils plus modernes tels que l'outil de correction ou Content Aware Fill, mais dans ce cas, l'ancien outil est rapide et facile à utiliser. Pour ce faire, j'ai créé un nouveau calque au-dessus du calque d'arrière-plan. Ensuite, j'ai choisi mon outil de tampon et je me suis assuré que l'option "Actuel et inférieur" était sélectionnée dans l'outil. Cela me permet d'activer et de voir tous mes autres calques visibles, mais cela ne fera que cloner des pixels du calque d'arrière-plan situé sous ce nouveau calque. Une fois cela fait, choisissez une brosse douce et travaillez le tampon de manière à ce qu'il mélange le surlignage à l’ombre..
La bonne chose à faire de cette façon, c’est que je peux conserver mon ombre que nous avons créée sur l’un des calques très au-dessus du calque d’arrière-plan. Étant donné que nos options Tampon ont été définies pour cloner uniquement le calque actuel et inférieur, je peux voir comment je clone le surbrillance par rapport aux ombres que nous avons créées précédemment..
Ma dernière petite touche en matière d’éclairage est de prendre certaines des zones où les ombres pourraient sembler plus fortes / plus sombres et de créer de la profondeur à la surface du comptoir. J'ai donc créé un nouveau calque dans ma palette de calques au-dessus du calque d'ombre portée existant. Puis, en utilisant un autre échantillon de couleur du comptoir, comme nous l’avons fait plus tôt pour l’ombre portée, j’ai peint quelques petites parties à l’aide d’un pinceau doux de couleur échantillonnée. Ensuite, je règle ce calque sur Multiplier pour qu'il s'assombrisse naturellement entre les deux couleurs échantillonnées et contribue à améliorer l'ombrage. Si vous souhaitez avoir plus de contrôle, définissez l'opacité de votre pinceau sur 40%, puis construisez votre peinture en tamponnant et en superposant la couleur échantillonnée dans les zones à améliorer..
Vous vous souvenez plus tôt lorsque nous avons retiré cette lumière qui se glissait sous la photo et à travers son ombre? Même s'il était exact de supprimer cette surbrillance, cela signifie que nous devons encore ajouter une surbrillance à cette photo, car c'est la nouvelle surface la plus proche de la source de lumière. Pour produire ceci, je fais une sélection de ma photo, le moyen le plus simple consiste simplement à appuyer sur Commande / Ctrl + Clic sur la vignette du calque de la photo de surface. À partir de là, j'ai choisi un type de dégradé réfléchissant, mon échantillon étant blanc à transparent. Ensuite, j'ai fait glisser le dégradé dans la sélection jusqu'à ce qu'il soit aligné avec le bord de la crête supérieure du comptoir. Tous ces petits détails d’éclairage contribuent à rendre la sensation plus naturelle..
Ensuite, nous devons ajouter une ombre portée à notre fille pour qu'elle ait l'air plus dimensionnelle et interagisse avec la direction de la lumière de la photo d'arrière-plan source. En utilisant les mêmes techniques que précédemment, j'ai sélectionné la forme découpée de la fille. Utilisé pour remplir avec une couleur de surface sombre qui a été échantillonnée depuis le comptoir. Ensuite, l’ombre est devenue floue, la partie supérieure gauche a été réduite avec un masque dans l’espace du trou et le mode de fusion a été configuré pour se multiplier afin d’adopter les couleurs plus naturellement. A partir de là, l'opacité est refusée à votre convenance..
Nous avons presque terminé, mais nous devons ajouter cette petite étape importante pour créer un peu plus de réalisme et de texture. Si cette coureuse devait se libérer magiquement des limites de sa photo, je pense que le papier photo serait déchiré ou effiloché. Maintenant, vous pouvez prendre ce concept et devenir fou et vraiment déchirer la page, mais je pensais que cela pourrait être distrayant. Au lieu de cela, nous allons utiliser certains paramètres de pinceau pour créer une simple mêlée derrière la fille et dans le trou de l'image ci-dessous. Nous allons donc commencer par le pinceau à éclaboussures fourni avec le pinceau par défaut défini dans Photoshop..
À partir de là, nous allons personnaliser les paramètres du pinceau. Appuyez sur la touche F5 de votre clavier pour afficher la palette des pinceaux dans laquelle vous pourrez personnaliser toutes les options de pinceau. Il se passe beaucoup de choses ici, mais votre objectif final est de créer un pinceau dont la variance est aléatoire de sorte que, lorsque vous peignez, il apparaisse comme naturel et organique dans son trait. Dans la plupart de ces boîtes de dialogue, cela s’appelle Jitter et c’est une excellente fonctionnalité des outils de pinceau qui permet d’obtenir de superbes effets très rapidement. Ci-dessous, vous pouvez voir des captures d’écran de mes paramètres, mais explorez d’autres paramètres, et peut-être d’autres pinceaux de texture pour voir ce que vous pouvez produire et le personnaliser..
Maintenant que vous avez un ensemble de pinceaux, chargez une sélection de la fille (le moyen le plus simple que je trouve consiste à Commande / Ctrl + Clic sur le masque de calque de l'image verticale d'elle, cela devrait charger automatiquement une sélection). Maintenant que la fille est sélectionnée, ouvrez la palette Chemins et appuyez sur le bouton intitulé "Créer le chemin de travail à partir de la sélection". Si vous avez fait cela correctement, vous n'avez même pas besoin de passer de votre outil Pinceau, des points bonus pour vous si vous l'avez fait.!
Vous devriez maintenant avoir un chemin de travail autour de la fille, et vous avez votre pinceau personnalisé actif avec l'outil Pinceau choisi. Créez un nouveau calque qui passe sous le calque de la fille verticale qui court, restez sur ce calque. J'ai ensuite réglé la taille de mon pinceau sur 9px pour une taille.
Choisissez le blanc comme couleur de premier plan. Maintenant, appuyez sur le bouton "Trajectoire avec pinceau" dans la palette Chemins..
Cela devrait maintenant créer un trait fibreux fragmentaire de votre pinceau personnalisé autour du contour de la fille. Pour créer des traits plus denses et plus variés, appuyez à plusieurs reprises sur le bouton Tracé du tracé..
Voici un aperçu de ce à quoi cela ressemble une fois que vous avez appliqué le trait. Un conseil utile, si vous aimez le traitement du trait de pinceau pour un bord fibreux / déchiré / effiloché, enregistrez-le sous forme de préréglage de pinceau dans votre palette de styles afin que vous puissiez le réutiliser et travailler plus vite la prochaine fois.!
Au pied de la fille, j'ai effacé une partie du trait. Je l’ai fait parce que je ne voulais pas qu’elle soit complètement déchirée de la photo mais que les deux images interagissent davantage en une seule image pour le spectateur. Il vous suffit donc de créer une sélection rapide par le pied et d'appuyer simplement sur la suppression du calque avec le trait de pinceau..
La dernière et dernière étape de tous mes composites implique généralement des ajustements globaux. Ce que je peux faire pour que la pièce soit plus uniforme dans son apparence. Cela implique généralement trois choses clés. Luminance: la luminosité des images composées semble-t-elle correspondre? Contraste: les ombres et les reflets entre les éléments composés sont-ils égaux en apparence de tons contrastés? Saturation: les couleurs de mes ajouts sont-elles aussi vives et denses que celles de l'image source, ou sont-elles trop saturées??
Pour cette pièce, je travaillais depuis toujours avec les préoccupations de Luminance et Contraste, essayant de faire correspondre mes ombres et mes reflets à ceux que j'avais vus dans l'image de la cuisine. Mais, notre fille en train de courir semble être beaucoup plus vibrante et saturée avec ses couleurs comparées à celle de la cuisine. Une chose que je trouve est que trop de saturation est un signe clair que quelque chose est fait sur un ordinateur, alors j'aime dessiner saturation lorsque j'ai le choix de choisir l'un ou l'autre. On se sent un peu moins "rendu" et plus naturel. De plus, la saturation et le contraste sont déjà très élevés sur beaucoup d’écrans d’ordinateur, ce qui peut prendre votre image et la pousser plus loin..
La dernière étape a donc consisté à ajouter deux couches d’ajustement Vibrance au-dessus de toutes les autres couches. Assurez-vous qu'ils ne sont pas groupés par découpage. (Si elle est en retrait de l'alignement des vignettes de l'autre calque, elle est groupée. Supprimez un groupe de découpage lorsque vous appuyez sur Commande / Ctrl + Option + G sur un Mac ou sur CTRL + ALT + G sous Windows.).
Pour les valeurs finales, j'ai expérimenté deux couches d'ajustement de la vibration sur différentes parties de la photographie. J'ai gardé la vibrance et la saturation sur la photo de surface, mais j'ai gardé la vibration sur la fille qui courait. Expérimentez-le à votre goût afin de vous assurer qu'il convient le mieux à l'image de fond..
Lorsque vous avez terminé la composition, rognez pour créer un graphique unique de style macro. Voici un recadrage en gros plan de la pièce finale et un aperçu plus large ci-dessous.
J'espère que ce tutoriel couvre suffisamment de techniques pour que vous ayez quelques idées ou appris quelque chose de nouveau à ajouter à votre boîte à outils pour la création de graphiques. Amusez-vous avec vos pixels!
Accentsconagua