Come storyboard in Photoshop

Sep 14, 2025

Come si fa

(Credito immagine: Mark Evan Lim)

Storyboarding in Photoshop può essere un ottimo modo per far uscire le tue idee. In questo workshop, apprenderemo il livello Comps e come questo strumento Photoshop può aiutarti ad accelerare il flusso di lavoro e l'organizzazione per (ma non limitati a) storyboarding. Il mio obiettivo è di evidenziare questo set di menu, spiegare come funziona il livello Comps e convincerti a provarli. Inizeremo questo workshop con l'ipotesi che abbiamo anteprime e una storia bloccata e che sei pronto a tuffarti nei disegni.

È importante sapere che il tuo livello Comps non è distruttivo: puoi sempre eliminarli e avere i tuoi strati proprio mentre li hai dipinti. Servono principalmente uno scopo di visualizzare i tuoi strati in modo diverso. Prima di iniziare, vorremmo dire che userò una storia a cinque pannelli qui, ma puoi creare il maggior numero di lettere che ti servono per la tua storia.

Se vuoi più suggerimenti e trucchi, vedi il nostro Tutorial di Photoshop. e controlla il nostro come disegnare Lezioni.

01. Configura il tuo documento

Hai le tue miniature e script pronti per andare - ora è ora di iniziare a disegnare! Di solito inizio stabilendo il mio rapporto di proporzione. Potresti voler controllare i requisiti del tuo progetto o assegnazione prima di iniziare. Per questo workshop, lavoreremo in 1.080 x 720, che è una risoluzione piuttosto comune per la maggior parte dei progetti di animazione. La tua tela è impostata ed è ora il tempo di disegnare!

La parte migliore dello strumento Livello Comps è che può ospitare come lavori. Niente più cartelle all'interno delle cartelle, se non ti piace. È completamente a te. Lavoreremo con cinque pannelli da un estratto da un progetto di storyboarding come esempio. L'utilizzo dello strumento Livello Comps si consente di creare, gestire e organizzare più layout all'interno di un singolo file Photoshop. Pensa a ciascun livello Comp come uno screenshot degli strati attuali che hai visibile.

02. Aggiungi testo e avvia il disegno

Il prossimo passo è facoltativo, ma se la tua storia ha un dialogo, di solito blocco un rettangolo nero in basso per qualsiasi testo o effetti sonori che potrei usare. Da qui porto le mie miniature dall'iPad e iniziano a ripulire. Quando ripulo i miei disegni, di solito ho diviso i miei strati da dietro la parte anteriore (back-, medio e primo piano). È importante organizzare; Questo ti aiuterà con il livello Comps in seguito.

03. Aggiungi strati di linea art

Qui, stendo la mia linea, tono e strati di dialogo. È possibile aggiungere più livelli se necessario, ad esempio uno strato polacco aggiuntivo. Aiuta a pensare al tuo scatto come una torta a strati e accumula gradualmente dal lavoro della linea ai toni. Successivamente, è il momento di creare il nostro livello Comps.

04. Esplora la finestra Comps Layer Comps

Nella barra degli strumenti Top Photoshop, fai clic su Finestra e GT; Layer Comps e una finestra si spegne. Questa è la finestra del livello Comp che consente di gestire e organizzare i tuoi scatti e scene. Lo strumento ti dà la flessibilità per riorganizzare gli scatti, prova i guasti e modifica - tutto da un pannello.

05. Rendi il tuo primo livello del livello

Così ora che conosciamo un po 'di più su Layer Comps, creiamo il nostro primo. Fare clic sull'icona Plus e la finestra mostrata sopra dovrebbe saltare fuori. È qui che puoi rinominare il livello Comp. Successivamente, assicurarsi di controllare le caselle di visibilità, posizione e aspetto (stile di livello), quindi premere OK. Voilà, hai il tuo primo operetto!

06. Fai lo stesso per il tuo prossimo pannello

Ora puoi disattivare quegli strati che hai appena disegnato e inizia a ripetere i passaggi per il tuo secondo pannello. Se è necessario fare riferimento al pannello prima, basta fare clic sulla casella piccola accanto al nome del computer del livello e tutti i livelli utilizzati in quel pannello verranno attivati. Continua a creare il livello Comps per ogni scatto finché non hai finito la tua storia. Come vai, puoi vedere come tutto guarda premendo i pulsanti freccia nella finestra Comp Tloy Comp. Se vedi un punto esclamativo accanto al tuo computer Comp, significa che non è stato aggiornato e alcuni dei tuoi nuovi livelli non sono stati aggiunti ad esso.

07. Preparati all'esportazione

In questa fase hai il tuo livello Comps e sei pronto per esportarli, quindi ecco come farlo. In un modo simile all'esportazione di un'immagine regolare da Photoshop, selezionare File & GT; Esporta e GT; Layer Comps to Files. Qui ti verranno data diverse opzioni tra cui scegliere. Questi includono quale directory desideri che questi i layer comprse da visitare o quale tipo di file dovrebbe essere.

08. Esporta il tuo livello Comps

Quando hai finito, fai clic su Esegui e dovrebbe iniziare a esportare ogni livello di livello. Una finestra verrà visualizzata dicendo quando il processo è stato completato. Da qui puoi andare al set di directory e vedere tutte le compS / immagini lì.

09. Controlla le tue esportazioni

Tutte le immagini hanno esportato nel set di directory. Qui è dove puoi combinarli in un PDF o mantenere le cose come sono per un passo o una presentazione. Ora hai una cartella di tutti i tuoi pannelli pronti per la prossima fase del tuo processo creativo.

Spero che tutto ciò abbia un senso e trovi un posto per i livelli Comps nel tuo flusso di lavoro.

Questo articolo è stato originariamente apparso nell'immaginefx, la rivista artistica digitale principale del mondo; Iscriviti a ImagineFX qui .

Per saperne di più:

Scarica Photoshop: Tutto quello che devi sapere
Shortcuts Photoshop. devi sapere
Il miglior gratis Photoshop Brushes.

Come storyboard in Photoshop

01. Configura il tuo documento

02. Aggiungi testo e avvia il disegno

03. Aggiungi strati di linea art

04. Esplora la finestra Comps Layer Comps

05. Rendi il tuo primo livello del livello

06. Fai lo stesso per il tuo prossimo pannello

07. Preparati all'esportazione

08. Esporta il tuo livello Comps

09. Controlla le tue esportazioni

Come si fa - Articoli più popolari

Come capovolgere uno strato in Photoshop: una guida completa

Crea un effetto anaglifo antico-scuola

Come creare un dipinto ad olio digitale usando ArtRage

Gira illustrazioni 2D in arte 3D

Crea testo 3D in Photoshop: una guida passo-passo

Aggiungi vibrancy ai tuoi dipinti ad olio con questi migliori consigli

Dipingi un ritratto come van Gogh

Fai una doppia esposizione in Photoshop

Categorie