Hvordan lage en Photo Collage Effect ved hjelp av Photoshop Actions

Hva du skal skape

I denne opplæringen skal jeg vise deg hvordan du legger til en enkel bildeeffekt ved hjelp av handlinger i Adobe Photoshop. Først vil vi redigere bakgrunnen og deretter plassere objektet i et sett med former. Hvert trinn blir registrert i handlinger som kan brukes i et hvilket som helst bilde.

Til slutt vil jeg også vise deg hvordan du automatiserer handlingene videre ved hjelp av JavaScript.

Det er mange fotomaler, som denne effekten, tilgjengelig på Envato Market.

Tutorial Assets

Følgende eiendeler ble brukt under produksjonen av denne opplæringen:

  • Bro
  • Ukrainsk turist rekreasjonssenter

1. Sett bakgrunnen for handlingen

Trinn 1

Først, ta tak i bildet du vil redigere. Her skal vi bruke et lager foto fra Envato Market.

Steg 2

La oss begynne å skape vår handling. Vi ønsker å sette det i et eget sett for enklere ledelse. Åpne opp handlinger panelet (F9) og klikk deretter på Nytt sett ikon. Navngi settet og klikk deretter OK. Vi vil plassere handlingen i dette settet.

Trinn 3

Klikk på Ny handling ikon og navn det Dempe bakgrunn. Klikk Ta opp å begynne å ta opp alle trinnene i Photoshop. Fra dette punktet oppfordrer jeg deg til å holde øye med handlinger panel. Du vil ikke ha en rotete handling som er fylt med unødvendige skritt.

Trinn 4

Klikk på Legg til justeringslag ikonet og velg deretter nivåer.

Trinn 5

Dra den svarte pilen på Utgangsnivåer parameter til høyre. Ved å gjøre dette, farges bildet og gir oss plass til å legge til en spesiell effekt på bildet.

Legg merke til at de to tingene du nettopp har gjort, er registrert på handlinger panel. Den første handlingen er fullført. Slå den Stoppe ikon på undersiden av handlinger panel for å stoppe opptaksprosessen.

2. Lag rammen

Trinn 1

La oss fortsette med neste trinn. Vi skal legge til en rektangulær form på bildet og deretter ta tilbake det originale bildet. I handlinger panelet, klikk på Ny handling ikonet for å opprette en ny handling.

Steg 2

Velg Rektangelverktøy. Bruk Form modus med svart som Fylle farge.

Klikk og dra for å tegne en svart rektangulær form.

Du bør se det Lag fyllingslag er lagt til på slutten av gjeldende handling.


Trinn 3

Dobbeltklikk lagformen og sett deretter inn Blend Mode: Skjerm og Knockout: Deep. Når Slå ut er satt til Dyp, laget vil tillate oss å se gjennom alle lagene og avsløre Bakgrunn lag.

Trinn 4

Uten å klikke OK, fortsett å legge til en Stroke. I denne opplæringen bruker vi hvit for strekkfargen og setter størrelsen til 20 px. Hvis du bruker et mindre bilde, må du kanskje bruke en mindre slagstørrelse.

Trinn 5

Vi fortsetter å legge til Drop Shadow til lagformen. Du kan klikke og dra inn i lerretet for å enkelt endre skyggeinnstillingen. Når du er fornøyd med resultatet, trykk på OK knapp.

Alle de tingene du nettopp har gjort - endrer blandemodus og legger til lagestiler - har blitt registrert som et enkelt trinn i handlingen.


Trinn 6

Truffet Kontroll-T for å forvandle den aktive lagformen. Klikk og dra utenfor formen for å rotere formen. Klikk og dra inn i formen for å endre posisjonen. Dette vil også bli registrert som et enkelt trinn på slutten av handlingen.

Trinn 7

Den andre handlingen er nå fullført. Slå den Stoppe ikonet for å stoppe opptaket.

Trinn 8

For en raskere arbeidsflyt, la vi legge til en snarvei for hver handling. Dobbeltklikk på Dempe bakgrunn handling som vi laget tidligere og satt Funksjonstast: F2.

Trinn 9

Legg til en ny snarvei til den andre handlingen. I dette tilfellet bruker jeg F3.

3. Bruk handlingene

Trinn 1

La oss kjøre de handlingene vi nettopp har gjort på bildet. Først må vi tilbakestille bildet til sin opprinnelige tilstand. Klikk Arkiv> Gjenopprett eller treffer F12.

Steg 2

I handlinger panel, velg den første handlingen, Dempe bakgrunn, og klikk deretter på Spille ikon. Siden vi har lagt til snarveien F2 Til denne handlingen kan vi bare treffe F2 å kjøre den.


Bildet er nå dempet.

Trinn 3

Spill den neste handlingen for å avsløre formen. Velg handlingen, og trykk deretter på Spille ikon. Vi kan også bruke snarveien, i dette tilfellet F3.

Trinn 4

For å legge til en annen form, må vi spille av handlingen. For tiden blir formen automatisk rotert i samme vinkel og plassert i samme posisjon. Tydeligvis vil vi ikke ha det. Vi ønsker å kunne omdanne det manuelt. Klikk på Modal kontroll ikon for Overfør gjeldende lag Trinn slik at Photoshop venter på brukerinngang.

Trinn 5

Nå, gjenta handlingen. Klikk på Spille ikon. Photoshop vil pause transform-kommandoen og vente på innspillingen. Flytt eller roter formen og trykk deretter Tast inn for å fortsette handlingen.

Trinn 6

Gjenta handlingen ved å klikke på Spille ikonet eller bruke snarveien, F3 i dette tilfellet.

Dette er resultatet etter at du har lagt til andre figurer med samme handling. Vi er ferdige med handlingen, og du kan bare bruke den til å legge til en effekt på bildet ditt. Men vi vil fortsette denne opplæringen for mer avansert tilpasning. Vennligst les videre hvis du vil kunne endre handlingen eller bruke det raskere ved hjelp av skripting. Hvis du er fornøyd med resultatet nedenfor, kan du slutte å lese her.

4. Endre handlingen

Trinn 1

Vi kan bruke samme effekt på et annet bilde ved hjelp av samme handling. Her er et bilde av et ukrainsk turist rekreasjonssenter. Du trenger bare å treffe F2 å dempe bakgrunnen og deretter F3 noen ganger for å legge til noen former.

Steg 2

Du kan hoppe over et trinn inne i handlingen ved å klikke på det Inkludert ikon. Hvis det er nei Inkludert ikon foran det, vil ikke trinnet bli utført. Her hopper vi over Overfør gjeldende lag skritt.


Trinn 3

La oss si at vi vil bruke en annen farge på formens slag. Vi må redigere trinnet ved å velge det og deretter klikke Ta opp igjen. Du kan også dobbeltklikke på trinnet for å gjøre dette.

Trinn 4

EN Lag stil dialogboksen åpnes. I Stroke delen, endre Farge til svart.

Trinn 5

Pass på å sette den Blend Mode til Skjerm og Slå ut til Dyp. Ellers vil Photoshop bruke standardinnstillingene, Normal og Ingen. Klikk på OK knappen for å godta innstillingene og automatisk stoppe opptaket.

Trinn 6

Om nødvendig kan du også redusere avspillingen for å se gjennom hvert trinn. Klikk Avspillingsalternativer og velg deretter Steg for steg.

Trinn 7

Spill handlingen for å se resultatet. Som du kan se nedenfor, har vår form nå et svart slag.

5. Kjør handlingen ved hjelp av JavaScript

Trinn 1

Du kan legge merke til at i denne bildeeffekten gjentar vi den andre handlingen manuelt. I programmeringsspråket kaller vi det en loop. Vi kan faktisk automatisere denne prosessen ved å bruke skripting i Photoshop. Ja, Photoshop har også skripting. Åpne eventuelle tekstredigeringsprogram og legg til følgende linje av kode.

app.doAction ("Mute Background", "Mine handlinger");

Denne linjen vil instruere Photoshop for å spille en handling som heter Dempe bakgrunn inne i Mine handlinger sett.

For å kjøre den andre handlingen, legg til denne linjen med kode.

app.doAction ("Legg til bildeform", "Mine handlinger");


Steg 2

Lagre teksten som en JavaScript-fil med utvidelse * .jsx. I Photoshop, klikk Fil> Skript> Bla gjennom og velg deretter filen for å teste skriptet.

Trinn 3

La oss legge til sløyfen til den andre handlingen ved å erstatte den andre linjen med følgende kodelinjer.

var gjenta = sant; mens (gjenta) app.doAction ("Add Photo Shape", "My Actions"); 

Disse linjene vil spørre Photoshop for å fortsette å spille handlingen Legg til bildeform fra handlingssettet Mine handlinger.

Trinn 4

Photoshop vil fortsette å spille handlingen fordi gjenta variabel er alltid ekte. Deretter må vi spørre brukeren om de vil gjenta handlingen eller ikke. Legg til følgende linje av kode inne i samtidig som sløyfe.

gjenta = bekreft ("Legg til en annen boks?");

Trinn 5

Vi er ferdige. La oss kjøre den. Klikk Fil> Skript> Bla gjennom. I Laste dialogboksen, velg det skriptet vi nettopp har laget.


Trinn 6

Begge tiltakene vil starte. Etter å ha forvandlet formen, vil en dialogboks komme opp og spørre om brukeren vil fortsette å legge til en annen form eller stoppe der. Hvis brukeren svarer ja, vil en annen form bli opprettet.

Trinn 7

Hvis brukeren velger Nei, handlingen stopper.

Konklusjon

Vi er ferdige. Jeg tror du har lært mye av denne opplæringen. Du har nettopp lært hvordan du automatiserer arbeidsprosessen din ved hjelp av Photoshop-handlinger. Du har også tatt grunnleggende ideen om skripting i Photoshop. Jeg håper du kan bruke disse teknikkene for å hjelpe deg med å jobbe raskere. Takk for at du leser.