Come disegnare forme 3D per siti web

February 6

Come disegnare forme 3D per siti web


Disegnare forme 3D per i siti web significa disegnare immagini 3-D visualizzabili in un browser Web. Ci sono due grandi categorie di metodi per produrre tali immagini: disegno con l'ausilio di programmi di progettazione per produrre l'illusione di 3-D, e il disegno senza tale aiuto. Il tipo aiutato di disegno comporta l'uso di programmi di modellazione 3-D, come Blender o Google Sketchup. Questi programmi possono produrre immagini statiche o quelle dinamiche che gli utenti possono manipolare (ad esempio ruotare, andare in giro). Disegnare forme 3D per i siti web consente agli sviluppatori Web per fornire un'esperienza visiva per i visitatori del loro sito che è più ricca di quella disponibile da immagini 2-D.

istruzione

Un metodo: Pareggio 3-D Forme a mano

1 Aprire Microsoft Paint e fare clic sullo strumento pennello. Fare clic sul colore nero in alto a sinistra della tavolozza dei colori, quindi disegnare un cubo da un punto di vista che mostra tre delle sue facce. Fare riferimento alle immagini del cubo sul Web, o forme di cubo-come in tutta la casa (ad esempio scatole) per aiutare a disegnare questa immagine. La ragione per disegnare un cubo è la sua immediata familiarità: si riconosce immediatamente che si tratta di una forma di 3-D.

2 Fare clic sul secondo tonalità di grigio dalla parte superiore sinistra della tavolozza dei colori, poi dipingere il lato destro del cubo. Questa tonalità rappresenta il lato del cubo illuminato da (ie ambiente) luce indiretta.

3 Fare clic sul primo tonalità (nero) in alto a sinistra della tavolozza dei colori. Questo valore rappresenta il lato del cubo che è in ombra. Vernice lato sinistro del cubo con la tonalità più scura.

4 Fare clic sul terzo tonalità di grigio da sinistra, fila inferiore della palette, poi dipingere la parte superiore del cubo. Questa tonalità riflette il lato del cubo esposti alla luce (sole) diretta.

5 Salvare l'immagine come JPEG o GIF tipo con una descrizione nome del file scelto.

6 Incollare il seguente codice HTML in un nuovo documento Blocco note:

<Html>

<Body>

<Img>

</ Body>

</ Html>

7 Modificare il testo "<YOUR_IMAGE_FILE_NAME>" al nome del file grafico salvato nel passaggio 5.

8 Salvare il file di blocco note nella stessa cartella dell'immagine che hai fatto, la creazione di un nome di file con estensione ".htm", e con il tipo "Qualsiasi tipo".

9 Aprire Esplora risorse, accedere alla pagina Web di esempio sul disco rigido e fare doppio clic su di esso per aprirlo nel browser. Il cubo 3-D viene visualizzato.

Metodo due: Pareggio 3-D Forme con un programma di modellazione

10 Aprire un programma di modellazione 3-D. Fare clic su "Crea" intestazione del menu, seguito da "cubo" per entrare in modalità per tracciare una base di forma 3-D, il cubo. (Si noti che il programma potrebbe richiamare il menu qualcosa "Crea" diverso. Cercare il file di aiuto per "la creazione di oggetti" per determinare la specifica intestazione del menu.)

11 Fare clic e trascinare nella finestra di disegno per definire un cubo di qualsiasi dimensione.

12 Fare clic sul menu "File", quindi "Export".

13 Digitare qualsiasi nome di file nella casella di testo "Nome file", ma selezionare "VRML 97 (WRL)" per il tipo di file. Questo tipo di file è per VRML (Virtual Reality Markup Language), un linguaggio simile a HTML per raffigurante 3-D scene.

14 Installare un plugin VRML liberamente disponibile per il browser. Questo può essere trovato tramite una ricerca online.

15 Aprire Esplora risorse, quindi passare alla e fare doppio clic sul WRL file salvato in precedenza. Il browser si apre e visualizza il cubo.