Fusionnez de manière transparente deux images dans Adobe Photoshop - Un cours de graphisme pour le déjeuner™.

1. Blend deux images dans Photoshop Introduction: Bonjour, je suis Helen Bradley. Bienvenue dans ce cours de conception graphique pour déjeuner, mélangez en toute transparence deux images dans Adobe Photoshop. Graphic Design for Lunch est une série de cours qui enseignent une gamme de conseils et de techniques pour créer designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Aujourd'hui, nous allons examiner le mélange harmonieux de deux images, sorte que vous allez en apprendre davantage sur les calques et les masques. Vous allez également apprendre ce que vous pouvez faire si vous n'avez pas assez d'arrière-plan pour utiliser derrière vos images mélangées. Lorsque vous regardez ces vidéos, vous verrez une invite qui vous permet de recommander cette classe à d'autres personnes. vous plaît, si vous aimez la classe, faites deux choses pour moi ; donnez-lui un pouce et écrivez juste quelques mots sur les raisons pour lesquelles vous appréciez la classe. Ces recommandations sont vraiment importantes pour moi. Ils m'aident à mettre mes cours devant la plupart des étudiants qui, comme vous, veulent en savoir plus sur Photoshop. Maintenant, si vous voulez laisser un commentaire, s'il vous plaît le faire. J' ai lu et répondu à tous vos commentaires, et je regarde tous vos projets de classe et y réponds. Donc, si vous êtes prêt maintenant, commençons fusionner deux images de façon transparente dans Photoshop. 2. Mélanger deux images de manière fluide - Partie 1: Les images que je vais utiliser dans cette classe sont ces deux-là, et vous pouvez les télécharger depuis unsplash.com. Je vais vous donner le lien vers la collection de ce photographe sur unsplash.com parce que si vous n'êtes pas satisfait d'utiliser ces images, vous pouvez utiliser, par exemple, ces deux images. Ils sont le même modèle, la même tenue et à peu près au même endroit. Maintenant, j'ai aussi trouvé deux autres photographes unsplash.com qui ont tourné le même sujet dans des endroits similaires. Ce ne sont en aucun cas les seuls photographes qui ont fait cela. Mais si vous cherchez d'autres images que vous pouvez utiliser, je vais vous donner le lien vers la collection de ce photographe qui est Brooke Cagle et aussi Larisa Birta. J' ai déjà utilisé ces images dans un processus similaire et elles sont donc également pratiques à utiliser. Bien sûr, vous pouvez simplement aller sur unsplash.com et regarder et voir si vous pouvez trouver des images avec lesquelles vous aimeriez travailler. Ils seront meilleurs s'ils ont été tournés dans des conditions d'éclairage similaires, des endroits similaires. J' ai ces deux images. Ouvrons-les dans Photoshop et mettons-nous au travail. J' ai les deux images ouvertes ici dans Photoshop, et ce que je dois faire est de les mettre toutes les deux dans un seul document. Je passe par la deuxième image. Je vais cliquer avec le bouton droit sur le calque d'arrière-plan, choisissez Dupliquer le calque. Je vais choisir l'autre image dans la liste déroulante du document et cliquer sur « OK ». Je peux maintenant fermer ces images, je n'en ai plus besoin. Je suis amené à la deuxième image et vous pouvez voir qu'elle a deux couches dedans, un pour chacune de ces images. Maintenant, je vais avoir besoin d'un peu de Canvas supplémentaire ici parce que ces deux images sont à peu près au-dessus de l'autre. Je vais déverrouiller le calque Arrière-plan. Dans les versions ultérieures de Photoshop, vous pouvez le faire en cliquant simplement sur l'icône de verrouillage. Laisse-moi juste annuler ça. Dans les versions antérieures de Photoshop, vous devrez récupérer l'icône de verrouillage et la faire glisser dans la corbeille, ou vous pouvez simplement double-cliquer sur le calque d'arrière-plan et cliquer sur « OK ». L' un ou l'autre de ces processus va déverrouiller cette couche d'arrière-plan. Maintenant, quand nous ajoutons un peu plus de Canvas, il va être transparent. Si nous n'avons pas déverrouillé ce calque d'arrière-plan, lorsque nous ajoutons un peu plus de canevas, il doit être rempli de pixels car vous ne pouvez pas avoir de transparence sur un calque d'arrière-plan dans Photoshop. Je vais utiliser l'outil Recadrage pour ajouter un arrière-plan supplémentaire en cliquant sur l'outil Recadrage. Dans les versions antérieures de Photoshop, vous devrez peut-être sélectionner l'image entière à l'aide de l'outil de recadrage. Ensuite, laissez aller, puis vous pouvez simplement faire glisser vers extérieur sur les poignées de rognage pour ajouter du Canvas autour de l'image. Je suppose qu'à ce sujet sera beaucoup, et je vais juste cliquer sur la case à cocher. J' ai maintenant ajouté du Canvas transparent à cette image. Je vais à l'outil Déplacer qui cible le calque le plus haut et juste le déplacer à travers. Maintenant, j'ai un léger problème avec cette image en ce moment et c'est que ce côté de l'image est plus grand que celui-ci. C' est l'image la plus convaincante, celle où la femme regarde vers nous et nous voulons vraiment regarder cela, donc nous voulons que notre oeil soit attiré sur cela. Mais celui-ci est plus grand et parce qu'il est plus grand, il détourne notre attention. Donc j'ai besoin de réduire cette taille. Je vais à l'outil Déplacer et je vais maintenir la touche Maj pendant que je fais glisser dessus juste pour m'assurer qu'il est dimensionné en proportion. Une fois que je l'ai mis en position, je vais juste cliquer sur la coche. Maintenant, ça me laisse avec un problème. J' ai une lacune ici, une zone qui n'a pas de contenu dedans. Je regarde également cette zone de chevauchement et vous voulez vous assurer que lorsque vous travaillez avec ces images, vous avez beaucoup de données dans cette zone de chevauchement. Maintenant, nous sommes un peu courts ici, et il y a une chance que lorsque vous travaillez avec vos propres images, vous soyez peut-être très court. Prenons un petit jeu maintenant et regardons comment nous allons obtenir une image supplémentaire derrière ces images afin que lorsque nous utilisons le masque, nous ne allons pas masquer l'arrière-plan transparent. Nous allons avoir une histoire ici qui remplira les sont que nous masquons à travers. Si vous travaillez avec Photoshop CS5 ou une version ultérieure, nous allons voir ce que vous allez faire. Si vous travaillez avec des versions antérieures, je vais m'occuper de cela en second lieu. Dans Photoshop CS5 et versions ultérieures, nous allons faire ce qu'on appelle créer une couche de timbre. Je vais cliquer sur le calque le plus haut de cette image et je vais maintenir Ctrl Alt et Maj enfoncés sur le Mac, ce serait l'option de commande Shift. Je vais taper la lettre E. Ce que ça fait, c'est qu'il crée une couche de timbre. J' ai encore mes deux couches ici, et j'en ai vraiment besoin parce que je vais les mélanger dans une minute. Mais ce que j'ai en haut ici est une couche qui est le composite de tout ce qui était auparavant visible. Donc j'ai toute une image ici. Ce que je vais faire, c'est que je vais remplir l'arrière-plan. Je vais en fait créer une couche entière ici qui n'a que ce détail d'arbre dedans. Alors je vais à l'outil de lasso. Je vais juste sur cette couche la plus haute, aller sélectionner autour de la femme et assez proche d' elle parce que je veux l'enlever de l'arrière-plan, mais je veux autant de détails d'arbre que je peux. Il suffit d'appuyer sur la touche « Supprimer ». Je vais faire la même chose ici. Je veux me débarrasser de tout ce qui est elle. Je vais juste finir ici avec un peu que je n'ai pas supprimé, et appuyez sur Ctrl ou Commande D pour désélectionner n'importe quelle sélection. Maintenant, je vais à l'outil de baguette magique. Je vais m'assurer que contigu n'est pas sélectionné. Je vais juste cliquer dans l'une de ces zones vides et ce que cela va faire est de sélectionner tous les pixels vides. Maintenant, nous allons dans Modifier, puis Remplir et dans la liste déroulante du contenu ici, vous allez sélectionner Content Aware et cliquez sur « OK ». Photoshop va remplir ces zones avec du contenu qu'il peut voir à l'écran en ce moment. Je vais juste appuyer sur Ctrl ou Commande D pour désélectionner la sélection. En enlevant les visages des femmes, tout ce qui restait sur cette couche était le détail de l'arbre. Photoshop est obligé de remplir ces zones vides avec ce détail d'arbre. Maintenant, il y a quelques petits problèmes ici, mais c'est vraiment facile à résoudre avec un outil comme l'outil Pinceau de guérison des taches. Juste pour obtenir cet outil, aller à la taille de la brosse vers le bas à une petite taille en utilisant les touches de support carré ouvrir et fermer pour ajuster la taille de la brosse et juste glisser sur les zones où j'ai un coin indésirable détail, si vous voulez. Ce n'est pas un fond parfait, mais c'est tout ce que nous allons avoir besoin de mettre derrière ces deux images pour que plus tard, quand nous allons créer nos masques, si nous masquons cette image ici, nous avons quelque chose derrière elle pour l'attraper et nous pouvons le mélanger. C' est ainsi que vous le faites dans Photoshop CS5 et versions ultérieures, car vous disposez de cet outil de remplissage conscient du contenu. Si vous travaillez dans des versions antérieures de Photoshop, nous allons répondre à ce besoin maintenant. Si vous travaillez avec CS5 ou une version ultérieure, vous pouvez passer maintenant à la vidéo suivante. Je vais juste me débarrasser de la couche que nous avons créée et nous allons regarder ce que nous avons ici en termes de détails d'image. Ici, nous allons devoir le fudge parce que nous n' avons pas d'outil qui va faire tout le travail pour nous, mais nous avons beaucoup de détails d'arbre que nous pouvons utiliser. Ce que je vais faire est de faire une sélection sur cette zone supérieure de cette image du détail de l'arbre que j'ai. Je vais le copier. Donc, je vais choisir Calque, Nouveau calque par copie, et cela place cela sur un calque séparé. J' ai cette pièce ici. Maintenant, nous travaillons avec ce qui est le détail du pin. n'y a rien à dire à quel point une feuille de pin doit être grande ou petite. Je vais juste maintenir la touche Maj pendant que je fais glisser ceci pour le faire remplir toute l'image. Je vais dupliquer ce dernier. Je vais le faire glisser sur l'icône Nouveau calque et avec le doublon, je vais juste le retourner. Vous pouvez voir ici que ce que je fais c'est construire un arrière-plan où il n'y en avait pas avant. Je pourrais recommencer. Pour que je puisse saisir ceci, faire glisser sur la nouvelle icône et retourner cette pièce. Parce que nous les retournons dans chaque cas, nous finissons avec ce qui ressemble à un arrière-plan transparent. n'y a rien ici qui ne soit pas assez bien mélangé dans la couche suivante. Après avoir rassemblé ces trois calques, je vais cliquer avec le bouton droit de la souris et choisir Fusionner les calques. Alors si j'en ai besoin, je peux aller avec le pinceau de guérison. Si je vois des coutures indésirables, je peux les peindre. Mais comme nous sommes venus ici pour créer un fond transparent que nous pourrions mettre derrière ces deux calques de sorte que si nous mélangeons ces deux images ensemble, nous fouillons une image et montrons ce qui serait normalement des pixels transparents, nous avons quelque chose derrière cette image que nous allons aussi mélanger. Maintenant, dans certaines circonstances, quand vous faites votre mélange, vous pourriez aimer ce que vous voyez derrière l'image. Eh bien, c'est bon. Vous pouvez venir obtenir l'outil de tampon de clone ou un autre outil pour simplement créer l'arrière-plan et le rendre un peu meilleur. Mais vous saurez à ce moment-là quels bits vous devez travailler. instant, nous n'avons aucune idée de quelle partie de ce contexte, le cas échéant, nous allons devoir utiliser. Donc on a quelque chose derrière le reste de l'image. Nous avons quelque chose avec lequel travailler et si nous devons le perfectionner plus tard, nous pouvons le faire quand nous savons ce que nous devons perfectionner. Maintenant, nous avons préparé l'image, nous sommes prêts à aller de l'avant et nous allons dans la prochaine vidéo pour fusionner ces deux images ensemble. 3. Mélanger deux images de manière fluide - Partie 2: Pour mélanger ces deux couches ensemble, les deux couches qui ont le visage de la femme dessus, nous allons sélectionner l'image la plus haute parce que c'est celle dont nous devons retirer du contenu pour pouvoir voir celle en dessous. Quelle que soit l'image qui se trouve en haut, c'est généralement celle que vous voulez commencer à fondre. Avec ce calque le plus haut sélectionné, je vais cliquer sur l'icône Ajouter un masque de calque pour ajouter un masque de calque que nous pouvons utiliser pour peindre une partie de cette image. La raison pour laquelle nous utilisons un masque de calque est que si nous n'aimons pas le résultat, nous pouvons facilement l'annuler. Il ne sera pas cuit dans l'image de la même façon que si nous utilisions la gomme. Maintenant, il n'y a aucune raison pour que vous ne puissiez pas choisir l'autre image pour être en haut. Vous pouvez choisir l'un ou l'autre d'entre eux. Pour moi semble un peu plus facile de mélanger celui-ci dans celui ci-dessous parce que je sais quelles parties de celui ci-dessous je veux voir. Ça va être assez rapide et facile à faire. Je cible le masque, il y a un petit marqueur autour qui vous dit que le masque est en fait ciblé. Lorsque vous travaillez sur un masque, vous pouvez peindre en noir ou blanc ou n'importe quelle nuance de gris, vous ne pouvez pas peindre en couleur. Donc, vous ne pourrez peindre qu'avec du noir, du blanc ou du gris. Tu vas avoir besoin d'un pinceau. Je vais cliquer sur l'outil Pinceau, je vais ouvrir le panneau des pinceaux, aller sélectionner un pinceau rond. Pour le moment, il a une dureté de 100 pour cent, donc je vais remonter à zéro dureté pour commencer. La taille est un peu difficile à ajuster à partir de ce panneau parce que vous ne savez vraiment pas si 250 va être trop ou trop petit ou quoi que ce soit. Je n'ajuste généralement pas la taille, je clique juste loin de ce dialogue. Réglez ensuite la taille des pinceaux dans le boîtier de support carré ouvert et fermé. Cela fonctionne sur Mac et sur un PC. Il est juste un peu plus facile pour vous de voir visuellement quelle sera la taille de la brosse. Maintenant, nous peignons avec du noir parce que ce masque est blanc. Peindre avec du blanc ne va pas le changer du tout. Évidemment, si nous voulons voir à travers cette couche, nous allons devoir peindre avec la couleur opposée, qui est noire. Black est au premier plan ici. J' ai mon masque ciblé et vous pouvez voir que je peins sur l'image, la couleur va en fait sur le masque ici. Ce qui se passe quand je peins, parce que je peins avec du noir solide, eh bien, c'est presque noir solide mon opacité est maintenant à 100%, je fouille directement à travers cette couche pour voir la couche en dessous. Au fur et à mesure que je travaille, je vais juste ajuster la taille du pinceau parce que je veux mélanger ces deux images ensemble pour que le résultat soit un peu transparent. Je ne veux pas voir facilement où j'ai arrêté de peindre. Par exemple, c'est une couture, je ne veux pas voir ça. Je vais retourner mes couleurs. Lorsque vous travaillez avec des masques et utilisez le noir et blanc, il est très pratique de connaître le raccourci clavier pour retourner ces couleurs et c'est X. Cela signifie simplement que vous n'avez pas à cliquer continuellement sur ce bouton, vous pouvez simplement travailler sur le il suffit de cliquer sur la touche X pour changer d'une couleur à l'autre. Maintenant, vous pouvez voir que je construis ça en arrière pour qu'on ne voie plus cette couture entre les deux images. Je vais agrandir un peu mon pinceau, changer ma couleur à nouveau, appuyer sur la touche X et mélanger ça. Encore une fois, j'ai un problème ici, il suffit de changer les couleurs, ajuster la taille du pinceau, et juste de travailler à créer un changement invisible d'une image à l'autre. Ici, quand je fouille l'image, je vais voir l'image derrière, et c'est très bien. En fait, je ne pense pas que je vais avoir besoin d'une grande partie de l'image que nous avons réellement créée comme arrière-plan ici, mais je vais juste m'assurer qu'elle est assez transparente. Maintenant, cette couture ici vient de cette image. Vous pouvez voir que cette couche n'a pas de contenu ici. La couture que nous voyons appartient à cette couche en dessous. Si nous voulons mélanger cette couture, nous allons à cette couche et nous allons y ajouter un masque. Je vais cibler le masque, on va peindre en noir. On va juste peindre cette couture ici. Très souvent, vous trouverez que travailler avec un très petit pinceau est tout ce dont vous avez besoin, vous n'avez pas besoin de beaucoup d'efforts pour le peindre. Vous cherchez juste à essayer de créer cette transition transparente. Maintenant, je vois évidemment, une répétition très distincte ici, et il est évidemment plus sombre en haut de cette image. Mais je regarde aussi l'image et je pense qu'il y a beaucoup d'espace au-dessus de sa tête dont nous n'avons pas besoin. Je vais en fait recadrer cette image avant de travailler en haut parce que je n'ai peut-être pas besoin de faire un travail à elle du tout. Je vais cliquer sur l'outil Recadrage. Je vais juste amener le haut vers le bas parce qu'il y avait vraiment beaucoup trop de contenu d'image au-dessus de sa tête là-bas. Maintenant que nous avons fait ça, vous pouvez dire que le mélange est en fait assez bon. On n'a probablement pas besoin de faire quoi que ce soit là-dedans. Je suis vraiment heureux avec le mélange sans couture que j'ai en ce moment. La seule chose qui me concerne, c'est ce coin plus léger de l'image ici. Je pense que l'image serait mieux avec une vignette. On a un coin sombre ici, un coin sombre ici. Je pense qu'on pourrait assombrir ça et assombrir ça. Pour ce faire, je vais ajouter un nouveau calque. Je vais chercher l'outil Rectangulaire. Je vais glisser à l'intérieur de l'image. Je vais créer un rectangle qui est assez uniformément espacé des bords de l'image. Ce n'est pas la science des fusées, il n'a pas besoin d'être mesuré, juste le globe oculaire. Pour le moment, j'ai sélectionné la zone centrale. Je vais inverser cela en choisissant select et inverse. Maintenant, j'ai un rectangle autour des bords de l'image sélectionnée. Je vais à l'outil Pipette parce que je veux échantillonner une couleur de l'image. Je pense probablement à cette couleur ici. Ce n'est pas tout à fait noir, mais il fait assez sombre. Une fois que je l'ai échantillonné comme couleur de premier plan et que j'ai fait ma sélection, je vais appuyer sur Alt et Retour arrière. Ce serait l'option Supprimer sur le Mac pour remplir la zone de bordure extérieure que j'ai sélectionnée avec cette couleur. Ensuite, je vais désélectionner la sélection. J' aime appuyer sur Contrôle ou Commande D, mais vous pouvez également l'obtenir ici en choisissant sélectionner et désélectionner. Il est très important que vous désélectionnez cette option avant de passer à l'étape suivante. Je vais multiplier, fondre ce mode, donc j'assombrit les bords. Maintenant, parce que c'est une bande de couleur solide, je veux l'adoucir. Je vais lui appliquer un flou. Avec ce calque supérieur sélectionné, je vais choisir Filtre, Flou, et je choisis Flou gaussien. Flou gaussien est à peu près votre aller à flou. C' est un flou génial pour tout flouter. Il ne prend pas en compte les bords durs et nous ne voulons pas prendre en compte les bords durs ici. On veut beaucoup brouiller ça. Nous voulons vraiment juste un peu de couleur sur les bords de l'image. Je vais le faire et cliquer sur OK. Maintenant, j'ai probablement un peu plus de couleur que je voulais, donc je vais vraiment transformer cette vignette. Je vais choisir Modifier, puis Transformer et Déformer. Ce que cela fait, c'est qu'il ajoute cette grille de distorsion sur l'image. Je veux colorer les coins, mais je ne veux pas nécessairement colorer les zones latérales. Je vais juste faire glisser ces jointures vers l'extérieur. Ce que cela fait, c'est qu'il éloigne cette vignette de l'image dans la zone autour de l'image qui se trouve à l'extérieur du document que nous voyons. Mais parce que je laisse les coins en place, la couleur plus foncée est toujours appliquée aux coins. C' est juste d'être retiré ici des bords. Vous pouvez voir même ici que nous éloignons les bords de la vignette de l'image. Ça n'affecte que les coins. Je clique sur la coche. C' est le résultat final. Nous avons pu, en quelques minutes, fusionner ces deux images en toute transparence. On a fait tout le travail avec un masque. Essentiellement 99 pour cent du travail a été fait sur ce calque supérieur en ajoutant simplement un masque, en peignant avec du noir, et en adoucissant les bords pour rassembler ces images afin que vous ne puissiez pas voir où se termine une image et l'autre commence. Votre projet pour cette classe sera de prendre deux images et de les mélanger en toute transparence. Vous pouvez utiliser les deux images que j'ai utilisées ou vous pouvez utiliser d'autres images de votre choix. Publiez une image de votre projet terminé dans la zone du projet de classe. Comme vous avez regardé ces vidéos, vous avez vu une invite qui vous permet de recommander cette classe à d'autres personnes. vous plaît, si vous aimez le cours, faites deux choses pour moi. Donnez-lui un pouce et écrivez en deux ou trois mots même pourquoi vous appréciez la classe. Si vous souhaitez laisser un commentaire, veuillez le faire. Je lis et réponds à tous vos commentaires et questions, et je regarde tous vos projets de classe et y réponds. Je m'appelle Helen Bradley. Merci beaucoup de vous joindre à moi pour cet épisode de Graphic Design for Lunch, et j'ai hâte de vous voir dans un prochain épisode.