Hoe een Photo Collage-effect te maken met behulp van Photoshop-acties

Wat je gaat creëren

In deze zelfstudie laat ik je zien hoe je een eenvoudig foto-effect kunt toevoegen met acties in Adobe Photoshop. Eerst bewerken we de achtergrond en plaatsen we het object in een reeks vormen. Elke stap wordt vastgelegd in acties die in elke foto kunnen worden gebruikt.

Op het einde laat ik je ook zien hoe je de acties verder kunt automatiseren door JavaScript te gebruiken.

Er zijn veel fotosjablonen, zoals dit effect, beschikbaar op Envato Market.

Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie:

  • Brug
  • Oekraïens toeristisch recreatiecentrum

1. Stel de achtergrond voor de actie in

Stap 1

Pak eerst de foto die u wilt bewerken. Hier gaan we een stockfoto van Envato Market gebruiken.

Stap 2

Laten we beginnen met het creëren van onze actie. We willen het in een aparte set plaatsen voor eenvoudiger beheer. Open de acties paneel (F9) en klik vervolgens op de Nieuwe set icoon. Geef de set een naam en klik vervolgens op OK. We plaatsen de actie in deze set.

Stap 3

Klik op de Nieuwe actie pictogram en noem het Demp achtergrond. Klik Record om al onze stappen in Photoshop te registreren. Vanaf dit punt dring ik er bij u op aan om de acties paneel. U wilt geen rommelige actie hebben die gevuld is met onnodige stappen.

Stap 4

Klik op de Aanpassingslaag toevoegen pictogram en selecteer vervolgens levels.

Stap 5

Sleep de zwarte pijl op de Uitvoerniveaus parameter rechts. Hierdoor vervaagt de afbeelding en hebben we ruimte om een ​​speciaal effect aan de foto toe te voegen.

Merk op dat de twee dingen die je zojuist hebt gedaan zijn opgenomen in de acties paneel. De eerste actie is voltooid. Druk op de Hou op pictogram op het onderste deel van de acties paneel om het opnameproces te stoppen.

2. Maak het frame

Stap 1

Laten we doorgaan met de volgende stap. We gaan een rechthoekige vorm aan de foto toevoegen en vervolgens de oorspronkelijke afbeelding terugbrengen. In de acties paneel, klik op de Nieuwe actie pictogram om een ​​nieuwe actie te maken.

Stap 2

Selecteer de Rechthoekgereedschap. Gebruik Vorm modus met zwart als de Vullen kleur.

Klik en sleep om een ​​zwarte rechthoekige vorm te tekenen.

Dat zou je moeten zien Vullaag maken wordt toegevoegd aan het einde van de huidige actie.


Stap 3

Dubbelklik de laagvorm en stel vervolgens in Mengmodus: scherm en Knockout: Deep. Wanneer Knock out ingesteld op Diep, de laag zal ons in staat stellen door alle lagen heen te kijken en de Achtergrond laag.

Stap 4

Zonder op de knop OK te klikken, blijft u een toevoegen Beroerte. In deze zelfstudie gebruiken we wit voor de lijnkleur en stellen we de grootte in op 20 px. Als u een kleinere afbeelding gebruikt, moet u mogelijk een kleinere streekgrootte gebruiken.

Stap 5

We blijven toevoegen Slagschaduw naar de laagvorm. U kunt binnen het canvas klikken en slepen om de schaduwinstelling gemakkelijk te wijzigen. Als u tevreden bent met het resultaat, drukt u op OK knop.

Alle dingen die u zojuist hebt gedaan - het wijzigen van de overvloeimodus en het toevoegen van laagstijlen - zijn als één stap vastgelegd in de actie.


Stap 6

Raken Controle-T om de actieve laagvorm te transformeren. Klik en sleep buiten de vorm om de vorm te roteren. Klik en sleep in de vorm om zijn positie te wijzigen. Dit wordt ook als één stap vastgelegd aan het einde van de actie.

Stap 7

De tweede actie is nu voltooid. Druk op de Hou op pictogram om de opname te stoppen.

Stap 8

Voor een snellere workflow, laten we een snelkoppeling toevoegen aan elke actie. Dubbelklik op de Demp achtergrond actie die we eerder hebben uitgevoerd en instellen Functietoets: F2.

Stap 9

Voeg een andere snelkoppeling toe aan de andere actie. In dit geval gebruik ik F3.

3. Pas de acties toe

Stap 1

Laten we de acties uitvoeren die we zojuist op de foto hebben gemaakt. Eerst moeten we de foto terugzetten naar de oorspronkelijke staat. Klik Bestand> Terugzetten of klik F12.

Stap 2

In de acties paneel, selecteer de eerste actie, Demp achtergrond, en klik vervolgens op de Spelen icoon. Omdat we de snelkoppeling hebben toegevoegd F2 voor deze actie kunnen we gewoon raken F2 om het uit te voeren.


De afbeelding is nu gedempt.

Stap 3

Speel de volgende actie om de vorm te onthullen. Selecteer de actie en druk op de Spelen icoon. We kunnen ook de snelkoppeling gebruiken, in dit geval F3.

Stap 4

Om een ​​andere vorm toe te voegen, moeten we de actie herhalen. Momenteel wordt de vorm automatisch onder dezelfde hoek geroteerd en in dezelfde positie geplaatst. Natuurlijk willen we dat niet. We willen het handmatig kunnen transformeren. Klik op de Modale controle pictogram voor de Transformeer de huidige laag stap zodat Photoshop zal wachten op gebruikersinvoer.

Stap 5

Herhaal nu de actie. Klik op de Spelen icoon. Photoshop onderbreekt de transform-opdracht en wacht op uw invoer. Verplaats of roteer de vorm en druk vervolgens op invoeren om de actie voort te zetten.

Stap 6

Herhaal de actie door op te klikken Spelen pictogram of met behulp van de snelkoppeling, F3 in dit geval.

Dit is mijn resultaat na het toevoegen van andere vormen met dezelfde actie. We zijn klaar met de actie en je kunt deze eenvoudig gebruiken om een ​​effect aan je foto toe te voegen. Maar we gaan door met deze tutorial voor meer geavanceerde aanpassingen. Lees alstublieft verder als u de actie wilt kunnen aanpassen of sneller wilt toepassen met behulp van scripting. Als u tevreden bent met het onderstaande resultaat, kunt u hier stoppen met lezen.

4. Wijzig de actie

Stap 1

We kunnen hetzelfde effect toepassen op een andere foto met dezelfde actie. Hier is een foto van een Oekraïens toeristisch recreatiecentrum. Je moet gewoon slaan F2 om de achtergrond te dempen en dan F3 een paar keer om enkele vormen toe te voegen.

Stap 2

U kunt een stap overslaan in de actie door op de knop te klikken ingesloten icoon. Als er geen ingesloten pictogram ervoor, wordt de stap niet uitgevoerd. Hier slaan we de Transformeer de huidige laag stap.


Stap 3

Laten we zeggen dat we een andere kleur willen gebruiken voor de vorm van de lijn. We moeten de stap bewerken door deze te selecteren en vervolgens te klikken Neem opnieuw op. U kunt ook dubbelklikken op de stap om dit te doen.

Stap 4

EEN Laagstijl dialoogvenster wordt geopend. In de Beroerte sectie, verander de Kleur naar zwart.

Stap 5

Zorg ervoor dat je het instelt Mengmodus naar Scherm en Knock out naar Diep. Anders gebruikt Photoshop de standaardinstellingen, normaal en Geen. Klik op de OK om de instellingen te accepteren en de opname automatisch te stoppen.

Stap 6

Indien nodig kunt u het afspelen ook vertragen om elke stap te bekijken. Klik Afspeelopties en selecteer vervolgens Stap voor stap.

Stap 7

Speel de actie om het resultaat te zien. Zoals u hieronder kunt zien, heeft onze vorm nu een zwarte lijn.

5. Loop de actie door met JavaScript

Stap 1

U merkt misschien dat we in dit foto-effect de tweede actie handmatig herhalen. In programmeertaal noemen we dat een lus. We kunnen dit proces eigenlijk automatiseren met behulp van scripting in Photoshop. Ja, ook in Photoshop is scripten. Open een willekeurige teksteditor en voeg vervolgens de volgende regel code toe.

app.doAction ("Achtergrond dempen", "Mijn acties");

Deze regel geeft Photoshop instructies om een ​​genoemde actie af te spelen Demp achtergrond binnen in de Mijn acties reeks.

Voeg deze regel code toe om de andere actie uit te voeren.

app.doAction ("Fotovorm toevoegen", "Mijn acties");


Stap 2

Sla de tekst op als een JavaScript-bestand met de extensie * .jsx. Klik in Photoshop op Bestand> Scripts> Bladeren en selecteer vervolgens het bestand om het script te testen.

Stap 3

Laten we de lus toevoegen aan de tweede actie door de tweede regel te vervangen door de volgende regels code.

var repeat = true; while (repeat) app.doAction ("Fotovorm toevoegen", "Mijn acties"); 

Deze regels zullen Photoshop vragen om de actie te blijven spelen Voeg fotovorm toe van de actieset Mijn acties.

Stap 4

Photoshop blijft de actie spelen omdat het herhaling variabele is altijd waar. Vervolgens moeten we de gebruiker vragen of hij de actie wil herhalen of niet. Voeg de volgende regel code toe in de terwijl lus.

herhalen = bevestigen ("Nog een box toevoegen?");

Stap 5

We zijn klaar. Laten we het uitvoeren. Klik Bestand> Scripts> Bladeren. In de Laden dialoogvenster, selecteer het script dat we zojuist hebben gemaakt.


Stap 6

Beide acties zullen beginnen. Nadat de vorm is getransformeerd, verschijnt er een dialoogvenster met de vraag of de gebruiker door wil gaan met het toevoegen van een andere vorm of juist daar wil stoppen. Als de gebruiker ja antwoordt, wordt een andere vorm gemaakt.

Stap 7

Als de gebruiker selecteert Nee, de actie stopt.

Conclusie

We zijn klaar. Ik geloof dat je veel hebt geleerd van deze tutorial. U hebt net geleerd hoe u uw werkproces kunt automatiseren met behulp van Photoshop-acties. U hebt ook het basisidee van scripting in Photoshop begrepen. Ik hoop dat je deze technieken kunt gebruiken om je sneller te laten werken. Bedankt voor het lezen.