Editing batch ed elaborazione automatizzata in Photoshop

Ciao a tutti, questa volta vi mostrerò alcune delle nozioni di base sulle opzioni di Automazione di Photoshop e alcune applicazioni pratiche. Creeremo un'azione complessa, costruiamo un Droplet con esso e modifichiamo una cartella con le immagini. Quindi creeremo una galleria fotografica web personalizzata. Cominciamo!

Parte I - Creazione dell'azione

Anteprima dell'immagine finale per la parte I

Diamo un'occhiata alla galleria che creeremo. Fai clic sulla schermata qui sotto per visualizzare la galleria fotografica sul Web. Come sempre, i file tutorial sono disponibili tramite il nostro abbonamento Psdtuts + Plus.

Passaggio 1: iniziamo

Dal momento che non tutti gli utenti di Photoshop sono grafici, né uno sviluppatore web, ci sono molte persone che hanno bisogno di strumenti grafici che possano semplificarsi la vita. Se sei un fotografo o un webmaster, forse questo è il tutorial giusto per te.

Questa volta costruiremo una galleria fotografica web personalizzata in un batter d'occhio, sei pronto? Innanzitutto, metti tutte le immagini che desideri includere nella galleria in una cartella in qualsiasi punto del tuo sistema. Quindi apri una di quelle immagini, le useremo per creare il set di azioni di Photoshop per modificare in gruppo la cartella in un secondo momento.

Passaggio 2: impostare l'azione

Ora inizia con l'azione. Per prima cosa apri la finestra Azioni, vai su Finestra> Azioni o premi Opzione + F9. Quindi fai clic sull'icona della piccola cartella per creare un nuovo set di azioni, chiamalo "Psdtuts +".

Una volta creato il set, crea una nuova azione facendo clic sul piccolo foglio piegato nella finestra Azioni. Assegna un nome alla nuova azione "Vintage Halftone". Una volta finito, noterai che appaiono tre piccole icone: Stop, Registra e Riproduci. Questi sono i controller Action. Assicurarsi che l'opzione Record sia selezionata e andare al passaggio successivo.

Passaggio 3: ridimensiona l'immagine

Ora costruiremo l'azione. Spiegherò cosa dovresti e cosa non dovresti fare quando lavori con le azioni su ogni passaggio; devi stare molto attento quando fai ogni passo così com'è, altrimenti il ​​risultato sarà diverso. Una volta aperta l'immagine e assicurata che l'opzione Registra nella finestra Azioni sia selezionata, è possibile iniziare a registrare i passaggi.

Il primo ridimensiona l'immagine. Dal momento che tutte le nostre immagini diventeranno una galleria web, dobbiamo ridurle molto, per questo vai su Immagine> Dimensione immagine e imposta il valore Larghezza a 700px, controlla le opzioni Proporzioni costanti per mantenere le proporzioni dell'immagine. Inoltre, selezionare l'opzione Ricampiona immagine e selezionare Bicubic Sharper, che è la soluzione migliore per la riduzione delle immagini.

Non ridimensionare l'immagine con altri metodi, come la Trasformazione libera, perché il calcolo matematico applicato al ridimensionamento dell'immagine è hardcoded e funziona solo per immagini simili, ad es. non funziona per un'immagine verticale. Premi OK e vai al passaggio successivo.

Passaggio 4: duplicare l'immagine

Ora, un passaggio utile in ogni processo di azione complesso è Ripristina campioni. Fai questo semplicemente premendo il tasto D sulla tastiera. Non modificare i campioni usando il selettore colori. Quindi fai doppio clic sul livello "Sfondo" nella tavolozza dei livelli per renderlo modificabile, trascina il livello in miniatura sopra l'icona Crea un nuovo livello, questo duplicherà il livello. Assicurarsi che la copia di "Livello 0" sia selezionata e andare al passaggio successivo.

Passaggio 5: aggiungere un bagliore diffuso

Come "Layer 0 copy" è selezionato, aggiungeremo un filtro Diffuse Glow su di esso, per aumentare le luci e aggiungere un aspetto drammatico alla nostra immagine. Vai a Filtro> Filtra galleria e seleziona Distorsione> Filtro bagliore diffuso. Impostare i valori come mostrato di seguito e fare clic su OK.

Passaggio 6: modifica Opacità e Unisci livelli

Ora spostiamo un po 'l'opacità "Copia livello 0" per inserire un'opacità del valore desiderato (75% in questo caso) e premere Invio. Non usare il cursore per modificare il valore Opacità, perché registrerai un passaggio per ogni stadio percentuale 100, 99, 98, 97 ... 75 e non lo vogliamo. Quindi, Shift + Fare clic sulla miniatura "Layer 0", quindi fare clic tenendo premuto il tasto Comando (o fare clic con il tasto destro del mouse sul PC) e selezionare Unisci livelli. Il tuo livello risultante deve essere solo "Copia livello 0".

Passaggio 7: filtro sfocatura gaussiana

Duplica "Copia livello 0" trascinando la sua miniatura sopra l'icona Crea nuovo livello, che creerà un nuovo livello chiamato "Livello 0 copia 2" appena sopra "Copia livello 0". Assicurati che "Layer 0 copy 2" sia selezionato e vai su Filter> Blur> Gaussian Blur, imposta il raggio a 2 pixel e fai clic su OK.

Passaggio 8: modificare il metodo di fusione della copia

Cambia la modalità di fusione "Livello 0 copia 2" in Sovrapponi, non attivare i metodi di fusione perché Photoshop registrerà ogni prova effettuata, passa direttamente a Sovrapponi. Se vuoi provare questo con le diverse opzioni di fusione clicca sul pulsante Stop nella finestra Azioni, seleziona il tuo metodo di fusione preferito, quindi Modifica> Annulla fino a tornare all'ultima fase registrata. Quindi, fai nuovamente clic sull'opzione Registra per accedere direttamente alla modalità di fusione desiderata. Infine, imposta il valore Opacità al 70%.

Passaggio 9: crea un livello di riempimento

Ora, aggiungiamo uno sfondo nero al nostro lavoro. Per questo, vai su Crea nuovo riempimento o Livello di regolazione> Colore solido, imposta # 000000 su colore esadecimale e premi OK. Questo creerà un livello di riempimento a dimensione intera, quindi fai clic e trascina il livello "Riempimento colore 1" e posizionalo sotto "Copia livello 0" nella tavolozza dei livelli.

Passaggio 10: aggiungere una maschera di livello

Quindi fai clic sulla miniatura "Copia livello 0" e vai su Livello> Maschera livello> Nascondi tutto.

Passaggio 11: selezionare la maschera di livello

Ora creeremo un bordo irregolare sulla nostra immagine. Una volta creata la maschera di livello, devi fare clic sulla sua miniatura, quindi creare una selezione completa premendo Comando + A sulla tastiera. Questo è un passo critico, se non si fa clic sulla miniatura della maschera di livello, il risultato diventerà brutto alla fine.

Inoltre devi selezionare Tutto; non è possibile utilizzare lo strumento selezione e effettuare una selezione arbitraria. Se lo fai, Photoshop memorizzerà le coordinate come numeri duri solo per una singola immagine e non funzionerà su nessuna altra.

Passaggio 12: trasformazione della selezione

Ora vai seleziona lo strumento selezione nella palette Strumenti. Comando-clic e scegliere l'opzione Trasforma selezione. Ora la selezione apparirà con la forma di trasformazione libera, ma non trasformerà la forma stessa. Controlla sul pannello superiore ci sono due valori W e H (questi sono Larghezza e Altezza e devono essere al 100%). Fai clic sulla piccola catena al centro di entrambi i valori e modifica il valore di ognuno di essi al 95%. In questo modo ridurrai la forma di selezione del 5%. Ora premi Invio due volte per applicare la trasformazione.

)

Passaggio 13: creare un bordo irregolare

Ecco dove prende forma il confine irregolare. Verifica che la tua selezione sia quadrata e a pochi pixel di distanza dal bordo. Inoltre, assicurati che sia selezionata la maschera di livello "Copia dello strato 0". Quindi vai su Seleziona> Affina bordo e imposta i valori dell'immagine sotto e poi clicca OK. A questo punto dovresti avere una selezione irregolare come la parte inferiore dell'immagine seguente. Se stai lavorando su una dimensione diversa dell'immagine, dovresti giocare un po 'con i valori di Affinare il bordo per ottenere un buon effetto.

Passaggio 14: riempire la selezione

Ora riempiamo la selezione con il bianco. Per prima cosa premi il tasto D per reimpostare i campioni, quindi seleziona lo strumento Selezione nella palette Strumenti, Comando-clic ovunque sulla selezione per visualizzare le opzioni e fai clic sull'opzione Riempi .... Nella finestra di dialogo impostare Contenuto da utilizzare come Colore di primo piano, Modalità come Normale e Opacità al 100%. Infine, premi Comando + D per deselezionare la selezione.

Passaggio 15: azioni duplicate

Ora ripetiamo il processo di bordo irregolare (passi da 10 a 14) ma questa volta strato "Livello 0 copia 2". Puoi semplicemente ripetere i passaggi precedenti o duplicarli nella finestra Azioni. Per duplicare i passaggi, prima selezionare il livello "Livello 0 copia 2" nella palette Livelli e TOP l'azione successiva.

Quindi seleziona (nella finestra Azioni) tutti i passaggi coinvolti nel processo di creazione del confine, cioè dal passaggio "Crea", dopo aver selezionato il livello "Copia livello 0", fino al passaggio "Imposta selezione", prima di Seleziona "Livello 0 copia 2 "livello.

Seleziona tutti questi livelli con Comando o Maiusc-clic su di essi, quindi vai alle opzioni avanzate e seleziona Duplica, facendo in modo che tutti i passaggi selezionati vengano duplicati appena sotto l'ultimo passaggio ("Imposta selezione"). Ora trascina e rilascia le azioni selezionate sotto il passaggio "Seleziona" Livello 0 copia 2 "". Infine, fai clic sull'ultimo passaggio nella finestra Azioni.

c

Passo 16 - Pattern mezzetinte

Successivamente, fai clic sulla miniatura della maschera di livello di "Copia livello 0". Successivamente, vai su Filtro> Galleria filtri, quindi vai a Schizzo> Motivo mezzitoni e imposta i valori mostrati di seguito, quindi fai clic su OK. Questo processo applicherà un Pattern mezzetinte sulla maschera di livello.

Passaggio 17: aggiungi un filtro fotografico

Quindi seleziona "Livello 0 copia 2" nella tavolozza dei livelli, quindi vai a Crea nuovo riempimento o Livello di regolazione> Filtro foto, seleziona Opzione colore (# 957345) e imposta Densità su 100%. Quindi premi OK.

Passaggio 18 - Regolazione tonalità / saturazione

In seguito, crea un nuovo livello di riempimento o regolazione> Tonalità saturazione, imposta i valori mostrati di seguito e premi OK.

Passaggio 19: riempi un nuovo livello

Nella palette dei livelli, crea un nuovo livello, assicurati che il nuovo livello sia sopra tutti gli altri. In realtà, è il primo livello che abbiamo creato, quindi doveva avere questo nome: "Livello 1." Premi Comando + A per effettuare una selezione completa, quindi seleziona lo strumento Selezione, Comando-clic e scegli Riempi ... usa Colore in primo piano per riempire la selezione con il nero.

Passaggio 20

Successivamente aggiungi a "Livello 1" un effetto Sovrapposizione pattern. Sto usando "Granito grigio" dal predefinito Carta in scala di grigi.

Passaggio 21: Rasterizza l'effetto livello

Dopo crea un nuovo livello, quindi fai clic tenendo premuto Maiusc e fai clic su "Livello 1" nella palette dei livelli per selezionare entrambi i livelli e premi Comando + E per unirli.

Passaggio 22: modifica della modalità di fusione del livello texture

Ora cambia il metodo di fusione "Livello 2" in Moltiplica e Opacità al 75%.

Passaggio 23 - Appiattisci l'immagine

Nella tavolozza del livello, seleziona "Livello 2" e fai clic tenendo premuto Maiusc sul livello "Riempimento colore 1". In questo modo dovrai selezionare tutti i livelli. Quindi, all'interno delle opzioni della tavolozza del livello, seleziona Appiattisci immagine. Infine, nella finestra Azioni, fare clic su Stop. E questo è tutto, ora abbiamo un'azione personalizzata pronta per essere eseguita.

Fine della prima parte: prova la tua azione su immagini diverse

Ora è il momento di verificare se la tua azione funziona correttamente su altre immagini. Prova ad usarlo su immagini più larghe o più alte. Se hai seguito le semplici regole dei passaggi precedenti, non ci saranno errori. Per riapplicare l'azione su un'altra immagine, basta aprire l'immagine, selezionare l'azione "Mezzitoni vintage" e premere il piccolo pulsante Riproduci.

Prima di andare avanti, è una buona idea salvare l'azione stessa. Per questo seleziona l'azione "Psdtuts +" impostata nella finestra Azioni, quindi vai alle opzioni avanzate (l'elenco minuscolo in alto a destra del pannello azioni) e seleziona Salva azioni ... scrivi un nome per il tuo set di azioni e salvalo ovunque desideri . Ora siamo pronti per la modifica in batch.

Parte II - Modifica di lotti

Passaggio 1: creare un droplet

Una goccia applica un'azione a una o più immagini o una cartella di immagini che si trascina sull'icona di Droplet. È possibile salvare la gocciolina ovunque si desideri e riutilizzarla tutte le volte che è necessario. Per creare un Droplet, vai su File> Automazione> Crea droplet ... apparirà una finestra di dialogo. Lì puoi scegliere molte opzioni.

Prima scegli la cartella delle immagini originali e salva la gocciolina lì. Su Opzioni di riproduzione selezionare il set di azioni "Psdtuts +" e l'azione di mezzitoni d'epoca. Alla destinazione selezionare Cartella e scegliere una cartella diversa dalla cartella delle immagini originali. In questo caso, lo chiamerò "foto vintage".

Inoltre, è possibile personalizzare i nomi delle immagini risultanti aggiungendo testo personalizzato, serie di numeri, estensioni e massimizzare la compatibilità. Dopo aver impostato il tuo droplet personalizzato, fai clic su OK. Come puoi vedere nella parte inferiore della seguente immagine, ho creato una goccia in una cartella con molte immagini al suo interno.

Passo 2 - Fai funzionare il Droplet

Ora apri la directory delle tue immagini, seleziona e trascina le immagini che vuoi modificare sull'icona di droplet. Vedrai che Photoshop sta modificando automaticamente tutte le immagini una ad una e salvandole nella cartella di destinazione selezionata. Infine, apri la directory delle immagini risultanti per vedere come appaiono.

Fine della parte II

A questo punto, hai una bella collezione di immagini mezzitoni vintage, pronte per essere stampate, se vuoi, o pronte per caricarle su un blog, su Flickr o ovunque. Ma faremo un passo avanti, creeremo una galleria fotografica personalizzata con le nostre immagini vintage usando solo Photoshop.

Parte III - Galleria fotografica Web

Passaggio 1: selezionare il modello

Photoshop CS3 ha la funzione Galleria foto Web, utilizzando questa funzione possiamo creare gallerie HTML o FLASH complesse in pochi minuti. Proviamolo. Innanzitutto, è necessario aprire la finestra Galleria foto Web. Per questo, vai su File> Automatizza> Web Photo Gallery ... Quando la finestra è aperta noterai che ci sono tre campi importanti da personalizzare.

Uno dei quali è Stili. Qui puoi modificare l'aspetto della tua galleria web e l'email di contatto. Due sono le immagini di origine. Qui puoi selezionare i file sorgente e la destinazione. Il terzo è Opzioni, che a seconda dello stile, è possibile personalizzare diverse funzioni della galleria come i colori di sfondo e in primo piano, la larghezza e l'altezza delle immagini e delle miniature e le opzioni di sicurezza.

Per prima cosa, cambieremo lo stile. Sto scegliendo "Flash Gallery - 1" (sto usando Photoshop CS3 esteso a proposito) perché è una galleria web bella e completamente personalizzabile. Puoi anche aggiungere un'e-mail. Per ora, non fare clic ovunque e andare al passaggio successivo.

Passaggio 2: selezionare le cartelle di origine e destinazione

Vai alla sezione Immagini sorgente, seleziona Usa come cartella e naviga nel tuo sistema fino a trovare la cartella "immagini vintage" creata nella Fase 1 della Parte 2. Per la destinazione, sfoglia il tuo sistema, crea una nuova cartella ovunque e chiamala "galleria vintage" ".

Passaggio 3: personalizza la tua galleria

Ora è il momento di personalizzare l'aspetto visivo della tua galleria. Inizia selezionando l'opzione Banner, scrivi un titolo per la tua galleria e aggiungi anche alcune informazioni di contatto. Quindi selezionare l'opzione Immagini grandi e impostare la larghezza e l'altezza della vista intera, inoltre impostare la qualità JPEG e i titoli di ciascuna immagine.

Sull'opzione Anteprime personalizza la dimensione massima delle miniature. Sui colori personalizzati, impostare questi valori: Sfondo di # 000000, Banner di # 000000, Testo di # DEC8A1, Collegamento attivo di # DEC8A, 1 Collegamento di #FFFFFF e Collegamento visitato di #EBDABE. Infine, per l'opzione di sicurezza aggiungeremo un testo personalizzato come filigrana. Una volta terminato il processo di personalizzazione, premi OK nella finestra Galleria foto Web e lascia che Photoshop faccia il duro lavoro. In pochi minuti la tua galleria sarà pronta.

Conclusione

Le opzioni di Photoshop per Automatizzare sono grandi risparmi di tempo e una funzionalità indispensabile per designer, webmaster e fotografi. Prova questo tutorial con le tue foto e divertiti!

.

Abbonati a Psdtuts + Feed RSS per i migliori tutorial e articoli di Photoshop sul Web.