Photoshop è uno strumento meraviglioso per la modifica delle immagini - e non è un segreto che siamo grandi fan qui. In precedenza abbiamo spiegato come progettare un logo semplice Come progettare un logo semplice in Photoshop Come progettare un logo semplice in Photoshop Photoshop può fare molto di più che modificare le foto: è più che capace di un semplice lavoro di progettazione. Qui ti mostriamo come creare un semplice logo geometrico. Ulteriori informazioni e come correggere le foto sovraesposte, quindi l'automazione è il prossimo passaggio logico una volta acquisite le nozioni di base.
Potresti aver sentito parlare di Photoshop Actions . Questi forniscono un modo semplice per automatizzare le attività. Oggi ti mostrerò come usare Photoshop Scripts . Gli script di Photoshop sono leggermente più potenti delle azioni e ti danno la possibilità di alterare il comportamento dello script in fase di esecuzione, cosa che le azioni non possono fare!
Non preoccuparti se sembra complesso: gli script sono scritti in JavaScript Che cos'è JavaScript e Internet esiste senza di esso? Che cos'è JavaScript e Internet può esistere senza di esso? JavaScript è una di quelle che molti danno per scontato. Tutti lo usano. Per saperne di più, un linguaggio semplice ma potente.
Se sei un fan di GIMP o non vuoi spendere soldi per Photoshop, consulta la nostra guida per automatizzare GIMP con gli script Risparmia tempo e fatica automatizzando GIMP con gli script Risparmia tempo e fatica automatizzando GIMP con gli script L'automazione delle azioni con gli script Python in GIMP può farti risparmiare un sacco di tempo. Non è facile iniziare, ma una volta che conosci queste basi, sarai sulla buona strada! Leggi di più .
Il tuo primo script: ridimensiona le immagini
Quando si scrivono script, è possibile utilizzare ExtendScript Toolkit. Non devi usare questo, puoi usare qualsiasi editor di testo che ti piace (mi piace il Sublime Text), ma ci sono molti benefici nell'utilizzare questo toolkit. Il più grande vantaggio è che puoi impostare i breakpoint, il che rende molto facile il debug del tuo codice e l'identificazione di eventuali bug.
ExtendScript Toolkit è incluso nell'abbonamento di Creative Cloud, quindi prosegui e installalo dalla tua app Creative Cloud o dal sito Web in alto.
Apri il toolkit una volta installato. Ti verrà presentata questa interfaccia dall'aspetto piuttosto datato:
Ecco il codice per il tuo primo script: copia e incolla questo nella finestra del codice principale a sinistra:
current_document = app.activeDocument; new_width = 670; current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBIC ); Analizziamo cosa sta facendo questo codice. La variabile current_document memorizza l' oggetto documento attivo da Photoshop. A questo si accede usando la sintassi app.activeDocument . Se Photoshop non è in esecuzione con un documento aperto, questo codice genererà un'eccezione . Le eccezioni sono modi in cui il codice interrompe l'esecuzione: questo script non può continuare se non c'è alcun documento!
La variabile new_width memorizza la larghezza che vorresti fosse il tuo nuovo documento.
Infine, il metodo resizeImage ridimensiona l'immagine. Questo deve essere accessibile tramite la variabile current_document . È necessario passare la nuova larghezza (convertita in pixel tramite il metodo UnitValue ) e il metodo ResampleMIC di BICUBIC .
Sono disponibili cinque principali metodi di ricampionamento. Questi variano tutti in termini di velocità e qualità, quindi giocare con loro (anche se il Bicubico va bene per la maggior parte degli scopi). Ecco un breve riepilogo delle differenze:
- Vicino più vicino: molto veloce ma di base.
- Bilineare: migliore del vicino più vicino, ma più lento e meno buono di quello bicubico.
- Bicubico: risultati molto buoni, ma computazionalmente costosi.
- Smooth bicubico: una versione migliorata di Bicubic per l'upscaling (che ingrandisce).
- Bicubic Sharper: una versione migliorata di Bicubic progettata per il downsampling (rendendo più piccolo).
Ricordati di capitalizzare questi quando li usi nel tuo codice.
Ora che hai capito il codice, è ora di eseguirlo! Assicurati di avere Photoshop aperto, insieme a un documento.
Nella parte superiore di ExtendScript Toolkit, modificare il menu a discesa target (in alto a sinistra) da ExtendScript Toolkit CC a Adobe Photoshop CC 2017 (o qualsiasi altra versione di Photoshop in uso). Se stai scrivendo script per altre app di Adobe, puoi cambiarlo con quelli.
Ora premi il pulsante Riproduci a destra del menu a discesa target, in alto a destra del tuo codice.
Se tutto è eseguito correttamente, il documento viene ridimensionato (non dimenticare di salvarlo). La Console JavaScript in alto a destra del tuo toolkit mostrerà l'output del tuo script. Dato che non c'è uscita, questo dirà Risultato: Non definito .
Se c'è un problema (come un'eccezione lanciata), il tuo codice non verrà eseguito e otterrai una barra arancione approssimativamente nella posizione del problema.
Questo può essere un errore di battitura semplice, quindi dopo aver fermato lo script (in alto a destra controlli > pulsante di arresto ), ricontrolla:
- Il tuo codice è corretto e non ha errori di battitura.
- Photoshop è in esecuzione.
- Hai un documento aperto in Photoshop.
Esecuzione di script
Ora il tuo codice funziona correttamente, è ora di aggiungerlo a Photoshop.
All'interno del tuo toolkit, vai su File > Salva e salva il tuo script in un luogo adatto con un nome adatto. Per impostazione predefinita, questa sarà la cartella Adobe Scripts . Nota come gli script devono terminare nel formato .jsx .
All'interno di Photoshop, vai su File > Script > Gestione eventi script . Spuntare Abilita eventi per eseguire script / azioni .
Una volta abilitata, questa interfaccia consente di configurare gli script esistenti da eseguire quando si verificano determinate azioni. Ci sono diverse aree chiave:
- Evento Photoshop: questo è quando lo script verrà eseguito. È possibile scegliere tra una varietà di opzioni, come la stampa, l'apertura di un nuovo documento e molte altre.
- Script: questo è lo script da eseguire. Ce ne sono alcuni di base incorporati, ma puoi anche assegnare uno dei tuoi script qui.
- Azione: se non si sta utilizzando uno script, è possibile scegliere un'azione di base da eseguire, ad esempio salvare in PDF.
Seleziona Script, quindi scegli Sfoglia . Seleziona il tuo script. Vai avanti e scegli un evento, che attiverà il tuo script.
Una volta configurato, fai clic su Aggiungi e poi su Fine . Questo menu è anche dove puoi modificare o eliminare qualsiasi script precedentemente configurato.
Se non vuoi legare il tuo script a un'azione, è ancora più semplice impostarlo. Vai a File > Script > Sfoglia . Passa al tuo script e quindi premi Apri. Il tuo script verrà eseguito immediatamente.
Se vuoi vedere il tuo script in questo menu di script, devi copiarlo nella cartella appropriata. Questo può essere trovato nella cartella Preimpostazioni > Script della tua installazione di Photoshop.
Una volta copiato, riavvia Photoshop. Una volta riavviato, lo script sarà visibile come voce di menu nel menu File > Script .
Ridimensiona le immagini: rendila migliore
Ora che hai una comprensione di Photoshop Scripts, è il momento di migliorare il codice.
Questo codice funziona molto bene a ridimensionare le immagini a 670px (o qualsiasi dimensione lo abbiate modificato), ma potrebbe essere migliore. Fortunatamente, JavaScript è un linguaggio molto flessibile!
Modifichiamo il codice in modo che nessuna immagine più piccola della nuova dimensione non venga ridimensionata. Ecco il codice:
current_document = app.activeDocument; new_width = 670; if(current_document.width>new_width) { current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBIC ); } C'è solo un cambiamento qui. Un'istruzione if è racchiusa nel metodo di ridimensionamento. Se la larghezza del documento corrente (accessibile tramite current_document.width ) è inferiore alla nuova larghezza, non ridimensionarla.
Ciò garantisce che le immagini di piccole dimensioni non vengano ingrandite, il che ridurrebbe la qualità.
Quando inizi a digitare il codice nel toolkit, fornisce suggerimenti per le modifiche valide che puoi apportare, i metodi da chiamare o le proprietà per l'accesso. Questo è molto utile e dovresti trarne il massimo vantaggio!
Ecco una modifica finale:
current_document = app.activeDocument; // Get the active document new_width = 670; // new width to ressize to if(current_document.width>new_width) { // if document is larger than new size current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBICSHARPER ); } current_document.activeLayer.autoContrast(); // Apply contrast current_doc.activeLayer.applySharpen(); // Apply Sharpen Questo codice ora contiene commenti, qualcosa che tutto il codice dovrebbe avere 10 Suggerimenti per scrivere Cleaner & Better Codice 10 Suggerimenti per scrivere Cleaner e Better Code Scrittura di codice pulito sembra più facile di quanto non sia in realtà, ma ne valgono i benefici. Ecco come iniziare a scrivere codice più pulito oggi. Per saperne di più, e che ti aiuterà in futuro.
Il metodo di ricampionamento è cambiato in Bicubic Sharper - questo produce risultati leggermente migliori quando si effettua il downscaling delle immagini.
Infine, contrasto e nitidezza sono stati applicati come ultimo passaggio.
Cosa intendi per codice?
A questo punto dovresti sapere tutto ciò di cui hai bisogno per automatizzare qualsiasi cosa in Photoshop! Se riesci a farlo in Photoshop, puoi probabilmente automatizzarlo. L'API di Photoshop Quali sono le API e Come le API aperte cambiano Internet Quali sono le API e come sono le API aperte Modifica di Internet Ti sei mai chiesto come i programmi sul tuo computer e sui siti web visitati "parlano" tra loro? Ulteriori informazioni consente di accedere a molte funzionalità e la relativa documentazione descrive quasi tutte le funzioni a cui è possibile accedere.
Naturalmente, gli esempi di oggi erano solo di base, ma coprono i dettagli principali: è possibile implementare uno script specifico per le proprie esigenze!
Hai imparato qualcosa di nuovo oggi? Quali sono le tue sceneggiature preferite? Fateci sapere nei commenti qui sotto!
Immagine di credito: whiteMocca tramite Shutterstock.com