Come disegnare con prospettiva

In questo tutorial, vedremo le fotografie e esempi disegnati per familiarizzare con i principi di base della prospettiva e come può influenzare i tuoi disegni.


Passo 1

La prospettiva può essere utilizzata per suggerire l'illusione di elementi 3D su una tela 2D. Quando la prospettiva è "spenta" in un disegno, anche gli occhi inesperti noteranno. L'utilizzo delle tecniche di prospettiva di base ti consentirà di manipolare le tue composizioni a tuo favore; anche dando ai disegni di fantasia un senso di realismo.

Creiamo una tela nuova (Cmd + N) e iniziamo. Ho disegnato una figura per ravvivare un po 'la tela.


Passo 2

Inizieremo con una prospettiva "a un punto". Un disegno in qualsiasi luogo sulla Terra probabilmente contiene una "linea d'orizzonte", indipendentemente dal fatto che sia fuori dalla tela o meno. Nell'esempio seguente abbiamo una linea dell'orizzonte molto standard vicino al centro dell'immagine. Oltre a una linea di orizzonte, abbiamo bisogno di un "punto di fuga". Quando si disegna una prospettiva a un punto, abbiamo un punto di fuga in cui tutte le linee dell'asse z si uniscono, mostrate nell'esempio sotto come 'VP', con la linea dell'orizzonte illustrata come 'HL'. Tutte le linee che vanno nella stessa direzione (parallele) seguirebbero gli angoli di linea convergenti verso il punto di fuga.


Passaggio 3

Se dovessimo disegnare una scatola e un prisma, l'asse xe l'asse y verrebbero disegnati come normali (quadratini neri nell'esempio), ma le linee lungo l'asse z seguiranno le linee di prospettiva inclinate verso il punto di fuga.


Passaggio 4

Cambiare la linea dell'orizzonte può dare alla nostra composizione un po 'più spazio di base per la visualizzazione e può essere più efficace in situazioni in cui rappresenteremmo masse terrestri o comunichiamo disegni da un angolo più rivelatore. Il punto di fuga rimane nella stessa posizione dell'asse x sulla linea dell'orizzonte, spostandosi verso l'alto con esso come mostrato nell'esempio.


Passaggio 5

Se proviamo a spostare la linea dell'orizzonte verso il basso, possiamo presentare un'opportunità per ritrarre dettagli alti come cieli, uccelli, grattacieli, aerei o qualsiasi altra cosa possiate immaginare. Ciò conferirà alla composizione meno attenzione al terreno e un punto di vista più umano se la linea dell'orizzonte si trova a livello degli occhi come il disegno su strada o su strada.


Passaggio 6

Riuscite a indovinare dov'è la linea dell'orizzonte e il punto di fuga?


Passaggio 7

Scusa, è stato uno spreco di un gradino. Anche senza le forme, tuttavia, possiamo vedere dove convergono le linee, il punto di fuga. Non possiamo stabilire la linea dell'orizzonte molto bene guardando il pezzo, ma come puoi vedere, ci dà una visione più dall'alto.


Passaggio 8

Potresti aver notato che più lontano dal punto di fuga (in questo caso, più in basso), più in alto diventa la vista, apparentemente appiattendo leggermente la forma.


Passaggio 9

Se facciamo un ulteriore passo avanti verso il punto in cui le linee sembrano convergere a malapena persino verso un punto di fuga, può apparire quasi completamente dall'alto verso il basso come un piano di costruzione. Generalmente probabilmente non verrai a disegnare con questa visualizzazione tutte le volte precedenti, ma sapere come l'effetto top-down interviene può davvero aiutare nell'esplorare le tue opinioni nei tuoi progetti basati sulla prospettiva.


Passaggio 10

Forse ti starai chiedendo come sto disegnando queste linee. Disegneremo una prospettiva a due punti ora per vedere come! Abbiamo imparato prima che la prospettiva a un punto è un punto di fuga; quindi disegneremo un secondo punto di fuga qui per rendere questa una prospettiva a due punti.

Inizieremo a disegnare il secondo punto di fuga ora. Come per il primo punto di fuga, questo sarà su un nuovo livello (Cmd + Maiusc + N) per permetterci di manipolare il resto dell'immagine. Ho iniziato con un normale pennello a cerchio rigido a 4px, tenendo premuto MAIUSC prima di colorare la linea (rosso) per agganciarlo a un angolo comune - in questo caso direttamente verso il basso.


Passaggio 11

Voglio dare un po 'di spigolo ma come una curva a destra non sono molto bravo a disegnare da sinistra a destra in basso o viceversa. Quindi per velocizzare le cose, la tela viene capovolta scegliendo Immagine> Ruota quadro> Rifletti su Tela Orizzontale. Potresti aver notato che è associato al tasto di scelta rapida F1 nel mio esempio, che per impostazione predefinita verrà assegnato a un link Guida Photoshop esterna. Puoi assegnare i tasti di scelta rapida a questo selezionando Finestra> Area di lavoro> Tasti di scelta rapida e menu e facendo clic sulla scheda Tasti di scelta rapida.


Passaggio 12

Wow non è una linea retta. Va bene se qualcosa va storto, ci stiamo solo esercitando il doppio rispetto a tutti gli altri. Se risulta come un grafico di curva di un esperimento scientifico, basta annullarlo (Cmd + Z) e riprovare. L'altro punto di fuga è su un nuovo livello, che ci offre la possibilità di nasconderlo mentre lavoriamo su questo secondo punto di fuga.


Passaggio 13

L'undicesima volta è sempre un fascino.


Passaggio 14

Se all'inizio non ci riesci, usa lo Strumento di trasformazione gratuito (Cmd + T).

Puoi ruotare la linea facendo clic con il pulsante sinistro del mouse quando il cursore si sposta al passaggio del mouse appena fuori da un angolo del riquadro di delimitazione di Trasformazione libera.


Passaggio 15

Finisci altre linee finché non ti senti a tuo agio. Capovolgeremo il quadro facendo clic su Immagine> Ruota quadro> Capovolgi tela orizzontalmente. Ho anche abbassato l'opacità dei due livelli del punto di fuga per rendere più facile vedere cosa stiamo per fare.


Passaggio 16

Le linee che vanno in lontananza (rosso) vanno verso il primo punto di fuga come con il disegno prospettico a un punto (passaggio 3).


Passaggio 17

Guarda le linee rosse tratteggiate nell'esempio; possiamo vedere dove saranno gli angoli della prossima faccia (cerchiati). Ecco da dove arrivano i tuoi poteri di proiezione psichica - un po 'di immaginazione qui aiuta a immaginare dove andrebbero le linee e il viso. Se sembra corretto nella tua testa, probabilmente sei sulla strada giusta.


Passaggio 18

Se procediamo a disegnare le linee parallele (rosse) che vanno verso il secondo punto di fuga (VP2), abbiamo un raccordo perfetto con gli angoli precedentemente cerchiati - le due estremità della linea tratteggiata precedente.


Passaggio 19

Questa tecnica funziona anche su forme simmetriche complicate, purché vi siano linee parallele. Se guardiamo l'esempio qui sotto, dall'angolo iniziale cerchiato in rosso, possiamo semplicemente seguirlo lungo le prime linee di prospettiva (nere) fino a quando non colpisce l'altro punto di fuga (etichettato "collide" nell'esempio), da cui poi segui le linee prospettiche del secondo punto di fuga (rosso) verso il basso, fermandoti nel punto in cui è parallelo orizzontalmente lungo l'orizzonte (rosa). L'ho reso molto più complicato di quanto non sia, controlla l'immagine.


Passaggio 20

Fare questo per tutti i punti ci dà luoghi perfetti per ogni angolo.


Passaggio 21

Completa il processo punto-punto ma nota che i verticali (rosa) si inclinano ancora perfettamente verso l'alto, tutto ciò che guarda il cielo in una prospettiva a due punti è una linea verticale diritta, in qualsiasi punto della pagina (purché sia ​​stata costruita per essere rivolta verso l'alto come un edificio tradizionale o bordo dell'armadio).


Passaggio 22

Se aggiungiamo altre linee lungo l'asse xo l'asse z, devono seguire i punti di fuga appropriati, come mostrato nell'esempio.


Passaggio 23

Spesso quando si posizionano entrambi i punti di fuga nella stessa area, crea una vista molto stretta come nell'esempio seguente.


Passaggio 24

Per contrastare questo, è una buona idea lanciare uno dei nostri punti di fuga molto più in basso, così la prospettiva non è così forte e possiamo vedere l'oggetto in un modo molto diverso. Dal momento che non possiamo vedere il punto di fuga, è più difficile disegnare correttamente. Un modo efficace per disegnare una serie di linee qui è semplicemente disegnare un insieme di linee orizzontali prima di manipolarle. Ricordarsi di tenere premuto Maiusc quando si sfiora per scattare la direzione iniziale fino al termine del tratto.


Passaggio 25

Quindi, usando Trasformazione libera (Cmd + T) e facendo clic con il pulsante sinistro sugli angoli, distorli le linee come meglio credi.

Importante: almeno una linea orizzontale (rossa) deve essere allineata con la linea dell'orizzonte (verde) altrimenti la prospettiva non funzionerà.


Passaggio 26

Ora disegneremo una forma simile, tranne senza l'effetto dell'obiettivo grandangolare che i punti di fuga più ravvicinati portano. Spingendo ulteriormente i nostri punti di fuga come questo, si replica il modo in cui i nostri occhi percepiscono le immagini in modo molto più realistico. Ricorda che le linee dell'asse z (rosso) vanno verso un punto di fuga e le linee dell'asse x (blu) vanno verso l'altro - in questo caso, il punto di fuga immaginario fuori dalla tela.


Passo 27

Molto bella. Questa bassa linea dell'orizzonte potrebbe rafforzare un punto di vista basso come gli edifici visti dall'occhio umano.


Passaggio 28

Proviamo ad alzare la linea dell'orizzonte per vedere come ciò influenza la nostra composizione.


Passaggio 29

Le lunghezze dei verticali rimangono praticamente uguali nell'esempio, ma le posizioni delle linee verticali cambiano leggermente per conformarsi alle linee prospettiche.


Passaggio 30

Anche in questo caso, l'asse z e l'asse x seguono le convenzioni di puntamento verso i loro punti di fuga.


Passaggio 31

Questa linea ad alto orizzonte rafforza l'illusione di guardare dall'alto verso il basso l'oggetto e potrebbe essere efficace nel visualizzare una vista da un punto alto come un balcone dell'hotel.


Passo 32

Ora proviamo una prospettiva a tre punti. Questo sarà esattamente lo stesso della prospettiva a due punti con un punto di fuga aggiuntivo che non si trova sulla linea dell'orizzonte. Inizieremo con una scatola standard in una prospettiva a due punti.


Passaggio 33

Usando la stessa tecnica del Passo 24, crea delle linee che suggeriscono un punto di fuga molto alto come nell'esempio qui sotto.


Passaggio 34

Questo nuovo punto di fuga rappresenta gli angoli che seguono i verticali nel nostro disegno.

Se ci sono più caselle con messa a terra in un disegno prospettico a tre punti, può esserci una nuova serie di punti di fuga dell'asse x e dell'asse z per ogni casella ruotata in modo diverso. Tuttavia, si noti che i verticali saranno sempre senza fallo, seguiranno lo stesso punto di fuga verticale purché siano rivolti verso l'alto lo stesso nella vita reale. Questo si applica quando disegni edifici standard, pareti, armadi, ecc.


Passaggio 35

Possiamo semplicemente cancellare le linee verticali e ri-disegnarle dal basso per seguire la direzione del terzo punto di fuga nel cielo. Con prospettive a tre punti, ci sono eccellenti sensi di scala come nella vita reale, dove oggetti distanti diminuiscono di scala.


Passaggio 36

Come puoi vedere, alzare la linea dell'orizzonte è molto efficace con un basso terzo punto di fuga, creando una leggera sensazione di vertigine alla composizione. Potresti immaginare di fare un ulteriore passo avanti tirando il punto di fuga più vicino alla linea dell'orizzonte, dandogli una prospettiva più estrema. Usarlo con moderazione, ad esempio nell'esempio seguente, è un modo molto efficace per dare al tuo disegno una gradevole sfumatura di prospettiva.


Passaggio 37

Guarda guarda. Splendido, no? Soprattutto, provalo tu stesso!


Passaggio 38

Diamo un'occhiata a come la prospettiva può essere individuata nelle foto. Per fortuna in questa foto c'è un pavimento a griglia che rende più facile individuare le linee dell'asse xe dell'asse z nel pavimento. Come una foto standard, probabilmente ha una terza prospettiva, ma è molto difficile individuare con pochi indizi i verticali nella scena.

Fonte: portfolio del fotografo


Passaggio 39

In questo colpo di strada, le finestre dell'edificio a sinistra (verde) ci forniscono un'eccellente serie di linee per misurare l'asse z (andando avanti nella strada). Il muro a destra (verde) ha anche delle insenature ordinate per aiutarci a vedere dove sarebbe lo stesso punto di fuga.

Fonte: portfolio del fotografo


Passaggio 40

L'edificio sembra ad angolo retto, quindi se assumiamo che i costruttori abbiano fatto un lavoro fantastico costruendolo con un angolo di 90 gradi, le finestre a sinistra (giallo) e l'altro lato del muro a destra (giallo) ci mostrano il direzione dell'asse x. C'è anche un terzo punto di fuga molto prominente nel cielo. Possiamo stabilirlo a causa di tutti gli edifici alti che danno via gli angoli dei verticali nell'immagine. Questa prospettiva è simile a quella affrontata nel passaggio 35.


Passaggio 41

In questa foto, il punto di fuga più ovvio è probabilmente quello appena fuori dalla parte superiore dello schermo. La strada e gli edifici lunghi (verdi) danno via facilmente questo punto di fuga.

Fonte: portfolio del fotografo


Passaggio 42

L'asse x è un po 'più difficile da individuare, ma con l'aiuto del trio parallelo di edifici più grandi a sinistra (giallo), possiamo vedere come il punto di fuga è molto lontano sulla destra, mostrando a malapena segni di convergenza. C'è anche un suggerimento di una terza prospettiva (rosa) se guardiamo le verticali su alcuni degli edifici più grandi e i due edifici in alto a destra della fotografia.


Step 43

Molti degli edifici qui sono non paralleli come i cubi nel passaggio 34, ma i lati delle strade (verde e giallo) hanno i loro angoli individuali che danno via il loro asse z abbastanza facilmente come evidenziato nell'esempio.


Passaggio 44

Notare che le verticali, comunque, seguono tutte lo stesso terzo punto di fuga perché, sebbene siano ruotate in modo diverso, hanno tutte le verticali rivolte nella stessa direzione.


Passaggio 45

Facciamo un semplice disegno che incorpora alcune delle cose che abbiamo imparato. Qui, le linee lungo l'asse x sono mostrate in rosso e l'asse y in blu. Non abbiamo ancora disegnato le linee dell'asse z perché quella è la profondità; dove la forma va in lontananza e non abbiamo ancora utilizzato quel punto di fuga, sebbene possa essere visto nell'esempio. Faremo ogni asse di linee su un nuovo livello (Cmd + Shift + N o Cmd + Shift + N) per darci più flessibilità di lavoro.


Passaggio 46

Tempo di aggiungere profondità con linee che puntano verso il terzo punto di fuga (verde).


Passaggio 47

Ora per stabilire una larghezza disegneremo il resto delle linee (rosso e blu), dove possiamo quindi sbarazzarci delle linee dell'asse z (verde) eccessive.


Passaggio 48

Supponendo che le linee verdi siano sul proprio livello, nella finestra Tonalità / Saturazione (Cmd + U o Cmd + U), ridurre la luminosità del livello a zero e dovrebbe diventare nero.


Passaggio 49

Poi finalmente un po 'di colore per gli occhi dietro l'arte della linea.


Passaggio 50

Magari buttare in sottofondo, alcuni tocchi di lucidatura e voilà! Un disegno prospettico super rapido, pienamente accettabile in un ambiente professionale. Cioè, se la compagnia per cui lavori è composta solo da te.


Conclusione

È molto facile individuare le prospettive in strutture parallele ovunque si trovino. Puoi vedere come le prospettive di base possono essere disegnate facilmente una volta che le basi sono memorizzate qui (sto indicando la mia testa al momento ... Che, per inciso, ha un disco rigido esterno registrato su di esso). Le persone che guardano i tuoi disegni sono stati abituati a vedere la prospettiva umana da quando sono nati, quindi una prospettiva sciatta li getterà in uno stato di trance inarrestabile (a volte). Se ciò non accade, noteranno "qualcosa in meno" sul tuo disegno. Quindi impara questi principi di prospettiva di base e pratica disegnando alcuni edifici. Assicurati solo che le tue linee siano disegnate nei punti di fuga appropriati. Inizia con alcune sedie e tavoli quadrati!

Spero che tu abbia imparato qualcosa in questo tutorial - sentiti libero di commentare qualsiasi domanda o i tuoi campioni!

Abbonati a Psdtuts + Feed RSS per i migliori tutorial e articoli di Photoshop sul Web.