Comment créer un effet de collage de photos à l'aide d'actions de Photoshop

Ce que vous allez créer

Dans ce tutoriel, je vais vous montrer comment ajouter un simple effet photo en utilisant des actions dans Adobe Photoshop. Nous allons d’abord éditer l’arrière-plan, puis placer l’objet dans un ensemble de formes. Chaque étape sera enregistrée en actions pouvant être utilisées dans n’importe quelle photo..

Au final, je vous montrerai également comment automatiser davantage les actions en utilisant JavaScript.

Il existe de nombreux modèles de photo, tels que cet effet, disponibles sur Envato Market..

Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel:

  • Pont
  • Centre de loisirs touristique ukrainien

1. Définir le fond de l'action

Étape 1

Tout d'abord, prenez la photo que vous souhaitez modifier. Ici, nous allons utiliser une photo du marché Envato.

Étape 2

Commençons à créer notre action. Nous voulons le mettre dans un ensemble séparé pour une gestion plus facile. Ouvrez le actes panneau (F9) puis cliquez sur le Nouvel ensemble icône. Nommez le jeu puis cliquez sur D'accord. Nous allons placer l'action à l'intérieur de cet ensemble.

Étape 3

Clique le Nouvelle action icône et nommez-le Fond muet. Cliquez sur Record pour commencer à enregistrer toutes nos étapes dans Photoshop. À partir de ce moment, je vous exhorte à garder un œil sur la actes panneau. Vous ne voulez pas avoir une action en désordre qui est remplie d'étapes inutiles.

Étape 4

Clique le Ajouter une couche d'ajustement icône puis sélectionnez Niveaux.

Étape 5

Faites glisser la flèche noire sur le Niveaux de sortie paramètre à droite. En faisant cela, l'image s'estompe et nous donne la possibilité d'ajouter un effet spécial à la photo..

Notez que les deux choses que vous venez de faire ont été enregistrées sur le actes panneau. La première action est terminée. Frappé le Arrêtez icône dans la partie inférieure de la actes panneau pour arrêter le processus d'enregistrement.

2. Créer le cadre

Étape 1

Continuons avec l'étape suivante. Nous allons ajouter une forme rectangulaire à la photo puis ramener son image d'origine. dans le actes panneau, cliquez sur le Nouvelle action icône pour créer une nouvelle action.

Étape 2

Sélectionnez le Outil Rectangle. Utilisation Forme mode avec le noir comme Remplir Couleur.

Cliquez et faites glisser pour dessiner une forme rectangulaire noire.

Tu devrais voir ça Faire le calque de remplissage est ajouté à la fin de l'action en cours.


Étape 3

Double-cliquez la forme de la couche et ensuite définir Mode de fusion: écran et Knockout: Deep. Quand Assommer est réglé sur Profond, la couche nous permettra de voir à travers toutes les couches et de révéler la Contexte couche.

Étape 4

Sans cliquer sur le bouton OK, continuez d’ajouter un Accident vasculaire cérébral. Dans ce tutoriel, nous allons utiliser le blanc pour la couleur de trait et définir sa taille sur 20 px. Si vous utilisez une image plus petite, vous devrez peut-être utiliser une taille de trait plus petite..

Étape 5

Nous allons continuer à ajouter Ombre portée à la forme du calque. Vous pouvez cliquer et faire glisser à l'intérieur du canevas pour modifier facilement le paramètre d'ombre. Une fois que vous êtes satisfait du résultat, appuyez sur le bouton D'accord bouton.

Tout ce que vous venez de faire, à savoir changer le mode de fusion et ajouter des styles de calque, a été enregistré en une seule étape dans l'action..


Étape 6

Frappé Contrôle-t transformer la forme du calque actif. Cliquez et faites glisser en dehors de la forme pour faire pivoter la forme. Cliquez et faites glisser à l'intérieur de la forme pour changer sa position. Cela sera également enregistré en une seule étape à la fin de l'action.

Étape 7

La deuxième action est maintenant terminée. Frappé le Arrêtez icône pour arrêter l'enregistrement.

Étape 8

Pour un flux de travail plus rapide, ajoutons un raccourci à chaque action. Double-cliquez sur le Fond muet l'action que nous avons faite plus tôt et mis Touche de fonction: F2.

Étape 9

Ajouter un autre raccourci à l'autre action. Dans ce cas, j'utilise F3.

3. Appliquer les actions

Étape 1

Lançons les actions que nous venons de faire sur la photo. Premièrement, nous devons réinitialiser la photo à son état d'origine. Cliquez sur Fichier> Rétablir ou frapper F12.

Étape 2

dans le actes panneau, sélectionnez la première action, Fond muet, puis cliquez sur le Jouer icône. Depuis que nous avons ajouté le raccourci F2 à cette action, nous pouvons simplement frapper F2 l'exécuter.


L'image est maintenant en sourdine.

Étape 3

Jouez l'action suivante pour révéler la forme. Sélectionnez l'action, puis appuyez sur la Jouer icône. Nous pourrions aussi utiliser son raccourci, dans ce cas F3.

Étape 4

Pour ajouter une autre forme, nous devons rejouer l'action. Actuellement, la forme sera automatiquement pivotée selon le même angle et placée dans la même position. De toute évidence, nous ne voulons pas cela. Nous voulons pouvoir le transformer manuellement. Clique le Contrôle modal icône pour le Transformer le calque courant étape pour que Photoshop attende l'entrée de l'utilisateur.

Étape 5

Maintenant, rejouez l'action. Clique sur le Jouer icône. Photoshop mettra en pause la commande de transformation et attendra votre saisie. Déplacez ou faites pivoter la forme, puis appuyez sur Entrer continuer l'action.

Étape 6

Rejouer l'action en cliquant sur le bouton Jouer icône ou en utilisant son raccourci, F3 dans ce cas.

Ceci est mon résultat après avoir ajouté d'autres formes en utilisant la même action. Nous en avons terminé avec l'action et vous pouvez simplement l'utiliser pour ajouter un effet à votre photo. Mais nous allons continuer ce tutoriel pour une personnalisation plus avancée. Veuillez poursuivre votre lecture si vous souhaitez pouvoir modifier l'action ou l'appliquer plus rapidement à l'aide de scripts. Si vous êtes satisfait du résultat ci-dessous, vous pouvez arrêter de lire ici..

4. Modifier l'action

Étape 1

Nous pouvons appliquer le même effet à une autre photo en utilisant la même action. Voici une photo d'un centre de loisirs touristique ukrainien. Vous avez juste besoin de frapper F2 pour couper le fond et ensuite F3 quelques fois pour ajouter des formes.

Étape 2

Vous pouvez ignorer une étape de l'action en cliquant sur son Inclus icône. Si il n'y a pas Inclus devant l'icône, l'étape ne sera pas effectuée. Ici, nous sautons le Transformer le calque courant étape.


Étape 3

Disons que nous voulons utiliser une couleur différente sur le trait de la forme. Nous devons éditer l’étape en la sélectionnant puis en cliquant sur Record Again. Vous pouvez également double-cliquer sur l'étape pour le faire..

Étape 4

UNE Style de calque boîte de dialogue s'ouvrira. dans le Accident vasculaire cérébral section, changez le Couleur au noir.

Étape 5

Assurez-vous de régler son Mode de fusion à Écran et Assommer à Profond. Sinon, Photoshop utilisera les paramètres par défaut, Ordinaire et Aucun. Clique le D'accord bouton pour accepter les paramètres et arrêter automatiquement l'enregistrement.

Étape 6

Si nécessaire, vous pouvez également ralentir la lecture pour revoir chaque étape. Cliquez sur Options de lecture puis sélectionnez Pas à pas.

Étape 7

Jouez l'action pour voir le résultat. Comme vous pouvez le voir ci-dessous, notre forme a maintenant un trait noir.

5. Bouclez l'action en utilisant JavaScript

Étape 1

Vous remarquerez peut-être que dans cet effet photo, nous répétons la deuxième action manuellement. En langage de programmation, nous appelons cela une boucle. Nous pouvons en fait automatiser ce processus à l'aide de scripts dans Photoshop. Oui, Photoshop a aussi des scripts. Ouvrez n'importe quel éditeur de texte, puis ajoutez la ligne de code suivante.

app.doAction ("Arrière-plan muet", "Mes actions");

Cette ligne indiquera à Photoshop de jouer une action nommée Fond muet à l'intérieur de Mes actions ensemble.

Pour exécuter l'autre action, ajoutez cette ligne de code.

app.doAction ("Ajouter une forme de photo", "Mes actions");


Étape 2

Enregistrez le texte en tant que fichier JavaScript avec l'extension * .jsx. Dans Photoshop, cliquez sur Fichier> Scripts> Parcourir puis sélectionnez le fichier pour tester le script.

Étape 3

Ajoutons la boucle à la deuxième action en remplaçant la deuxième ligne par les lignes de code suivantes.

var repeat = true; while (répéter) app.doAction ("Ajouter une forme de photo", "Mes actions"); 

Ces lignes demanderont à Photoshop de continuer à jouer l'action Ajouter une forme de photo de l'ensemble d'action Mes actions.

Étape 4

Photoshop continuera à jouer l'action parce que le répéter la variable est toujours vrai. Ensuite, nous devons demander à l'utilisateur s'il souhaite répéter l'action ou non. Ajoutez la ligne de code suivante à l’intérieur du tandis que boucle.

repeat = confirm ("Ajouter une autre boîte?");

Étape 5

Nous avons fini. Lançons-le. Cliquez sur Fichier> Scripts> Parcourir. dans le Charge boîte de dialogue, sélectionnez le script que nous venons de faire.


Étape 6

Les deux actions vont commencer. Une fois la forme transformée, une boîte de dialogue apparaît pour vous demander si l’utilisateur souhaite continuer à ajouter une autre forme ou s’arrêter là. Si l'utilisateur répond oui, une autre forme sera créée.

Étape 7

Si l'utilisateur sélectionne Non, l'action va s'arrêter.

Conclusion

Nous avons fini. Je pense que vous avez beaucoup appris de ce tutoriel. Vous venez d'apprendre à automatiser votre processus de travail à l'aide d'actions de Photoshop. Vous avez également saisi l’idée de base de la création de scripts dans Photoshop. J'espère que vous pourrez utiliser ces techniques pour vous aider à travailler plus rapidement. Merci pour la lecture.