Share
Il modo in cui i web designer stanno usando Photoshop sta cambiando; le composizioni pixel perfette sono meno rilevanti di quanto fossero un anno o due fa. Tuttavia, Photoshop è ancora uno strumento di progettazione inestimabile e l'utilizzo delle sue funzionalità correttamente è più importante che mai. I seguenti suggerimenti ti aiuteranno a padroneggiare il lavoro con i livelli.
Gli strati sono un classico colpevole per la disorganizzazione del progetto. Consegnando un PSD a un collega, devi presumere che possano capire e lavorare con ciò che gli hai dato. Ciò significa avere livelli ben gestiti, codifica a colori, etichettatura appropriata, raggruppamento, tecniche efficienti e non distruttive, riordino e così via.
Questi aspetti sono tutti molto importanti, ma non ci soffermeremo su di loro qui. Invece, ci concentreremo su tecniche e abilità che accelereranno il tuo flusso di lavoro personale.
Il trascinamento e il rilascio sono più comunemente utilizzati per questo, ma c'è un modo più pulito e affidabile. Per creare una copia del tuo livello attuale e visualizzarlo nella posizione esatta in un documento Photoshop diverso, fai clic con il pulsante destro del mouse sul livello che desideri copiare e scegli Livello duplicato. Quando viene visualizzata la finestra di dialogo, selezionare la destinazione dall'elenco dei documenti, quindi fare clic su OK.
Ad esempio, ho creato un documento contenente un livello con un logo. Mi piacerebbe duplicare questo logo all'interno di un altro documento.
Seguendo i passaggi precedenti, mi viene presentata la finestra di dialogo Duplica livello.
Qui è possibile selezionare un documento aperto esistente o crearne uno nuovo. In questo caso creerò un nuovo documento.
Questo è tutto! Questa tecnica può essere davvero utile quando si lavora con un mucchio di livelli che è necessario esportare (come la creazione di fogli sprite).
Quando duplichi un livello in Photoshop, per impostazione predefinita il suo nome verrà aggiunto con "copia". Questo è uno di quei valori predefiniti che mi fanno male, quindi mi piace cambiarlo. Per disabilitare questo valore predefinito fai clic sull'icona del menu piccolo nell'angolo in alto a destra del pannello dei livelli e vai a Opzioni del pannello.
Nella finestra a comparsa risultante deselezionare Aggiungi "copia" a livelli e gruppi copiati.
Ci sono anche altre utili opzioni del pannello ...
Pratico se sei visivamente inclinato, questa opzione ti consente di cambiare la dimensione dell'anteprima nel pannello Livelli.
Semi-correlato all'opzione precedente, questa opzione ti aiuterà a visualizzare il contenuto di un livello. Supponiamo, ad esempio, di avere una grande tela e un livello contenente una piccola icona. Per vedere correttamente il contenuto di questo livello all'interno della miniatura, puoi cambiare l'impostazione in Livelli massimi.
Nell'esempio seguente ho simulato questo con una dimensione di tela di 1600x1200 e un cerchio semplice su di esso. Vedi la differenza?
Vuoi rimuovere la maschera di livello quando crei un livello di riempimento? Se è così, deseleziona il Usa maschere predefinite su livelli di riempimento opzione.
Un altro valore predefinito che può essere utile per eseguire l'override. Deseleziona questa opzione e la prossima volta che applichi nuovi stili di livello da qualche parte, gli stili verranno compressi quando hai finito. Può essere piuttosto noioso dover comprimere gli stili espansi ogni volta che li hai creati.
A volte indicati come stili di livello jailbreak, questa tecnica consente di manipolare completamente ogni stile di livello singolarmente. Seleziona un livello (con gli stili), quindi vai a Livello> Stili livello> Crea livelli e osserverai i tuoi stili divisi su livelli a loro stessi.
Ad esempio, qui ho creato una forma rettangolare con alcuni stili di livello.
Diciamo che voglio ruotare ogni stile di livello individualmente. applico Crea livelli come descritto sopra.
Questo separa quindi tutti gli effetti, che sono ancora accoppiati al mio livello.
Ora posso ruotare ogni effetto singolarmente.
Nota: Questo è fantastico quando si usa Photoshop e si possono simulare effetti simili usando CSS Transforms nel browser.
Questo approccio è un'ottima alternativa agli stati di Fireworks. Usare Layer Comps ci consente di memorizzare diverse disposizioni dei livelli, rendendo davvero facile passare da una all'altra. Non solo è possibile accelerare il proprio flusso di lavoro, ma migliora notevolmente anche la presentazione di un PSD ai propri clienti.
Ad esempio, diciamo che devo creare tre esempi di design per un semplice pulsante. Il mio cliente è interessato a un campione con un'ombra, un secondo con un bagliore interno, quindi un terzo con un tratto. Modificare le varie opzioni di fusione ed escludere alcuni degli stili di livello ogni volta sarebbe molto poco pratico. Salvare i Comp Layer mi consente di passare da un preset all'altro, in questo modo:
Vai a Finestra> Comp. Livelli per aprire il pannello dei livelli. Crea un livello con alcuni stili di base ...
... quindi salva un nuovo comp (la piccola icona "nuovo documento" nel pannello dei livelli). Immettere un nome per il comp, controllare Visibilità e Aspetto, quindi aggiungere un commento per il proprio riferimento.
Per rendere visibile un particolare livello di comp, controlla l'icona comp a sinistra di esso.
Questo è uno dei miei preferiti quando si lavora con un mucchio di livelli e la perfezione dei pixel è importante.
Se, per esempio, voglio centrare un livello in una posizione specifica ma non ho nulla con cui allinearlo, posso usare lo strumento di selezione.
Creare una selezione con lo strumento Selezione rettangolare. Seleziona il livello che desideri allineare, seleziona Sposta strumento (V) e utilizza una delle opzioni di allineamento nella barra degli strumenti superiore.
Photoshop offre una miriade di scorciatoie da tastiera per accelerare il flusso di lavoro. Memorizza questi cinque esempi e diventerai fulmineo quando lavori con i livelli.
Per definire le tue scorciatoie, vai semplicemente a Modifica> Scorciatoie da tastiera, ma fai attenzione a non sovrascrivere le scorciatoie predefinite.
Ad esempio, voglio creare una scorciatoia per "Rinomina livello" e per questo voglio usare la combinazione Cmd / Ctrl + Maiusc + R. In primo luogo vado su Modifica> Scorciatoia da tastiera, quindi sotto Strato scheda clicco su Rinomina livello quindi premere la combinazione di tasti (Cmd / Ctrl + Shift + R) e fare clic Accettare. Questo è tutto! Puoi utilizzare tutte le scorciatoie personalizzate che desideri.
Manipolare i layer correttamente e velocemente è un'abilità fondamentale per Photoshopper. Accelera il flusso di lavoro e migliora il processo di collaborazione quando si lavora in un team. Se conosci qualche altro consiglio basato sul livello, mi piacerebbe ascoltarli nei commenti!
Accentsconagua