Come creare un effetto collage fotografico usando le azioni di Photoshop

Cosa starai creando

In questo tutorial, ti mostrerò come aggiungere un semplice effetto fotografico usando azioni in Adobe Photoshop. Innanzitutto, modificheremo lo sfondo e quindi inseriremo l'oggetto in una serie di forme. Ogni fase verrà registrata in azioni che possono essere utilizzate in qualsiasi foto.

Alla fine, ti mostrerò anche come automatizzare ulteriormente le azioni usando JavaScript.

Ci sono molti modelli di foto, come questo effetto, disponibili su Envato Market.

Risorse Tutorial

Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial:

  • ponte
  • Centro ricreativo turistico ucraino

1. Impostare lo sfondo per l'azione

Passo 1

Innanzitutto, prendi la foto che vuoi modificare. Qui, useremo una foto stock da Envato Market.

Passo 2

Iniziamo a creare la nostra azione. Vogliamo metterlo in un set separato per una gestione più semplice. Apri il Azioni pannello (F9) e quindi fare clic su Nuovo set icona. Assegna un nome al set e quindi fai clic ok. Inseriremo l'azione all'interno di questo set.

Passaggio 3

Clicca il Nuova azione icona e chiamala Sfondo muto. Clic Disco per iniziare a registrare tutti i nostri passaggi in Photoshop. Da questo punto in poi, ti esorto a tenere d'occhio il Azioni pannello. Non vuoi avere un'azione disordinata piena di passaggi non necessari.

Passaggio 4

Clicca il Aggiungi livello di regolazione icona e quindi selezionare livelli.

Passaggio 5

Trascina la freccia nera sul Livelli di output parametro a destra. In questo modo, l'immagine si attenua e ci dà spazio per aggiungere un effetto speciale alla foto.

Nota che le due cose che hai appena fatto sono state registrate su Azioni pannello. La prima azione è completa. Colpire il Stop icona nella parte inferiore del Azioni pannello per interrompere il processo di registrazione.

2. Crea il frame

Passo 1

Continuiamo con il prossimo passo. Stiamo per aggiungere una forma rettangolare alla foto e quindi riportare la sua immagine originale. Nel Azioni pannello, fare clic su Nuova azione icona per creare una nuova azione.

Passo 2

Seleziona il Strumento rettangolo. Uso Forma modalità con il nero come il Riempire colore.

Fare clic e trascinare per disegnare una forma rettangolare nera.

Dovresti vederlo Crea il livello di riempimento viene aggiunto alla fine dell'azione corrente.


Passaggio 3

Doppio click la forma del livello e quindi impostare Modalità di fusione: schermo e Knockout: Deep. quando Tramortire è impostato per In profondità, lo strato ci permetterà di vedere attraverso tutti gli strati e rivelare il sfondo strato.

Passaggio 4

Senza fare clic sul pulsante OK, continua ad aggiungere un Ictus. In questo tutorial, utilizzeremo il bianco per il colore del tratto e imposteremo le sue dimensioni su 20 px. Se stai utilizzando un'immagine più piccola, potresti dover utilizzare una dimensione di tratto più piccola.

Passaggio 5

Continueremo ad aggiungere Ombra esterna alla forma del livello. Puoi fare clic e trascinare all'interno dell'area di disegno per modificare facilmente l'impostazione dell'ombra. Una volta che sei soddisfatto del risultato, colpisci ok pulsante.

Tutte le cose che hai appena fatto, cambiando la modalità di fusione e aggiungendo stili di livello, sono state registrate come un singolo passaggio nell'azione.


Passaggio 6

Colpire Control-T per trasformare la forma del livello attivo. Fai clic e trascina all'esterno della forma per ruotare la forma. Clicca e trascina all'interno della forma per cambiarne la posizione. Questo sarà anche registrato come un singolo passo alla fine dell'azione.

Passaggio 7

La seconda azione è ora completa. Colpire il Stop icona per interrompere la registrazione.

Passaggio 8

Per un flusso di lavoro più veloce, aggiungiamo un collegamento a ciascuna azione. Fare doppio clic sul Sfondo muto azione che abbiamo fatto prima e impostare Tasto funzione: F2.

Passaggio 9

Aggiungi un altro collegamento all'altra azione. In questo caso, io uso F3.

3. Applicare le azioni

Passo 1

Eseguiamo le azioni che abbiamo appena fatto sulla foto. Innanzitutto, è necessario ripristinare la foto allo stato originale. Clic File> Ripristina o colpire F12.

Passo 2

Nel Azioni pannello, seleziona la prima azione, Sfondo muto, e quindi fare clic su Giocare icona. Poiché abbiamo aggiunto la scorciatoia F2 a questa azione, possiamo solo colpire F2 per eseguirlo.


L'immagine è ora disattivata.

Passaggio 3

Gioca la prossima azione per rivelare la forma. Seleziona l'azione e poi premi il tasto Giocare icona. Potremmo anche usare la sua scorciatoia, in questo caso F3.

Passaggio 4

Per aggiungere un'altra forma, dobbiamo ripetere l'azione. Attualmente, la forma verrà automaticamente ruotata con lo stesso angolo e posizionata nella stessa posizione. Ovviamente, non lo vogliamo. Vogliamo essere in grado di trasformarlo manualmente. Clicca il Controllo modale icona per il Trasforma il livello attuale fare in modo che Photoshop attenda l'input dell'utente.

Passaggio 5

Ora, ripeti l'azione. Clicca sul Giocare icona. Photoshop interromperà il comando di trasformazione e attenderà l'input. Muovi o ruota la forma e poi colpisci accedere per continuare l'azione.

Passaggio 6

Riprodurre l'azione facendo clic sul Giocare icona o usando la sua scorciatoia, F3 in questo caso.

Questo è il mio risultato dopo aver aggiunto altre forme usando la stessa azione. Abbiamo finito con l'azione, e puoi semplicemente usarlo per aggiungere un effetto alla tua foto. Ma continueremo questo tutorial per una personalizzazione più avanzata. Per favore, continua a leggere se vuoi essere in grado di modificare l'azione o applicarla più velocemente usando lo scripting. Se sei soddisfatto del risultato sottostante, puoi smettere di leggere qui.

4. Modifica l'azione

Passo 1

Possiamo applicare lo stesso effetto a un'altra foto usando la stessa azione. Ecco una foto di un centro di ricreazione turistico ucraino. Devi solo colpire F2 per disattivare lo sfondo e quindi F3 alcune volte per aggiungere alcune forme.

Passo 2

Puoi saltare un passaggio all'interno dell'azione facendo clic sul suo Incluso icona. Se non c'è Incluso l'icona di fronte ad essa, il passo non verrà eseguito. Qui, stiamo saltando il Trasforma il livello attuale passo.


Passaggio 3

Diciamo che vogliamo usare un colore diverso sul tratto della forma. Dobbiamo modificare il passaggio selezionandolo e quindi fare clic Registra di nuovo. Puoi anche fare doppio clic sul passaggio per farlo.

Passaggio 4

UN Stile di livello la finestra di dialogo si aprirà. Nel Ictus sezione, cambia il Colore annerire.

Passaggio 5

Assicurati di impostare il suo Modalità di fusione a Schermo e Tramortire a In profondità. In caso contrario, Photoshop utilizzerà le impostazioni predefinite, Normale e Nessuna. Clicca il ok pulsante per accettare le impostazioni e interrompere automaticamente la registrazione.

Passaggio 6

Se necessario, è anche possibile rallentare la riproduzione per rivedere ogni passaggio. Clic Opzioni di riproduzione e quindi selezionare Passo dopo passo.

Passaggio 7

Gioca l'azione per vedere il risultato. Come puoi vedere qui sotto, la nostra forma ora ha un tratto nero.

5. Effettua il ciclo dell'azione usando JavaScript

Passo 1

Potresti notare che in questo effetto fotografico, ripetiamo manualmente la seconda azione. Nel linguaggio di programmazione, lo chiamiamo loop. Possiamo effettivamente automatizzare questo processo usando lo scripting in Photoshop. Sì, anche Photoshop ha degli script. Aprire qualsiasi editor di testo e quindi aggiungere la seguente riga di codice.

app.doAction ("Mute Background", "My Actions");

Questa linea istruirà Photoshop a svolgere un'azione chiamata Sfondo muto dentro il Le mie azioni impostato.

Per eseguire l'altra azione, aggiungi questa riga di codice.

app.doAction ("Aggiungi forma foto", "Le mie azioni");


Passo 2

Salva il testo come file JavaScript con estensione * .jsx. In Photoshop, fai clic su File> Script> Sfoglia e quindi selezionare il file per testare lo script.

Passaggio 3

Aggiungiamo il loop alla seconda azione sostituendo la seconda riga con le seguenti linee di codice.

var repeat = true; while (repeat) app.doAction ("Aggiungi forma foto", "Le mie azioni"); 

Queste linee chiederanno a Photoshop di continuare a giocare Aggiungi forma foto dal set di azioni Le mie azioni.

Passaggio 4

Photoshop continuerà a giocare l'azione perché ripetere la variabile è sempre vero. Successivamente, dobbiamo chiedere all'utente se vogliono ripetere l'azione o meno. Aggiungi la seguente riga di codice all'interno di mentre ciclo continuo.

repeat = confirm ("Aggiungi un'altra casella?");

Passaggio 5

Abbiamo chiuso. Facciamolo. Clic File> Script> Sfoglia. Nel Caricare finestra di dialogo, seleziona lo script che abbiamo appena creato.


Passaggio 6

Entrambe le azioni inizieranno. Dopo aver trasformato la forma, verrà visualizzata una finestra di dialogo che chiede se l'utente desidera continuare ad aggiungere un'altra forma o fermarsi proprio lì. Se l'utente risponde sì, verrà creata un'altra forma.

Passaggio 7

Se l'utente seleziona No, l'azione si fermerà.

Conclusione

Abbiamo chiuso. Credo che tu abbia imparato molto da questo tutorial. Hai appena imparato come automatizzare il tuo processo di lavoro usando le azioni di Photoshop. Hai anche colto l'idea di base dello scripting in Photoshop. Spero che tu possa utilizzare queste tecniche per aiutarti a lavorare più velocemente. Grazie per aver letto.