Visualizzazione prototipo: come posso imparare a rendere il vetro in modo convincente?


13

Il rendering dei prototipi di progettazione per molti materiali può diventare facile una volta che hai imparato a prevedere come si comporterà il materiale in determinate condizioni di illuminazione.

Tuttavia, i materiali altamente riflettenti e trasparenti sono molto più difficili da prevedere, in particolare il vetro. Detto questo, noto molti visual marker per bottiglie di profumo e prodotti in vetro online che sono stati resi molto bene senza un riferimento (vedi Fig. 1-3). Questo mi porta a credere che il vetro possa essere compreso abbastanza bene da creare costruzioni e prototipi di design convincenti se uno sa come fare.

Ci sono delle regole per aiutarmi a capire come si comporta la luce sugli oggetti di vetro?

vale a dire come si comportano le ombre e le luci sul vetro? Come posso anticipare la forma dei riflessi su un oggetto di vetro? Il vetro convesso o concavo influisce sul modo in cui si formano rispettivamente ombre / luci / riflessi? Sembra che la luce sia più difficile da prevedere dove il vetro è più spesso o dove si verificano curve e bordi.

Vorrei essere in grado di redigere prototipi di design in vetro più convincenti, senza la limitazione dei riferimenti di vetro esistenti.

Di seguito ho incluso alcuni esempi che dimostrano in modo molto efficace la prototipazione del vetro. Questi sono stati progettati da Sangwon Seok e Begüm Tomruk (vedere riferimenti e collegamenti di seguito).

inserisci qui la descrizione dell'immagine


Riferimenti alle immagini:

  1. Sangwon Seok, (2014), Product Sketch [ONLINE]. Disponibile all'indirizzo: https://www.behance.net/gallery/product-sketch/14568139 [consultato il 5 settembre 2016].

  2. Sangwon Seok, (2016), Product Sketch [ONLINE]. Disponibile all'indirizzo: https://www.instagram.com/p/BFV65usOEp8/ [consultato il 5 settembre 2016].

  3. Begüm Tomruk, (2011), ID Sketching & Marker Rendering [ONLINE]. Disponibile all'indirizzo: https://www.behance.net/gallery/1176939/ID-Sketching-Marker-Rendering [consultato il 5 settembre 2016]. *


2
Se quelli sono come sembrano - schizzi disegnati a mano -, la parola chiave qui è esperienza . Per un mezzo meccanico puro (ottenendo così un risultato più rapido rispetto a diversi anni di allenamento), cerca un buon raytracer.
usr2564301,

Sì, sono elementi visivi marcatori. Tuttavia, non sto chiedendo come disegnare, ma piuttosto - come la luce si comporta con il vetro. Ho usato raytracer per figure umane in passato, tuttavia imparando a conoscere il comportamento della luce, delle ombre centrali, della luce ambientale e dell'esperienza fotografica, ora posso contrattare figure e la maggior parte dei materiali senza riferimento. Tuttavia, il vetro richiede più considerazione. Ho pubblicato gli esempi sopra mentre dimostrano che la resa del vetro non sembra essere misteriosa come il primo pensiero!
johnp,

A proposito, non sembrano affatto una vera rifrazione. Ma va bene il pubblico non lo noterà. Vorrei rispondere a questa domanda, ma devo andare e fare altre cose scusate.
joojaa,

Immagino che "convincente" sia la parola chiave qui. Se riesco a capire abbastanza bene la rifrazione, posso creare una buona approssimazione.
johnp,

Risposte:


12

Non penso che nessuno disegna senza riferimento, probabilmente qualcuno che è stato visivamente insegnato da quando è nato. Noi, il resto, abbiamo sempre riferimenti visivi. Alcune persone qualificate imparano come afferrare questi riferimenti visivi dalla memoria o dall'intuizione.

Capitolo I, uno studio delle proprietà dei materiali

Questa è una domanda complessa. Ad esempio, nel rendering 3D questo è uno degli algoritmi più complessi da risolvere. Fino a qualche anno fa rendere qualcosa di rifrattivo era piuttosto complesso e produceva un'immagine falsa.

Prima di tutto, non hai solo "ombre e luci". Esistono diversi tipi di luce bianca e parti scure che interagiscono.

Facciamo un'analisi incrementale di luce e buio. Dato che sono pigro, cerchiamo di ottenere aiuto da un software di rendering 3D.

Ricorda che un disegno è un'interpretazione artistica. Ci entrerò più avanti.

Luce e ombra

La comprensione più semplice è un materiale diffuso. La luce e l'ombra sono un'indicazione molto chiara della provenienza della luce (A) e della sua assenza (B) .

1) Riflessione lucida

Ma le cose iniziano a complicarsi quando aggiungiamo alcuni glossine (superficie riflettente) Un chiaro punto culminante in cui la sorgente luminosa appare (C) , ma alcune altre zone non sono chiare su ciò che sta accadendo. Alcuni possono diventare più scuri solo "perché" (D) e alcuni più chiari (E) . Ma si scopre che non ha più nulla a che fare con la relazione con la fonte di luce, ma con il materiale dietro quello che viene riflesso (F) o l'assenza di qualcosa da riflettere (D) .

inserisci qui la descrizione dell'immagine

Riflessione plastica vs metallo

La differenza principale tra una riflessione metallica e una semplice plastica o lucida è che su una plastica, il riflesso rimane dello stesso colore della luce sorgente (bianco) in uno metallico, il riflesso è influenzato dal colore stesso, quindi il il massimo riflesso non è più bianco. Questo può accadere in diversi gradi.

inserisci qui la descrizione dell'immagine

2) Trasparenza

Aggiungiamo ora un secondo componente, la trasparenza.

Questo può essere un colore molto piatto o forse con alcuni gradienti, per indicare il nostro colore di base (G) .

Se aggiungiamo gradualmente i nostri Glossini, ritroviamo il nostro evidente (C) punto culminante che riflette la nostra luce (H) e troviamo un altro punto culminante sulla faccia opposta interna (I)

Se ora aumentiamo questa componente di riflessione qualcosa che in fisica si chiama conservazione della legge energetica che dice che non posso avere più luce che rimbalza in un oggetto rispetto alla luce originale proveniente dalla mia sorgente luminosa.

Man mano che viene riflessa più luce, la componente rossa "trasparente" interna (G) diventa più scura e le luci diventano più luminose (J) .

Potresti fermare la tua interpretazione artistica qui. Non è necessario un disegno fisicamente accurato.

Le cose si complicheranno facendo un buco nella bottiglia per mettere ora un liquido di un altro colore all'interno.

inserisci qui la descrizione dell'immagine

3) Rifrazione

Il nostro materiale trasparente lascia semplicemente passare la luce attraverso di essa senza distorcerla. Ma ora le cose iniziano a diventare bizzarre. A l'indice di rifrazione di un materiale aumenta le curve di luce (K) .

In una forma geometrica sembra che l'immagine interna si riduca, le pareti reagiscono come se l'interno si restringesse (L) .

Puoi usarlo a tuo favore, perché puoi aggiungere rifrazione per indicare una forma o un bordo (M)

(Questo rendering è diventato più complicato e ha aggiunto alcune distorsioni, ma hai ancora l'idea di base)

inserisci qui la descrizione dell'immagine

Ecco alcuni altri rendering con un motore di rendering più semplice, in cui questi efetti sono più evidenti. Il rettangolo verde dove dovrebbe essere l'immagine se non abbiamo rifrazione e il rosso mostra lo spostamento. Sto segnando a colori solo un asse, ma questo accade su tutti gli assi.

inserisci qui la descrizione dell'immagine

4) Caustiche

Questa è la luce che passa attraverso il tuo vetro e proiettata su un'altra superficie. Per essere in grado di vederlo è necessario che la tua superficie non sia totalmente bianca, quindi puoi vederla più illuminata e aggiungerla come un altro punto culminante.

Ecco alcuni passaggi diversi aggiunti uno sopra l'altro per rendere l'immagine più vivida.

inserisci qui la descrizione dell'immagine

5) Modellalo bambino

La sfida ora sta usando questi elementi per insinuare la forma. È fatto di facce piatte? o quelli curvi.

Guarda la parte nera di questa sezione. Queste curve indicano la forma complessiva dell'oggetto 3D.

inserisci qui la descrizione dell'immagine

Capitolo II, una configurazione di illuminazione

In fotografia ci sono molte tecniche per rendere qualcosa di luminoso o scuro, mentre si fotografano gioielli, bottiglie di vino, profumi.

L'idea di base è quella di installare una serie di pezzi bianchi riflettenti di cartone, e neri, per creare interessanti riflessi, sia su facce curve che piatte.

Questa è un'arte su se stessa, dai un'occhiata ad alcuni tutorial di YouTube, come questo: https://www.youtube.com/watch?v=JP3ykBzk_RU e vedi che l'immagine risultante è in realtà una composizione delle aree circostanti .

Ora, torna indietro e analizza alcune immagini di riferimento: https://www.google.com/search?q=fragrance+photography

Inclusi nella fotografia ci sono un milione di modi per mettere la luce su un solo vetro per renderlo diverso e attraente.

Capitolo III

Libertà, sei un artista!

Il punto non è la precisione della rifrazione della riflessione, ma un'interpretazione artistica per dare un'idea generale del prodotto finale.

Prendi delle decisioni, quale sarà la faccia più felice e luminosa?

E costruisci su quello. Sarà più scuro, ho bisogno di contrasto qui, ho bisogno di una simulazione di una rifrazione scura, voglio una bella evidenziazione qui o un gradiente lì.

Capitolo IV

Dimentica tutti i miei post e vai a disegnare!


Sto esplorando questo stesso argomento un po 'più in profondità per un "materiale d'oro" qui:

Illustrator: come creare realistiche superfici dorate riflettenti?


Ottima risposta @Rafael. Lascerò la domanda aperta anche se per ulteriori contributi fino a quando la generosità non è quasi scaduta. Ho pensato che i punti (1) Gloss-e & f fossero molto utili. Presumo che questo valga anche per il metallo? (2) Contro trasparenza. di energia è utile sapere anche. In una bottiglia di profumo vuota, ad esempio, i punti salienti interni seguiranno ancora questa legge o cambieranno, poiché sono ancora visti attraverso un lato di vetro? Grazie per l'aiuto :)
johnp

Anche per interesse, con quale software 3d utilizzi per eseguire il rendering di questi prototipi?
johnp,

2
Il cubo è stato realizzato con un frullatore a cicli con motore di rendering. Il secondo, le eliche, erano rese con cherkythea. - Certo, lascia aperta la domanda, è molto interessante. - Devo espandermi ulteriormente fino a un effetto chiamato Fresnel. Espanderò anche la differenza tra riflessione metallica e non metallica.
Rafael,

-.- Finirò per dare più rappresentante a te non sono io. Rafael, Bounty Hunter lol
Ryan

Lol. Ryan ci ho pensato. Ma il punto è che hai un buon occhio per attirare l'attenzione su domande interessanti. Davvero n_n. Non sono un illustratore, probabilmente frustrato, ecco perché questi temi attirano molto la mia attenzione.
Rafael,

5

Come per molte domande di questo tipo, ci sono tre requisiti: pratica, pratica e più pratica. Detto questo, ci sono un paio di suggerimenti che posso condividere dalla mia esperienza e lotte per illustrare progetti di prodotti come quelli che hai mostrato. Il mio approccio è sempre stato attraverso l'illustrazione digitale (Illustrator o Photoshop), ma lo stesso vale per il disegno a mano.

Innanzitutto, è necessario uno schema prolungato per ricreare l'aspetto del vetro da fonti esistenti. Questo può essere basato su fotografie o illustrazioni di altre persone. Traccia, copia e duplica quanti più oggetti di vetro diversi e pertinenti che riesci a trovare fino a quando non identifichi i metodi che funzionano per te. Non sottovalutare il valore di fare sempre lo stesso per affinare e accelerare le tue abilità.

In secondo luogo, il vetro (e gli oggetti trasparenti in generale) possono essere suddivisi in quattro componenti e avvicinarsi a loro come quattro strati o fasi separate mi ha aiutato molto:

  1. La FORMA dell'oggetto. Questo è il punto ovvio da cui iniziare. A seconda del tuo stile, questo potrebbe essere un contorno, alcune luci e ombre, l'ombra proiettata su una superficie dall'oggetto e forse una tinta sottile (o non così sottile) per rappresentare il colore del materiale.
  2. Le cose che si possono vedere ATTRAVERSO il vetro. Questa è la parte più complessa. Qualunque cosa dietro l'oggetto deve essere mostrata, ma devi considerare se vuoi distorcere quell'oggetto per simulare la rifrazione. Questo non è sempre necessario, ma può aggiungere una svolta significativa di realismo extra. Solitamente sarai in grado di vedere le facce interne e posteriori dell'oggetto stesso. Questi dovrebbero essere disegnati nello stesso stile e colore dell'oggetto, ma saranno generalmente meno opachi per mostrare che sono caratteristiche secondarie.
  3. Potrebbe esserci un liquido o un prodotto ALL'INTERNO del contenitore. Devi considerare come il colore e l'aspetto generale del contenuto saranno influenzati dal contenitore. Il contenuto stesso può essere trasparente, nel qual caso l'opacità di questo deve essere presa in considerazione in quanto potrebbe oscurare l'oggetto dietro il contenitore più del contenitore. Se il contenuto riempie solo parzialmente il contenitore, potrebbe essere necessaria una superficie visibile come parte della sua stessa forma.
  4. Infine (e di solito lo farei per ultimo), ci sono le cose che sono RIFLESSE nella superficie del vetro. Avrai sempre bisogno di aggiungere alcuni punti salienti: morbido e sottile sulle superfici piane e luci di cattura più difficili e più luminose agli angoli; e forse alcune aree più scure per suggerire la riflessione generale dell'ambiente. Se ci sono più oggetti nella scena, mostrare una sottile riflessione degli oggetti vicini nella superficie può aggiungere più realismo e creare insieme la scena.

Parte di questo è probabilmente ovvio, ma se lo scomponi come ho fatto io, dovresti essere in grado di trovare la tua soluzione per ogni componente e poi costruirli nel tuo stile di illustrazione.

Personalmente, ricorro spesso alla modellazione 3D e al software di rendering per questo tipo di progetto, ma questa è solo una preferenza personale. A volte produrrò un rendering 3D e poi lavorerò in alto in Photoshop per aggiungere i miei tocchi.

Spero possa aiutare.


Grazie per la tua utile risposta, Chris. La presentazione dei rendering 3D è diventata più standard industriale rispetto all'illustrazione grafica, in particolare nelle fasi di sviluppo del prodotto?
johnp,

1
Ciò varia a seconda dell'azienda, del cliente e del progettista. Come regola generale, direi che la maggior parte delle aziende e dei clienti mainstream e i designer mediamente abili faranno principalmente illustrazione digitale e rendering 3D. Per motivi di tempo e costi più di ogni altra cosa. Nella parte alta, i migliori designer delle aziende più prestigiose che lavorano per la crema dei clienti, avranno il tempo, il budget e l'abilità impostati per disegnare idee come quelle che hai citato nella tua domanda. Ho visto persone che possono scarabocchiare qualcosa del genere sul retro di un'agenda durante una riunione. Mi ha fatto impazzire!
Westside,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.