Questa mattina 500.000 abbonati di Creative Cloud premium si sveglieranno per un avviso di aggiornamento Adobe Photoshop. Il prodotto di punta di Adobe è stato rivisto per la prima volta dal passaggio al modello di abbonamento a giugno.

La grande novità è che per la prima volta il cuore di Photoshop, il suo flusso di lavoro, è stato rivisto a beneficio dei web designer.

Il flusso di lavoro nativo di Photoshop non ha mai funzionato per il web design. Come strumento, Photoshop è stato troppo macchinoso, richiedendo una combinazione di slicing, fusione dei layer e salvataggio di più volte per esportare un design. Nel 2000, quando le immagini sullo sfondo delle celle di una tabella sembravano una buona idea, Photoshop andava bene; ma da allora è stato sostituito da strumenti web dedicati come il superbo Typecast.

Certo, Adobe ha flirtato con l'idea di Photoshop per il web in passato con iniziative come ImageReady; ed è sempre stato possibile salvare le immagini per il web da Photoshop. È solo che questi processi sono sempre stati affrontati.

Adobe Generator

Lo scopo di Photoshop 14.1 è di consentire ai progettisti di progettare rapidamente più schermi. Esportare risorse è ora ridicolmente facile: in primo luogo, è necessario abilitare File> Genera> Risorse immagine; quindi rinomina un livello in Photoshop con il nome che desideri utilizzare, ad esempio wdd.png e Photoshop crea immediatamente una cartella di risorse con l'immagine al suo interno. Non è nemmeno necessario fare clic su Salva per Web.

Inoltre, la generazione di risorse è attiva: se si modifica un elemento grafico in Photoshop, l'immagine nella cartella delle risorse viene automaticamente aggiornata.

Questo rivoluzionario cambiamento nel modo in cui Photoshop funziona è alimentato da Adobe Generator, che è open source (puoi trovarlo su GitHub ). Costruito con Node.js puoi effettivamente scrivere i tuoi plugin per Generator, il che significa che puoi personalizzare il modo in cui Photoshop esporta le tue risorse. (Adobe consiglia di esaminare il file degli asset del generatore su GitHub come linea guida per qualsiasi plugin che si crea.)

Una delle demo che ci è stata mostrata è stata una società di giochi che aveva creato un plug-in per Generator che ha esportato live nel loro motore di gioco. Allo stesso modo, potresti creare un plug-in per pubblicare live su un server, il che significa che puoi aprire Photoshop e modificare le immagini dal vivo sul tuo sito web semplicemente apportando modifiche al tuo PSD originale.

Generatore per la progettazione reattiva

Una funzione aggiuntiva è l'opzione per specificare non solo un nome, ma opzioni per l'esportazione. Ad esempio, puoi specificare la scala sull'immagine, puoi persino specificare più immagini per creare contemporaneamente un numero di diverse risorse; fantastico per un design reattivo.

Adobe si aspetta che la community crei molti plugin per Generator, proprio come ha fatto con Photoshop. Tuttavia, quello con cui stanno lanciando (a prescindere dal generatore di immagini predefinito) è un plugin per legare direttamente Photoshop a Adobe Reflow; rendendo Photoshop reattivo design-friendly per la prima volta.

Uno dei più grossi grattacapi per chiunque esporti un disegno da Photoshop è stato tradizionalmente la gestione del testo, che non può essere responsabilmente immagini sul web. Incredibilmente, Adobe ha anche affrontato questo problema nel plugin Reflow facendo esportare qualsiasi testo tramite il testo HTML nativo del generatore. Puoi anche sincronizzare tutto con Typekit, per creare coerenza dall'inizio alla fine. Anche i livelli di forma sono stati affrontati e saranno esportati in Reflow come HTML e CSS.

generator_001

Se sei uno dei tanti designer che creano file di asset dal tuo PSD principale, scoprirai che questi file di asset possono ora essere rilasciati nella libreria di Reflow, permettendoti di progettare in Reflow con risorse aggiornabili.

C'è più…

Oltre a Generator, Adobe ha introdotto dozzine di miglioramenti aggiuntivi tra cui una maggiore stabilità; La condivisione di Behance è disponibile in più lingue; supporto PSDX nativo, supporto immagini a 32 bit per filtri; rilevamento della GPU migliorato; e migliorata la selezione del punto di ancoraggio.

Eccezionale come questo, in realtà c'è di più: Adobe sta attualmente lavorando con i principali fornitori di browser su un nuovo formato di immagine per il web, un formato di immagine adattivo; una volta che il formato è stato finalizzato, Photoshop e Generator lo supporteranno. Il Santo Graal delle immagini web potrebbe essere proprio dietro l'angolo.

Se non sei già abbonato a Creative Cloud, ti suggerisco di iscriverti per una prova di 30 giorni oggi.

Conclusione

Recentemente, Adobe ha assunto un sacco di critiche per la decisione di passare a un modello di abbonamento, ma è il modello di abbonamento a Creative Cloud che consente aggiornamenti straordinari come questo e se Adobe continua a innovare in questo modo, gli scettici saranno presto messi a tacere.

Photoshop era lo strumento di progettazione numero uno per i web designer per molti anni, ma il suo flusso di lavoro basato sulla stampa e le opzioni di esportazione datate lo rendevano sempre più irrilevante. Adobe Generator trasforma lo strumento in testa; è uno degli aggiornamenti più interessanti che abbia mai visto per un prodotto Adobe.

All'improvviso, Photoshop è di nuovo il migliore.