Probabilmente ogni web designer ha il proprio set diTrucchi Preferiti di Photoshop nella manica. Per una buona ragione. Il potente strumento di modifica delle immagini di Adobe è un punto fermo del mondo del web design. Pochissimi programmi là fuori possono competere con questo eccellente software e la sua vasta gamma di funzionalità.

Tuttavia, mentre la maggior parte dei web designer sa già molto su PhotoShop, c'è sempre di più che puoi imparare. Dopo tutto, il programma non è solo potente ma anche complesso. Inoltre, nuove cose vengono aggiunte regolarmente tramite aggiornamenti.

Per questo motivo, è una buona idea continuare a esplorare il tuo strumento preferito. Per aiutarti a farlo, in questo tutorial, esamineremo alcuni dei migliori trucchi di Photoshop. Delle Trucchi che possono migliorare il tuo flusso di lavoro, semplificare il lavoro e la vita, risparmiare tempo e aiutarti a progettare i migliori siti possibili.

Sei pronto per saperne di più su Photoshop? Questo è ciò che vedremo di seguito.

1 - Semplifica il tuo spazio di lavoro

Cominciamo con le basi. La prima cosa da fare per migliorare il tuo flusso di lavoro è configurare Photoshop in modo compatibile con il modo in cui lo usi. Dopo tutto, il lavoro diventa più facile con uno strumento più pulito.

Per questo motivo, la nostra prima tappa è “Finestra > Area di lavoro > Grafica e Web > Elementi essenziali”. La scelta di questa opzione cambierà il outils disponibile per ciò che probabilmente utilizzerai per il web design.

Scegli uno spazio di lavoro wordpressQuindi vai su "Modifica> Preferenze". Qui una delle tappe più importanti sono le unità e le regole. Qualunque misura tu scelga qui (molto probabilmente pixel), questa sarà l'impostazione predefinita per tutti i documenti futuri.

(Suggerimento rapido: per modificare le regole per singoli documenti, fai clic con il pulsante destro del mouse su di esso e scegli l'unità di misura desiderata.)

Quindi vai su "Preferenze> Prestazioni> Cronologia e cache" e fai clic su "Progettazione Web / UI".

Righelli di Photoshop e configurazione delle unitàCiò modificherà le impostazioni della cache per favorire file più piccoli con molti livelli, che lavorerai più spesso.

Nella stessa posizione, puoi anche scegliere il numero di stati storici. Questa è la quantità di passaggi a cui puoi tornare se vuoi annullare qualcosa.

2 - Impara le scorciatoie da tastiera

Per qualsiasi programma che usi regolarmente, l'apprendimento delle scorciatoie da tastiera è di solito una buona cosa da fare.

Ad esempio, utilizzo Ctrl + Alt + 2/3 per creare le intestazioni h2 e h3 quando scrivo questo post. È molto più veloce rispetto all'utilizzo della barra degli strumentioutils dell'editor perché non devo lasciare la tastiera.

Lo stesso vale per Photoshop. Sapere come eseguire un'azione con i singoli tasti è infinitamente più veloce che fare clic sui menu.

In questo articolo menzioneremo un sacco di scorciatoie da tastiera. Tuttavia, consiglio anche questo cheat sheet per apprendere le scorciatoie per le operazioni più comuni di Photoshop. Inoltre, è anche una buona idea prendere l'abitudine di guardare le scorciatoie da tastiera per le cose che fai più e più volte.

3 - Raggruppa i livelli e dai loro un nome

Quando lavorate con Photoshop, lavorerete con i livelli. Non solo la maggior parte degli elementi è su livelli separati, ma anche le modifiche come luminosità / contrasto vengono aggiunte come livello.

Per questo motivo, tutto può essere confuso molto rapidamente. Fortunatamente, ci sono molte opzioni per fare di meno, due delle quali sono la possibilità di raggruppare e denominare i livelli.

Prima di tutto, facendo doppio clic su qualsiasi livello, puoi cambiarne il nome come preferisci.

Rinomina un livello su wordpressIn questo modo capirai facilmente se un livello contiene l'immagine di sfondo, il menu o la barra laterale.

In alternativa, puoi anche scegliere più livelli contemporaneamente, tenendo premuto il tasto Ctrl per selezionare i singoli livelli o Maiusc per contrassegnare un intervallo di livelli vicini. Ctrl + G li trasforma in un gruppo.

4 - Esecuzione di ricerche di livello

Denominare e raggruppare i livelli è un buon inizio. Tuttavia, lavorando con dozzine o addirittura centinaia di essi, puoi comunque perderti facilmente.

In questi casi, hai anche la possibilità di filtrare i tuoi livelli. Per fare ciò, usa semplicemente il menu nella parte superiore del menu Livelli per filtrare per tipo, nome, effetto, colore e altro.

Altrimenti, fai clic con il pulsante destro del mouse sui livelli e scegli l'opzione di gruppo da lì. In ogni caso, i tuoi livelli sono molto più organizzati. Inoltre, puoi anche nominare i gruppi di layer.

Cerca livelliAltrimenti, seleziona direttamente un livello utilizzando lo strumento Sposta, tenendo premuto "Ctrl" e facendo clic su un livello o un oggetto.

5 - Crea una griglia

Crea una griglia in PhotoshopLa griglia è uno dei principi più importanti nel web design. Porta l'ordine nella progettazione e ti aiuta a posizionare i tuoi oggetti. Per questo motivo, ha altrettanto senso creare una griglia in Photoshop.

A tale scopo, utilizzare "Visualizza> Nuovo indicatore". In alternativa, crea guide orizzontali e verticali tenendo premuto un clic su un righello e trascinando nel documento. Usa Ctrl per spostare le linee esistenti.

6 - Importa campioni di colore

Puoi caricare campioni di colore direttamente in Photoshop da file HTML, CSS o SVG. In questo modo hai un ottimo punto di partenza per la tua combinazione di colori quando usi file esistenti, come a logo.

Per sfruttare questo suggerimento di Photoshop, apri il pannello Campioni, fai clic sul menu a discesa nell'angolo in alto a destra e scegli " Carica campioni ". Ora vai al file e aprilo per importare i tuoi nuovi campioni di colore.

7 - Salva forme personalizzate

In particolare, quando si progettano più pagine per lo stesso sito o siti Web che hanno un design simile, si finirà per utilizzare gli stessi oggetti e forme più volte. Per questo motivo, ha senso salvarli in un modulo personalizzato per un rapido riutilizzo.

Per fare ciò, fai clic con il pulsante destro del mouse sulla forma in questione con lo strumento di selezione del percorso (la freccia nera). Quindi scegli Definire la forma personalizzata ". Dopo averlo fatto, puoi accedere a quella forma tramite le opzioni nella barra superiore dello strumento Forma personalizzata. Basta fare clic sul menu a discesa dove si dice " Forma E scegli il modulo salvato.

Definisci una forma personalizzata

8 - Passa dai colori di sfondo a quelli di primo piano

Per alternare il colore di sfondo e il colore di primo piano senza fare clic sull'icona, è sufficiente premere "X" sulla tastiera. Inoltre, se desideri che i colori tornino al bianco e nero, puoi farlo premendo "D".

9 - Modifica l'opacità tramite la tastiera

Un'altra scorciatoia da tastiera: per qualsiasi strumento in grado di modificare l'opacità, puoi farlo semplicemente tramite la tastiera. I numeri da 1 a 0 imposteranno l'opacità su tutto tra il 10% e il 100%. Lo stesso funziona anche con l'opacità degli strati.

10 - Disegna linee rette

Per disegnare una linea retta con qualsiasi strumento, tieni premuto il tasto Maiusc. Quindi puoi disegnare una linea (orizzontale e verticale) che verrà automaticamente collegato come un chiodo. Altrimenti, fai clic su due punti diversi per creare una linea retta tra loro.

Questo è tutto per questi suggerimenti di Photoshop, spero che ti possa aiutare a progettare meglio su Photoshop.