Novità nella Creative Cloud: spiegati gli aggiornamenti di Photoshop CC.

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Generale e miglioramenti per i web designer

Tutti i video del tutorial Novità nella Creative Cloud: spiegati gli aggiornamenti di Photoshop CC

Miglioramenti nella finestra di dialogo delle dimensioni dell'immagine

Come anche per lo Sharpen Selettivo, la finestra di dialogo è stata rivista dal punto di vista visivo. Finalmente abbiamo una anteprima nella finestra di dialogo delle dimensioni dell'immagine. La finestra di dialogo può anche essere ingrandita.

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Novità e miglioramenti per i web designer

Ora ho a disposizione delle impostazioni predefinite e posso anche creare delle impostazioni personalizzate. Quindi se, ad esempio, devo sempre esportare una grafica più grande nelle stesse dimensioni dell'immagine, posso salvarlo come impostazione predefinita. Nel browser di file che si apre, basta dare un nome alla mia impostazione (qui: "Vista dettagliata del negozio per la copertina") e questa sarà pronta nella mia lista di impostazioni. Una buona novità!

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Generale e miglioramenti per web designer.

Inoltre è stata introdotta una nuova opzione di interpolazione, ovvero il metodo di calcolo Dettagli mantenuti (ingrandimento). Questo mi permette di mantenere una migliore nitidezza durante l'ingrandimento dell'immagine, poiché contemporaneamente all'ingrandimento avviene anche una leggera nitidezza. Se scelgo il metodo di calcolo Dettagli mantenuti, posso ridurre anche il rumore causato dalla leggera nitidezza. Grazie all'anteprima è possibile valutare in modo ottimale anche le modifiche previste all'immagine a seguito del cambiamento delle dimensioni e reagire di conseguenza alla riduzione del rumore.

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Generale e miglioramenti per i web designer

Imitare i livelli di testo nella visualizzazione web

Quando creiamo layout web per i clienti, spieghiamo loro durante la presentazione del design che il testo può variare leggermente da dispositivo a dispositivo e da browser a browser.

Un esempio: Il nostro design della homepage nel contesto della nostra attività (4eck-media.de) come file immagine (sopra) per il sito web kosmetik-uhl.de e la visualizzazione nel browser web (sotto).

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Generale e miglioramenti per i web designer

Ora Adobe in Photoshop CC ha aggiunto due nuove modalità web alle opzioni di anti-aliasing del testo. Sul mio sistema sono Windows e Windows-LCD. Un utente Mac riceve Mac e Mac-LCD. In questo modo è possibile imitare in modo ottimale come il testo apparirà poi nel sito web. Sarebbe stato ottimale avere Mac e Windows come modalità disponibili per la selezione, poiché ho l'impressione che su Mac il testo venga sempre reso leggermente più forte rispetto ai sistemi Windows.

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Generale e miglioramenti per web designer.

Copiare CSS

Nella nostra agenzia fino a Photoshop CS6 veniva utilizzato il plug-in a pagamento CSS Hat, con il quale è possibile convertire forme vettoriali e stili di livello in codice CSS3. Questa funzione è stata ora integrata in Photoshop CC. Posso quindi semplicemente gestire gli strati di testo o di forma con un clic destro e copiare il codice CSS, per poi incollarlo in un editor. Anche se il codice CSS non può sempre essere copiato e incollato direttamente (ad esempio a causa della posizione assoluta), è comunque più facile modificare il codice CSS esportato rispetto a scriverlo da zero.

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Generale e miglioramenti per i web designer.

È bello vedere che vengono considerati anche gli stili di livello. Se ad esempio il mio oggetto ha un ombra esterna, questa viene visualizzata come box-shadow nel codice CSS. Se voglio copiare più oggetti contemporaneamente come CSS, devo metterli in un gruppo e quindi scegliere Copiare CSS con un clic destro sul gruppo.

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Generale e miglioramenti per i web designer.

Importare colori web

In Photoshop CC è possibile aggiungere o sostituire i colori web esistenti attraverso il menu del pannello del campo colore. Se apro una volta un sito web con Salva con nome, riceverò un sacco di file, tra cui un file HTML e alcuni file CSS. I colori web definiti in questi file possono ora essere importati.

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Novità e Miglioramenti per Web Designer

In questo modo non devo fare uno screenshot e utilizzare la pipetta per prendere i colori corretti. Ad esempio, posso semplicemente scaricare i file HTML e CSS da C4D-Treff.de, per ottenere il rosso distintivo se voglio creare altri prodotti multimediali in Photoshop in base a questo requisito di colore.

Novità nella Creative Cloud: Photoshop CC 14 (giugno 2013) - 02 Generale e miglioramenti per i web designer