Come posso rendere una forma simile al vetro?


12

Quali sono i principi generali che posso applicare per far sembrare una forma fatta di vetro? Più specificamente, voglio creare una grafica semplice che dia l'impressione di guardare un lato dell'obiettivo (vedi sotto). Speravo di trovare uno schema che avrebbe funzionato per una varietà di forme di lenti diverse (convesse, concave ecc . ) .

Immagine dell'obiettivo biconvesso da <code> http://it.wikipedia.org/wiki/Lens_(optics) </code>

Finora ho cercato di aggiungere un contorno alla forma dell'obiettivo che potrebbe essere riflessi da una fonte di luce molto lontana. Il colore di sfondo scuro riduce la complessità di eventuali rifrazioni attraverso l'obiettivo, come suggerito da @Dom.

Tentativo di lente su uno sfondo scuro.


La conversazione nei commenti su questo post è stata spostata nella chat .
John B

Allora, dov'è la chat / i commenti?
Voci del

Risposte:


19

Alcune note iniziali

Facciamo una ricerca su google (immagini): https://www.google.com/search?q=crystal+logo

1) Puoi vedere quanto sia difficile realizzare un'astrazione di un cristallo. Verey pochi loghi ci riescono.

2) "Come realizzare un'illustrazione" dipende dal tipo di illustrazione che desideri. La parola chiave qui è "stile".

A seconda di quale sia questo approccio, l'aspetto potrebbe essere chiamato un diagramma, un cartone animato, un'illustrazione, carino, sorprendente, ecc.

Facciamo un'altra ricerca (immagini) https://www.google.com/search?q=crystal+vector

È meglio, ma il problema è che non hai bisogno di cristalli sfaccettati che sono più facili in alcuni casi.

3) È ovvio che non vuoi questi ottusi diagrammi di lenti: https://www.google.com/search?q=lens+diagram

Ecco il mio approccio

In realtà sto iniziando a usare questo stile per alcuni diagrammi che sto facendo da solo.

Se avessimo bisogno di un'immagine realistica, userei un'immagine 3D come base.

Ma se non abbiamo bisogno del realismo, solo un diagramma più carino sto usando una semplice ombra (s) e un riflesso (r) (A)

Ma non riesco a vedere il riflesso, quindi ho bisogno di un po 'di colore di base (B)

E sto aggiungendo un "sabbiatura" (C)

Ma il trucco è che tutti quegli elementi stanno effettivamente usando la trasparenza. Dopotutto è un obiettivo. Quindi, se utilizzo uno sfondo più scuro, so di poter mostrare la luce nei prossimi passi. (Puoi vedere che il raggio di luce è dietro l'obiettivo)

Posso giocare con la luce invece di quelle noiose frecce gialle.

inserisci qui la descrizione dell'immagine

Tutti i lucidi sono semplici gradienti (sto usando Corel Draw qui ma li hai in Illustrator e Inkscape)

Per l'ultimo sto usando un oggetto iniziale e un oggetto finale per dare forma al raggio, ma ci sono altri approcci a questo.

Modificato qualche tempo dopo.

Sto aggiungendo un'immagine su come creare un semplice pulsante lucido tipico.

Puoi vedere qui come si combinano i diversi elementi semplici.

inserisci qui la descrizione dell'immagine

Un'ulteriore variante dello stile è l'aggiunta di alcune sfocature sugli stessi oggetti che avevamo prima.

inserisci qui la descrizione dell'immagine


Una risposta così grande! Mi piace molto il modo in cui con pochi elementi (sfumatura e colore) puoi ottenere qualcosa di vivace e divertente.
boyfarrell,

1
Anche quegli esempi 3D sono opera tua, quel raggio è stato rintracciato?
boyfarrell,

Raytraced è una parola generica sul rendering 3D. Sì. Ma più specifico era con Kerkythea e la mappa dei fotoni, ma in generale qualsiasi "motore di rendering fotorealistico farà, come i cicli nel frullatore.
Rafael,

Come si fa la sabbiatura ? Puoi approfondire? Sembra lucido; più simile a un riflesso vagante che alla superficie incisa che vedresti su un obiettivo reale, ma è l'elemento chiave che distingue davvero C, D, E, F & G. Soprattutto con lo sfondo scuro e il raggio di luce trasversale.
voci

Hai ragione. Vorrei usare la stessa identica tecnica di un riflesso lucido. Non voglio rappresentare una vera sabbiatura, perché sarebbe invadente. Ricorda che questo è per un diagramma o per scopi illustrativi, non per rappresentare la vita reale.
Rafael,
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.