Photoshop CC 2014 le novità per i web designer?

Il mese scorso è stato lanciato il nuovo Photoshop CC 2014, con molte nuove fantastiche funzionalità, in particolare per i web designer. In questo tutorial, imparerai le seguenti funzionalità nuove o migliorate e imparerai come iniziare ad usarle:

  • Oggetti intelligenti
  • Strati comp
  • Guide intelligenti
  • Integrazione di Typekit
  • Ricerca dei caratteri
  • Miglioramenti del flusso di lavoro

Oggetti intelligenti

Usare gli oggetti intelligenti è un ottimo modo per lavorare in modo non distruttivo. È possibile incorporare un oggetto avanzato direttamente in un file Photoshop o collegarlo a un file separato e aggiornarlo e riutilizzarlo in più progetti.

Potresti già avere familiarità con gli oggetti Smart collegati in Photoshop. Essenzialmente, sono gli stessi degli oggetti Smart standard, ma sono invece collegati a un file. Ciò significa che gli oggetti Smart collegati non vengono effettivamente salvati come parte del file .psd, ma invece esternamente, come documento separato.

Tradizionalmente, gli oggetti intelligenti collegati potevano sempre essere convertiti in un oggetto avanzato incorporato, ma non viceversa. Tuttavia, ora, in Photoshop CC 2014, gli oggetti intelligenti incorporati possono essere convertiti in oggetti intelligenti collegati. Ecco come funziona:

Passo 1

Fare clic con il tasto destro sul livello che si desidera convertire e quindi scegliere Converti in collegato.

Passo 2

Apparirà una nuova finestra che ti chiederà di scegliere la posizione del tuo nuovo oggetto Smart collegato. Una volta individuato il luogo in cui desideri visualizzare il nuovo oggetto Smart collegato, fai clic su Salvare.

Passaggio 3

Questo è tutto! Quello che un tempo era un oggetto Smart incorporato, ora è un oggetto Smart collegato. Dolce!

Strati comp

Photoshop Layer Comps salva i dettagli di layout specifici come visibilità, posizione e aspetto come uno stato richiamabile, il che significa che puoi passare rapidamente da una versione all'altra della stessa cosa.

Un esempio di questo sarebbe un biglietto da visita, con due livelli Comp. La prima versione potrebbe avere il logo a sinistra e il testo a destra, mentre la seconda versione potrebbe avere il logo a destra e il testo a sinistra. È un concetto davvero semplice, reso ancora più potente con Photoshop CC 2014.

Adobe ha notevolmente migliorato il modo in cui funziona la funzione Componi Layer, e ciò è particolarmente evidente quando si lavora su un progetto con molti livelli e Comp. Livelli. Ora è possibile applicare la posizione corrente del layer del documento, la visibilità e l'aspetto su tutti i Comp Layer selezionati.

Oggetti intelligenti con livelli comp

Photoshop CC 2014 introduce un modo in cui è possibile combinare oggetti intelligenti con Comp livelli. Ad esempio, potresti creare un nuovo file Photoshop contenente molte icone diverse, ogni singola icona visibile attraverso un diverso Comp.

È quindi possibile utilizzare il file Photoshop come oggetto Smart collegato in altri progetti e scegliere semplicemente un'icona specifica attivando il relativo Comp. Strato corrispondente. In effetti, è come usare uno Smart Object che contiene una pletora di elementi diversi.

Guide intelligenti

Come web designer, quasi certamente saprai quanto è importante allineare gli elementi correttamente e con la giusta quantità di spaziatura tra i diversi elementi. Fortunatamente, con Photoshop CC 2014, non devi preoccuparti di questi problemi, né di creare griglie complesse usando gli strumenti di guida.

Con le Smart Guide migliorate, puoi vedere la distanza relativa tra oggetti diversi, permettendoti di posizionare le cose molto più velocemente ed efficientemente. Questa funzione potrebbe esserti familiare se usi Sketch.

Passo 1

Per iniziare a utilizzare le guide intelligenti, selezionare Sposta strumento, e tieni premuto il tasto Chiave di controllo (su Windows) o il Tasto di comando (su Mac OS X). Iniziano a comparire le linee magenta (puoi cambiare questo colore sotto) Photoshop> Preferenze> Guide, griglie e sezioni) mostra la distanza tra la tela e il livello selezionato.

Passo 2

Se vuoi misurare la distanza tra due livelli diversi, puoi farlo puntando il mouse sull'altro livello.

Passaggio 3

Voilà - questo è tutto! Ora stai utilizzando le guide intelligenti migliorate! Se preferisci modificare le misure rispetto all'opzione predefinita, attiva Righelli (o il Chiave di controlloCommand + R), quindi fai clic con il pulsante destro del mouse sul righello e scegli le misure che desideri utilizzare.

Integrazione di Typekit

Photoshop CC 2014 offre enormi nuovi aggiornamenti sul modo in cui lo strumento Testo funziona. Una delle novità più importanti è l'integrazione migliorata del Typekit. Ci sono due caratteristiche principali in quest'area:

Filtro font Typekit

Dall'elenco a discesa della selezione del tipo di carattere, fai clic sul nuovo, grigio T icona, e ti verranno mostrati tutti i font Typekit sincronizzati. Questo è un modo davvero utile per identificare quali tipi di carattere sono memorizzati localmente e che si trovano nel cloud, sui server Typekit.

Collegamento al sito Web di Typekit

Cliccando sul verde T l'icona accanto a un determinato carattere ti porterà al repository Typekit, nel tuo browser web, al quale sarai automaticamente connesso. Sarai quindi in grado di selezionare i tipi di carattere che desideri utilizzare e quindi sincronizzarli con il tuo computer. Oh, e ho detto che appariranno i font sincronizzati automaticamente, senza la necessità di chiudere e riaprire Photoshop?

Ricerca e anteprime dei caratteri

Un'altra caratteristica utile di Photoshop CC 2014 è la ricerca dei caratteri. Inizia a digitare il nome di un font, ad esempio Helvet, In modo che la Helvetica visualizzazione di famiglie di caratteri o qualcosa di simile, grassetto cond, in modo che tutto il Grassetto condensato appaiono i caratteri.

Photoshop CC 2014 offre anche una funzione di anteprima dei font, che consente di utilizzare i tasti freccia su e giù sulla tastiera per visualizzare caratteri diversi, uno alla volta o tenendo premuto il tasto Maiusc quando si fa questo per saltare le famiglie di font e andare sul font successivo.

Miglioramenti del flusso di lavoro

Esistono due principali miglioramenti del flusso di lavoro inclusi in Photoshop CC 2014. Il primo è nell'area Oggetti intelligenti collegati del software. Da Adobe:

Quando si tenta di eseguire un'operazione su un oggetto smart collegato di cui manca il file di origine, viene richiesto di rasterizzare o risolvere gli oggetti smart.

L'altro miglioramento del flusso di lavoro si riferisce alla funzione Impostazioni di sincronizzazione: ora è possibile specificare la direzione della sincronizzazione, caricando o scaricando le impostazioni da CC, oltre a "sincronizzare aree di lavoro, scorciatoie da tastiera e personalizzazioni dei menu". Infine, "il registro delle impostazioni di sincronizzazione sul Preferenze> Impostazioni di sincronizzazione la scheda visualizza i file caricati / scaricati, le loro dimensioni e i timestamp per l'operazione di upload / download ".

Queste modifiche al flusso di lavoro possono essere semplici, ma saranno sicuramente efficaci, velocizzando i progetti e rendendo i web designer ancora più produttivi!

È tutto gente!

Sono sicuro che sarete d'accordo sul fatto che le nuove funzionalità di Photoshop CC 2014 sono davvero entusiasmanti e diventeranno una parte molto utile dei flussi di lavoro regolari in tutto il mondo dei progettisti molto presto. È possibile ottenere ulteriori informazioni su tutte le modifiche in Photoshop CC 2014 sul sito Web di Adobe.

Se hai domande o vuoi esprimere la tua opinione su uno di questi strumenti, ti preghiamo di lasciare un commento qui sotto!