Maison / Réseaux sociaux / Création d'une transition en douceur dans Photoshop entre les couleurs. Comment faire une transition en douceur dans Photoshop ? Comment faire une transition de calque fluide dans Photoshop

Création d'une transition en douceur dans Photoshop entre les couleurs. Comment faire une transition en douceur dans Photoshop ? Comment faire une transition de calque fluide dans Photoshop

Nous sommes heureux de vous accueillir pour notre prochaine leçon consacrée au travail en Adobe Photoshop. Cet article explique comment créer des transitions fluides dans le programme à la frontière entre les images/couleurs. C'est une compétence très utile dont vous aurez certainement besoin, alors commençons !

Faire une transition en douceur entre les couleurs

Car Photoshop est un programme de traitement d'image professionnel, très souvent le même résultat peut être obtenu de plusieurs manières. Idem avec les transitions.

Grâce à l'outil de dégradé

Vous connaissez probablement cet outil. Par conséquent, allez dans la barre d'outils à gauche et sélectionnez "Pente".

Une fois l'outil sélectionné, le panneau Paramètres de dégradé apparaît sous le menu principal, où vous pouvez sélectionner un modèle de dégradé et définir Options supplémentairesà volonté.

Malheureusement, l'ensemble standard de dégradés n'inclut pas beaucoup de modèles, vous pouvez donc utiliser la recherche et élargir votre collection, ou créer la vôtre.


Pour que la transition soit exactement colorée et non transparente, vous devez également définir les paramètres du point de contrôle d'opacité (voir capture d'écran ci-dessous):

Une fois que tout est prêt, il reste à appliquer les modifications en cliquant sur "OK", et à remplir le canevas avec un dégradé. Pour ce faire, nous formons une zone sélectionnée que nous voulons remplir ou appliquons un dégradé à l'ensemble de la toile. Cliquez simplement sur LMB (bouton gauche de la souris) au bon endroit et faites glisser autant que nécessaire.

Important! Faites attention au type de remplissage sélectionné :

Dans notre cas "Gradient linéaire".

À travers le "Masque de calque"

Cette méthode est déjà utilisée par des utilisateurs expérimentés. Toutes les actions auront lieu via la palette des calques. Commençons:


Grâce à l'adoucissement de la sélection

L'essence de cette méthode est de créer une transition douce entre l'objet/image rempli et l'arrière-plan. Commençons!

  1. Nous avons besoin de l'outil Rectangle de sélection.

  2. Maintenant, nous devons créer une sélection :

  3. Lorsque la sélection est prête, à l'aide des touches de raccourci MAJ+F6 appeler une fenêtre où vous devez entrer une valeur dans le paragraphe "Rayon de la plume".

  4. Après, vous devez remplir la sélection formée. Pour ce faire, utilisez à nouveau les raccourcis clavier MAJ+F5 et choisissez une couleur de remplissage.
  5. Après avoir appliqué les modifications, nous obtenons le résultat suivant transition en douceur:

  6. Il reste à supprimer la sélection avec CTRL+D Et.. Voila:

Comme vous pouvez le voir, il n'y a rien de difficile à faire des transitions fluides dans Photoshop entre les couleurs. Nous avons présenté pas moins de 3 façons de le faire, chacune étant adaptée à une situation spécifique.

C'est tout! A bientôt dans nos prochains cours !

Créer un collage ne consiste pas seulement à combiner plusieurs photos en une seule. Le bon collage montre l'habileté de l'auteur et démontre également sa capacité à organiser magnifiquement et avec compétence les photos pour qu'elles soient élégantes et attrayantes. Un collage sera réussi et perceptible, dans lequel il n'y a pas de frontières visibles entre les photos - au lieu de cela, les photos semblent se fondre les unes dans les autres. Cet effet peut être obtenu en effectuant des opérations simples dans Adobe Photoshop.

Tu auras besoin de

Instruction

  • Ouvrez deux photos d'environ la même taille que vous souhaitez combiner dans un collage.
  • Appuyez sur la touche V pour activer l'outil de déplacement et faites glisser une photo sur l'autre afin qu'elles soient toutes les deux dans la même fenêtre sur deux calques différents.
  • Sélectionnez celui du haut dans la liste des deux calques apparus, puis ajoutez-y un masque vectoriel (Ajouter un masque de calque).
  • Une icône de masque sous la forme d'un carré blanc apparaîtra à côté de l'icône de photo dans la ligne de calque. Cliquez dessus pour activer le calque. L'icône sera entourée d'une bordure noire pour indiquer qu'elle est active.
  • Dans la barre d'outils, sélectionnez le dégradé et spécifiez la direction du dégradé en traçant une ligne du coin inférieur droit au coin supérieur droit. Vous remarquerez comment l'une des images commence à apparaître à travers l'autre où vous avez appliqué le dégradé de coin.
  • Expérimentez et modifiez la longueur et la largeur du dégradé jusqu'à ce que vous soyez satisfait du résultat, et les images s'enchaînent harmonieusement et magnifiquement à l'endroit où vous souhaitez voir la transition.
  • Atteindre effet recherché, utilisez le dégradé uniquement lorsque mode activé masque de calque - sinon, vous ne réussirez pas.
  • Quittez le mode masque en cliquant sur l'icône photo dans le calque avec le curseur de la souris une fois que votre collage est prêt.
  • Fusionnez les calques (Fusionner les calques) et enregistrez le collage au format souhaité.
  • D'accord, l'un des cadeaux les plus insolites sont les collages. Ils peuvent décorer l'intérieur, faire rire les amis et faire plaisir à leurs proches. Les photos originales sont généralement commandées dans un studio photo ou ils essaient de les prendre eux-mêmes sur un ordinateur. Pour que l'imposition d'une photo sur une autre paraisse organique, vous devez apprendre quelques combinaisons simples. La chose la plus importante est qu'il n'y a pas de contraste entre les cadres. Lorsque vous choisissez des arrière-plans pour un collage, assurez-vous de tenir compte des schémas de couleurs et de la direction de la lumière dans les deux photos, ainsi que de la taille des objets et de l'objet principal. Pour comprendre comment effectuer une transition en douceur dans Photoshop, suivez simplement les étapes présentées dans cet article.

    À propos de la procédure

    Essayez de pratiquer la séquence d'actions suivante.


    L'étude éditeurs graphiques vous permettra de créer des œuvres inhabituelles, de corriger des images, de les éditer et de créer des compositions étonnantes avec n'importe quel matériel photographique !

    Nous espérons que notre article vous permettra de faire face avec succès à la tâche, ainsi que de tirer un réel plaisir de ce processus passionnant et créatif.

    1 voix

    Bonne journée, chers lecteurs. Aujourd'hui, j'ai décidé de vous prouver que l'apprentissage de la théorie se fait mieux dans la pratique. Même si vous êtes débutant, en à peine une heure vous pouvez obtenir un bon résultat sans rien comprendre à Photoshop ! Regardez, cette image a été créée entièrement grâce aux dégradés. Ils sont appliqués à divers éléments et dans une variété de variations.

    Si vous lisez cet article jusqu'au bout, vous apprendrez non seulement à effectuer une transition de couleur en douceur dans Photoshop, mais également à appliquer ces connaissances dans la pratique par rapport au texte, à une forme, à créer de magnifiques diamants scintillants et bien plus encore.

    J'ai déjà pris cette photo. Si vous le souhaitez, vous pouvez créer vous-même exactement la même chose, voire mieux, mais je vais vous enseigner par un exemple différent. Lequel? A découvrir en fin d'article. Je vais dessiner avec vous et décrire le processus en parallèle, moi-même je ne sais pas encore ce que je peux faire. Grâce à cela, je pourrai voir quels problèmes vous pouvez rencontrer et aider à les résoudre.

    Connaissances de base et un secret de l'option toujours gagnante

    Donc, nous devons d'abord ouvrir Photoshop. Je vous recommande fortement de télécharger ce programme ( vous pouvez acheter une version sous licence ici ). Vous ne trouverez jamais mieux qu'elle. Si vous avez peur de ne pas maîtriser et dépenser de l'argent en vain, en oubliant complètement le programme après la première tentative, vous pouvez essayer un service en ligne https://editor.0lik.ru/ . Il est beaucoup plus pratique d'avoir son propre programme, et très vite vous comprendrez pourquoi.

    Voici à quoi ressemble la version 2015 de Photoshop, si vous avez une édition différente, ne vous inquiétez pas. Tout sera à peu près pareil. Vous avez un peu moins d'options et c'est la seule différence.

    Nous créons un nouveau document.

    Le choix d'une taille est l'une des questions les plus difficiles pour moi. Comme base, j'ai pris les tailles d'image maximales pour un article en dans les réseaux sociaux. 800x500, mais, comme vous le comprenez, ce n'est pas le point. Tout dépend des buts et objectifs que vous allez réaliser avec Aide Photoshop.

    Regardez, le panneau de droite contient tous les boutons principaux, y compris le dégradé. Cependant, maintenant, il est introuvable. Comment? J'ai moi-même rencontré ce problème lorsque j'ai commencé à apprendre à travailler avec Photoshop. Vous lisez un article et la moitié des informations que vous devez rechercher dans des sources tierces. Google Google Google.

    Pardonnez-moi, un lecteur très intelligent qui sait très bien tout pour les petites digressions du sujet. Je veux que tous les visiteurs du blog puissent travailler sur mes leçons. Peut-être qu'un jour cela vous sera très utile. Économise beaucoup de temps.

    Dans le coin inférieur droit de presque tous les boutons, à l'exception de la loupe, il y a quelque chose comme une flèche. Cela indique que plusieurs outils sont cachés dans le bouton.

    Attendez quelques secondes bouton gauche cliquez sur le bouton pour ouvrir un menu supplémentaire et sélectionnez le dégradé.

    Un autre menu supplémentaire s'est ouvert en haut. Elle s'applique exclusivement aux dégradés. Cliquez sur le texte - un menu de texte spécial s'ouvrira dans la partie supérieure, sur le pinceau et ... eh bien, vous comprenez.

    Cliquez sur la flèche à côté de l'icône de couleur. C'est là que les transitions standard ou celles que vous avez téléchargées sont stockées.

    Si vous ne vous considérez pas comme un génie du design, je vous recommande de télécharger sur Internet. modèles gratuits. Ils sont pleins. Premièrement, cela fait gagner du temps, et deuxièmement, plusieurs options similaires sont généralement combinées dans un thème créé dans style uniforme. cela peut être appliqué à une image sans aucun problème et cela aura presque toujours l'air bien.

    L'installation de nouveaux modèles n'est pas un problème. Téléchargez-les sur Internet, puis sélectionnez l'écrou dans le coin supérieur droit et recherchez le lien "Télécharger ...".

    Sélectionnez le dossier contenant les fichiers téléchargés sur votre ordinateur et enregistrez.

    Ils seront ajoutés en bas de la liste.

    remplir

    Apprenons maintenant à remplir. Choisissez n'importe quelle option que vous aimez (nous passerons à la création un peu plus tard) et cliquez dessus. Maintenez enfoncé le bouton gauche de la souris n'importe où sur l'écran et faites glisser dans n'importe quelle direction. Il détermine l'emplacement de la transition de couleur.

    Regarde la différence.

    Vous pouvez tourner n'importe où.

    Pour éviter que votre ligne ne se déplace et ne soit floue, maintenez la touche Maj enfoncée pendant que vous définissez la direction.

    Vous voyez, la transition de couleur s'effectue maintenant au centre. Nous examinerons de plus près les paramètres lors de la création de notre propre dégradé. Maintenant, je ne parlerai que du déplacement du centre. Cliquez sur ce tableau.

    Nous attrapons le bouton gauche de la souris pour la couleur ci-dessous et le déplaçons vers la gauche ou la droite.

    Voici ce que j'ai fini avec.

    Comment appliquer un dégradé au texte pour donner aux lettres un aspect moderne

    Maintenant, écrivons quelque chose. Sélectionnez le bouton approprié.

    Si vous devez modifier la taille ou la police elle-même, faites attention au panneau en haut de l'écran. Tout y est simple.

    Appuyez maintenant sur Ctrl et cliquez en même temps sur la vignette du nouveau calque de texte. Attention, vous devez cliquer non pas sur le texte, mais sur le rectangle, comme le montre la capture d'écran ci-dessous.

    Créons maintenant un nouveau calque. Il existe trois options pour résoudre le problème : maintenez enfoncées Maj, ctrl, N en même temps ; utilisez le panneau en haut, trouvez-y "Calque - nouveau - créer" ; utilisez le bouton dans le menu rapide à droite. Dans l'image ci-dessous, je l'ai montré avec une flèche.

    Maintenant, pour supprimer la surbrillance sur les bords des lettres, vous pouvez cliquer sur la sélection, puis cliquer n'importe où dans l'image. Vous obtenez ce résultat.

    Ce n'est pas la fin du texte. Regardez, nous avons 2 calques : un avec un dégradé, et le second avec des lettres. Pourquoi est-ce arrivé là-bas ? Je vais vous expliquer du mieux que je peux. Écrivez dans les commentaires si ce n'est pas clair. Vous avez écrit le texte. Photoshop s'est rendu compte qu'il s'agissait de lettres et vous a même proposé de les augmenter, de les réduire, de changer la police, etc.

    Ensuite, vous avez sélectionné ce fragment. Nous avons créé un nouveau calque, si nous faisons une analogie, avons découpé un pochoir dans du papier et l'avons rempli. À ce stade, Photoshop s'est perdu. Il a cessé de voir vos lettres. Pour lui, ce n'est qu'une partie d'une image, comme un losange, un carré ou un cercle avec un centre découpé. Si vous allez travailler avec les lettres sur le calque, vous ne réussirez pas, si vous voulez appliquer un dégradé au texte - la même chose.

    Si maintenant vous décidez de déplacer le texte quelque part et que vous entrez dans la section appropriée, puis commencez à déplacer la flèche, alors tout sortira de vous.

    Nous supprimons le calque de texte afin de ne pas nous tromper. Cliquez dessus avec le bouton droit de la souris et sélectionnez l'option souhaitée.

    Types de dégradés, remplissages de formes et création d'étoiles

    Si vous prêtez attention à la barre de dégradé en haut, vous constaterez peut-être qu'ils se présentent sous différentes formes : linéaire, radial, angulaire, spéculaire ou en losange. Il n'est pas difficile de voir les différences, pour cela il n'est pas nécessaire de lire des articles, il suffit d'ouvrir une feuille vierge et d'essayer d'appliquer l'une ou l'autre option. Voyez ce qui s'est passé.

    La seule chose à noter est que si vous voulez voir le résultat parfait, comme sur ma photo, la flèche doit être dirigée depuis le centre.

    Revenons maintenant à notre image. Laissez-moi vous apprendre une astuce intéressante. Les transitions de couleur peuvent être utilisées à l'intérieur des formes que vous dessinez. C'est très utile, surtout pour ceux qui vont créer des sites Web.

    Alors, choisissez un rectangle ou un cercle. Cela n'a pas d'importance.

    Maintenant la couleur de remplissage.

    Passons à la section dégradée.

    Nous avons besoin d'un losange ici.

    Vous voyez, cela s'est avéré être un effet intéressant, seule la couleur blanche gâche tout. Vous avez besoin de transparence. Peut être trouvé à l'intérieur des modèles. Si vous voyez un tel treillis à l'intérieur du modèle, c'est ce dont nous avons besoin.

    Jouez avec les paramètres et vous obtiendrez votre ajustement parfait.

    Maintenant, clonons ce flash. Choisissez un mouvement. Cliquez simplement sur le bouton.

    Maintenant, maintenez alt et faites glisser le doublon sur le côté.

    J'ai obtenu ce résultat.

    Création d'un nouveau dégradé et de boutons pour les sites Web

    Et enfin, je vous expliquerai comment créer vous-même des dégradés à partir de zéro, et en même temps nous comprendrons leurs paramètres. Créons un joli bouton, voulez-vous ? Je vais ajouter un rectangle aux bords arrondis à ma photo.

    C'est à quoi ça ressemble. Cette fois, nous n'utiliserons pas le remplissage intérieur. Il n'est pas très pratique de travailler avec un nouveau modèle à travers celui-ci. Que ce soit juste noir pour l'instant.

    Sélectionnez un outil familier et cliquez sur la plaque.

    De nouveaux dégradés sont créés à partir des anciens. Cliquez sur n'importe lequel. L'ancienne version ne disparaîtra pas. Ensuite, donnez-lui un nouveau nom et enregistrez-le.

    Avec l'aide du haut points de contrôle les niveaux de transparence peuvent être contrôlés.

    Avec l'aide des inférieurs, un travail avec la couleur est effectué. Pour étendre le gamma, cliquez à côté de n'importe quel point et il sera dupliqué.

    Vous pouvez en créer autant que vous le souhaitez.

    Pour rendre la transition plus moderne, vous devez lisser les couleurs. Ne touchez pas cet indicateur et tout ira bien. Il doit être de 100 %. Prêt. Vous pouvez cliquer sur "OK" ou "Enregistrer" - tout dépend de votre désir.

    Maintenant, nous répétons ce que nous avons déjà fait assez récemment avec le texte. Maintenez la touche ctrl enfoncée, cliquez sur le bouton du style souhaité au centre et créez-en un nouveau basé sur celui-ci.

    Ajoutez maintenant une transition et le tour est joué.

    Ajoutez du texte au bouton et c'est tout. On ne sait pas pourquoi l'engin nécessaire est terminé. Au fait, vous pouvez télécharger ma source si vous le souhaitez ( Télécharger la source gradient.psd ). Vous pouvez l'ouvrir dans Photoshop et améliorer ma photo. Je ne pense pas que ce sera difficile.

    OK, tout est fini maintenant. Maintenant, vous en savez beaucoup sur les dégradés. Si vous êtes designer, maquettiste, créateur de site web ou souhaitez le devenir, et que cette leçon vous a été vraiment utile, abonnez-vous à la newsletter et apprenez-en plus sur ce qui vous intéresse. Vous pouvez également consulter ce site : https://photoshop-master.org/disc149/ . Ici vous pouvez trouver un nuage de produits payants et cours gratuits qui vous apprendra un travail réel et professionnel avec Photoshop.

    Bonne chance et à bientôt.

    Dans cet article, nous examinerons les populaires méthodes pour des transitions fluides entre les images.

    De telles transitions sont nécessaires lorsque vous réalisez des collages complexes ou souhaitez organiser magnifiquement plusieurs images en une seule.

    De toutes les options ci-dessous : gomme douce, pinceaux doux et dégradé, la meilleure méthode est le dégradé. C'est lui qui crée une transition de première classe, sans perdre la qualité des images originales. Voyez par vous-même : à l'aide d'une gomme, on peint sur des pixels, mais quelle est la garantie que vous arriverez à tout peindre parfaitement ? Bien sûr, vous pouvez passer une journée entière dans Photoshop, en effaçant pixel par pixel. Mais, je pense, « le jeu n'en vaut pas la chandelle », car on s'efforce de ne pas passer beaucoup de temps sur certaines opérations et de tout faire rapidement.

    Une gomme douce et un pinceau sont bons pour adoucir les bords afin que les deux photos se mélangent bien et ne semblent pas étrangères à cause des bords durs.

    Regardons maintenant de plus près :

    Gomme douce

    Étant donné que l'outil gomme peut être utilisé avec des options de pinceau, l'utilisation de brosse douce vous pouvez effacer une partie d'une image afin qu'une autre image soit visible, située sur un calque en dessous. Avec cette technique, vous pouvez obtenir le résultat souhaité, mais il est tout aussi irréversible que - si vous changez d'avis et décidez de connecter les images d'une manière différente, vous devrez tout recommencer.

    Une fois que vous avez placé les deux images que vous souhaitez fusionner dans un seul document (chacune sur un calque séparé), procédez comme suit :

    1. Faites glisser l'image que vous souhaitez effacer partiellement tout en haut de la palette des calques.

    Noter

    Avant d'effacer, c'est une bonne idée de dupliquer le calque sur lequel vous travaillez au cas où vous n'aimeriez pas le résultat (appuyez sur Ctrl + J pour ce faire). Pour éviter que le nouveau calque ne vous dérange, vous pouvez désactiver sa visibilité (et le réactiver si nécessaire).

    2. Sélectionnez la gomme en appuyant sur la touche E et réglez-la en mode pinceau. Pour ce faire, dans la barre des options, dans la liste déroulante Mode, sélectionnez Pinceau. Ensuite, dans la liste déroulante des préréglages de pinceaux, sélectionnez un pinceau doux. Assurez-vous que les champs Opacité et Pression sont définis sur 100.

    Pour rendre la transition encore plus fluide, expérimentez avec la valeur d'opacité de la gomme. En diminuant la valeur d'opacité, vous pouvez créer des transitions plus fluides en déplaçant le pinceau sur la zone souhaitée, plutôt qu'en effectuant des clics de souris individuels.

    3. Placez le pointeur de la souris sur l'image et effacez la partie indésirable. Si vous faites une erreur ou changez d'avis à un moment donné, utilisez la palette Historique pour revenir en arrière de quelques coups de pinceau ou annulez la dernière opération en appuyant sur la combinaison de touches Ctrl + Z.

    Pinceaux doux et masques de calque

    Une alternative à la gomme est l'option inverse - peindre un masque de calque avec un gros pinceau doux. Dans ce cas, vous masquez simplement une partie de l'image au lieu de la supprimer.

    Disons que vous voulez mettre l'accent sur la vitesse à laquelle roule une moto. Améliorer l'effet de mouvement Vous pouvez le faire en ajoutant un flou de mouvement à l'image, puis en masquant une partie du flou avec un masque de calque.

    Voici comment créer effet de mouvement rapide :

    1. Ouvrez l'image et créez une copie du calque d'origine en appuyant sur la combinaison de touches Ctrl + J.

    2. Sélectionnez la commande de menu Filtres => Flou => Flou de mouvement. Avec ce filtre, vous pouvez donner l'impression que l'objet se déplace très rapidement. Étant donné que le filtre brouille toute l'image, il devient difficile d'y voir l'objet souhaité, vous devrez donc masquer une partie du calque flou en ajoutant un masque de calque. Pour l'ajouter, cliquez sur le bouton avec l'image d'un cercle dans un rectangle en bas de la palette.

    3. Appuyez sur la touche B pour sélectionner l'outil Pinceau et sélectionnez un gros pinceau doux. Définissez le noir comme couleur de premier plan.

    Je vous rappelle qu'en ce qui concerne les masques de calque, dessiner avec du noir cache ce que nous devons faire dans ce cas. Jetez un œil au bas du panneau Outils et s'ils s'affichent en noir et couleurs blanches, puis appuyez sur la touche X jusqu'à ce que l'indicateur noir soit en haut. Si d'autres couleurs sont sélectionnées, définissez d'abord les couleurs par défaut en appuyant sur la touche D, puis appuyez sur la touche X jusqu'à ce que l'indicateur noir soit en haut.

    6. Placez le pointeur de la souris sur l'image et utilisez le pinceau pour masquer une partie du calque flou.

    dégradé masques

    Mettez de côté les pinceaux doux. Créer les transitions les plus douces possibles possibilité d'utiliser dégradé - transition douce et progressive d'une couleur à une autre. Les méthodes de combinaison d'images à l'aide de pinceaux doux et de dégradés sont similaires en ce que les images sont combinées dans un seul document, puis un masque de calque est ajouté au calque supérieur. Mais au lieu de peindre le masque avec un pinceau noir ou blanc, vous utilisez un dégradé noir transparent ou noir et blanc pour un "flux" fluide et homogène d'une image à l'autre.

    1. Faites glisser l'image, qui devrait être au premier plan du collage, tout en haut de la liste des calques et ajoutez-y un masque de calque.

    2. Appuyez sur la touche G pour sélectionner l'outil Dégradé. Dans la barre des options, cliquez sur la flèche de sélection déroulante. Dans la liste déroulante, sélectionnez le dégradé noir à transparent, et dans le groupe de types, cliquez sur le bouton dégradé linéaire.

    3. Dans mon exemple, je veux que le logo Batman à droite soit transparent. Pour ce faire, avec le bouton de la souris, je clique sur la bordure du logo et je maintiens la touche enfoncée jusqu'à ce que je voie environ le milieu du logo. Lorsque je relâche la touche, j'obtiens une transition fluide entre les images. Pour améliorer la qualité de la transition, vous pouvez appliquer le dégradé encore et encore.

    Lorsque vous faites glisser, Photoshop trace une ligne représentant la largeur de la transition : plus la ligne est courte (moins vous faites glisser le pointeur), plus la transition est étroite et dure (il n'y aura pas de bordure claire, mais vous obtenez quelque chose de proche à elle); plus la ligne est longue, plus le dégradé est large et plus la transition est douce.

    Vous avez remarqué une erreur dans le texte - sélectionnez-le et appuyez sur Ctrl + Entrée . Merci!