Crea cornici di stile in Photoshop

Feb 2, 2026
Come si fa

Un telaio di stile è un'istantanea di un telaio finito in quanto guarderebbe all'interno di un'animazione più lunga. Mira a catturare l'aspetto generale di un video d'azione animato o in diretta, ma in un'immagine fissa.

I telai di stile possono aiutare a catturare i colori, i medium, le trame, la fotografia e le risorse che intendi utilizzare nel tuo video. Mostrando un cliente sia uno storyboard e un stile fotogrammi è un modo eccellente per assicurarti che entrambi siano sulla stessa pagina per cosa aspettarsi con il progetto.

  • Master l'arte del storyboarding

These examples are very different, but all do a great job of communicating what the final piece will look like [click the icon to enlarge the image]

Questi esempi sono molto diversi, ma tutti fanno un ottimo lavoro di comunicare ciò che il pezzo finale sarà simile [fai clic sull'icona per ingrandire l'immagine]

Puoi vedere negli esempi sopra quelle cornici di stile non mostrare ogni cornice del video, come sarebbe uno storyboard.

Entriamo in quello che serve per creare fotogrammi di stile in Photoshop. Ci concentreremo su alcune delle tecniche principali che devi sapere per rendere i compositi multi-photo tutto sembra che facciano parte dello stesso lavoro.

Per questo tutorial useremo un esempio per una sequenza del titolo che precederebbe un nuovo programma televisivo. Questo spettacolo ha temi di mistero, nozioni preconcette sulla classe, e si trova vicino all'oceano.

  • 5 migliori laptop per Photoshop

01. Inizia con una singola immagine

This image will be our starting point. Click the image to download it

Questa immagine sarà il nostro punto di partenza. Clicca l'immagine per scaricarlo

Innanzitutto, diamo un'occhiata alla stella del nostro spettacolo. La foto sopra sarà il nostro punto di partenza, e ho molti piani per questo. Voglio isolare il nostro eroe dallo sfondo, avvolgere alcuni anelli di luce al neon intorno a lei e integrarli regolando l'illuminazione.

02. Taglia la figura

Start by quickly selecting the rough silhouette [click the icon to enlarge the image]

Inizia rapidamente selezionando la silhouette approssimativa [Fare clic sull'icona per ingrandire l'immagine]

Inizia utilizzando lo strumento di selezione rapido per ottenere la maggior parte della sagoma della figura. Fare clic sul pulsante Seleziona e maschera in alto e verrà visualizzata una finestra di dialogo Proprietà. Assicurati che la tua vista sia impostata sulla pelle di cipolla e girare il cursore di trasparenza in modo da poter vedere l'area che hai già mascherato.

03. Concentrati sui capelli

Ora affrontiamo quei capelli wispy. Sarebbe stato complicato di tagliarsi usando solo gli strumenti di selezione di perfezionamento, ma Photoshop cc 2017. La nuova selezione e la funzionalità di maschera rendono le cose molto più semplici, anche considerando le condizioni di scarsa illuminazione nella nostra immagine.

Prendi lo strumento per la spazzolatura del bordo di raffinata e inizia a dipingerlo su quei capelli. Ora serra la trasparenza fino al 100% per vedere dove è necessario utilizzare lo strumento spazzole per riportare le aree in cui l'hai sovradonata.

04. Finalizzare la tua selezione

Refine your selection until you're happy with the result [click the icon to enlarge]

Affina la tua selezione finché non sei soddisfatto del risultato [fai clic sull'icona per ingrandirla]

Ripeti questi gradini avanti e indietro fino a quando non sei soddisfatto della selezione dei capelli. A questo punto, aumentare il bordo del cambio leggermente, così come il contrasto, e aggiungere un po 'di piumaggio (2 px). Fare clic su OK. Fare clic sul pulsante Maschera layer per impegnare questa selezione in una maschera.

05. Regolare lo sfondo

Ora aggiungi uno sfondo solido. Utilizzare il selettore di colori per abbinare una tonalità scura sulla giacca della figura. Potresti notare che la selezione non sembra perfetta ora è isolata su uno sfondo scuro - non ti preoccupare, ne copriremo con il costante.

06. Dipingi in alcune luci al neon

The swirls should both overlap the figure’s head [click the icon to enlarge]

I turbinii dovrebbero entrambi sovrapponare la testa della figura [clic sull'icona per ingrandire]

Prima di arrivare a qualsiasi responsabilità, aggiungere quelle luci al neon. Scegli due colori dal sottile tramonto nello sfondo originale: un morbido rosa e blu. Usando lo strumento Penna in modalità forma, impostare il riempimento su Nessuno e la corsa a uno dei tuoi colori. Impostare la larghezza della corsa a 26px.

Ora puoi divertirti, su due strati diversi, disegna un po 'di turbinii rosa e blu neon.

07. Aggiungi un bagliore

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge]

Una striscia bianca e più stretta crea l'illusione che le luci sono luminose [clic sull'icona per ingrandire]

Ora duplicate entrambe le forme, cambia il colore del tratto in bianco e diminuire la larghezza della corsa a 9px. Questa striscia bianca dovrebbe sedersi nel mezzo di ogni turbinio - se si nota che non è allineata correttamente, selezionare tutti i tuoi tratti e utilizzare il drop-down del tipo di tratto di forma impostato per scegliere l'allineamento centrale.

Cambia la piuma dei cerotti più larghi a 9px e la piuma dei bianchi stretti a 5 px. Se senti che l'effetto non è abbastanza vibrante, duplica i colpi colorati e piuma a 6px.

Pulisci e raggruppa tutti questi selezionandoli e colpendo il pulsante Crea gruppo. Infine, aggiungi una maschera di livello al gruppo e dipinge l'area delle luci che vanno dietro la testa della figura.

08. Iniziare ad accedere

Use the neon shades to paint over the wispy hairs [click the icon to enlarge]

Utilizzare le tonalità al neon per dipingere i capelli wispy [clic sull'icona per ingrandire]

Per iniziare ad accedere, creare alcuni nuovi strati e iniziare a dipingere sui capelli wispy usando i campioni rosa e blu. Dovrebbe sembrare grezzo e pazzo.

Converti tutti i tuoi livelli dipinti per i filtri intelligenti e aggiungere sfocatura gaussiana. Vuoi sfocare i più grandi tratti di più - per i piccoli tratti, potresti anche voler girare l'opacità.

09. Maschera i tuoi livelli

Save time by reusing our mask from earlier [click the icon to enlarge]

Risparmia tempo riutilizzando la nostra maschera dall'inizio [fai clic sull'icona per ingrandirla]

Abbiamo bisogno di mascherare questi strati, ma invece di fare una nuova maschera, possiamo semplicemente riutilizzare quello che abbiamo fatto prima per lo sfondo. Detenere alt e fare clic sulla maschera sulla foto originale. Quindi colpisci cmd + a. per selezionare tutto, e cmd + c. copiare. Seleziona ciascuno dei livelli dipinti individualmente e aggiungi loro maschere di livello a loro. ALT + clic in ciascuna di quelle maschere e colpisci cmd + V. incollare la maschera originale copiata.

10. Affina il tuo lavoro

Change the blend modes on your relighting layers [click the icon to enlarge]

Modificare le modalità di miscelazione sui livelli di riepilogo [Fare clic sull'icona per ingrandire]

Vai in ciascuna di quelle maschere e dipingere il nero su qualsiasi zona che pensi abbia troppi colori. Puoi anche utilizzare lo strumento di smudge sulla sezione della pittura leggera, per aggiungere un po 'di tale difficoltà.

Modificare le modalità di miscelazione per questi strati a qualcosa come schiacciato, schermo o persino schivare il colore. Ho aggiunto un altro strato di pittura a mano libera in cima ai capelli per dargli un po 'più profondità di colore. Metti tutti questi strati in un gruppo chiamato "ricaricatore".

11. Aggiungi una certa polvere

Motion-blurred dust particles really bring the image together [click the icon to enlarge]

Le particelle di polvere sfocate in movimento portano davvero l'immagine [fare clic sull'icona per ingrandirla]

Ora per tirarlo davvero tutti insieme, voglio aggiungere uno strato sopra tutto ciò che sembra una polvere sfocata di movimento ( Scarica questa foto da Shutterstock ).

Posiziona la foto nella parte superiore dello stack del livello e ridimensionalo se necessario, quindi copre l'intera tela. Cambia la sua modalità fusione sullo schermo. Aggiungi una luminosità e il livello di regolazione del contrasto e ALT + clic Tra la regolazione e il livello di polvere per clitare i due insieme, quindi lo strato di polvere non influisce su altri livelli. Diminuisci leggermente la luminosità e aumenta il contrasto.

Pagina successiva: aggiungi altre due immagini al tuo stile telaio e legare tutti i colori insieme

  • 1.
  • 2.

Pagina corrente: Pagina 1


Come si fa - Articoli più popolari

Come creare un meme in Photoshop

Come si fa Feb 2, 2026

(Immagine di immagine: Matt Smith) Vuoi sapere come creare un meme in Photoshop? Questa guida è qui per aiutare. Dal..


Inizia con Artrage

Come si fa Feb 2, 2026

(Immagine di credito: Steve Goad) Inizia con Artrage 01. Vai allestiti in Arrage ..


Come Kitbash in movimento con ShaplR3D

Come si fa Feb 2, 2026

(Immagine di immagine: Adam Dewhirst) Shapr3d è un ottimo strumento per kitbashing. Aiuta a colpire letteralmente id..


Crea il tuo pennello calligrafico in Illustrator

Come si fa Feb 2, 2026

Una delle cose migliori dellustrator è la possibilità di creare i tuoi pennelli. Puoi trovare alcuni incredibili spazzole illus..


Come scolpire un goblin stampato 3D

Come si fa Feb 2, 2026

Il concetto di questo progetto, il goblin di funghi, viene da un disegno del mio amico Adrian Smith. Ho lavorato per rendere ques..


Introduzione al test di usabilità

Come si fa Feb 2, 2026

Un prodotto web di successo non soddisfa i bisogni della tua organizzazione, ma anche le esigenze dei tuoi utenti. Test di usabilità - Fatto in anticipo e spesso - è un modo critico per con..


Come rendere il tuo sito web WordPress multilingue

Come si fa Feb 2, 2026

Nelle prime 10 lingue utilizzate su Internet, inglese Classifiche per primo , con quasi 950 milioni di utenti. Que..


L'incredibile potenza di flexbox

Come si fa Feb 2, 2026

FlexBox, o il layout della casella flessibile, è un potente modulo di layout CSS che offre ai web designer e agli sviluppatori u..


Categorie