Maison / l'Internet / Comment faire une transition en douceur dans Photoshop ? Création d'une transition en douceur dans Photoshop entre les couleurs Transition en douceur entre deux ou plusieurs couleurs

Comment faire une transition en douceur dans Photoshop ? Création d'une transition en douceur dans Photoshop entre les couleurs Transition en douceur entre deux ou plusieurs couleurs

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.

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é.
  • 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é un effet intéressant, c'est juste 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.

    Déplacez la deuxième photo vers celle précédemment ouverte.

    Vous pouvez en savoir plus sur la connexion de photos dans.

    Ensuite, à l'aide de l'outil de déplacement, nous définissons l'emplacement souhaité des photos les unes par rapport aux autres. Il est nécessaire de s'assurer qu'une photo en chevauche une autre, à la place du chevauchement, une transition en douceur sera montée. Pour plus de commodité, vous pouvez temporairement réduire l'opacité des images dans Panneaux de couches, c'est aussi une bonne idée de placer des guides sur les bords du chevauchement.

    Maintenant, nous allons déterminer quelle photo sera en haut, et si nécessaire changer de lieu calques dans le panneau Calques. J'aurai une image avec Twitter en haut.

    Remettez ensuite l'opacité des calques d'image à 100 %.

    Et, maintenant, passons à la création d'une transition fluide entre les photos, dans cet exemple Nous allons le faire avec un masque de calque et un dégradé noir et blanc.

    Ajouter au calque avec la vraie photo masque de calque en cliquant sur l'icône correspondante en bas de la palette, tandis que les couleurs dans palette de couleurs automatiquement changé en couleur de premier plan noir et couleur d'arrière-plan blanche, Panneaux de couches une icône de masque apparaîtra sur le calque correspondant. Ouvrez ensuite l'outil Dégradé dans la palette d'outils. Dans le coin supérieur gauche de la fenêtre de travail de Photoshop, cliquez sur le triangle pour ouvrir la palette de dégradés et sélectionnez la toute première, qui porte le nom "De la couleur principale à l'arrière-plan". Ensuite, nous traçons une ligne d'un guide à l'autre dans la direction indiquée sur la figure.

    Pour tracer une ligne de dégradé strictement horizontalement (ou, dans les autres cas, strictement verticalement), maintenez la touche Maj enfoncée.

    En conséquence, nous obtenons une transition en douceur vers la transparence du bord droit de l'image supérieure, ce qui donne l'effet d'une transition en douceur entre les deux photos.
    Sur l'icône de masque dans le panneau Calques, nous verrons les changements suivants, la couleur noire montre une transparence totale et le blanc, au contraire, une opacité totale de l'image à laquelle le masque de calque est appliqué.

    C'est tout, la tâche est accomplie !