Come creare siti web in 3D

June 15

Come creare siti web in 3D


I siti web che sono in 3D sono una illusione grafica prodotta in fase di progettazione grafica in sviluppo web. Mentre più opzioni sono sempre possibili con l'uso di fogli di stile a cascata (CSS), queste funzioni avanzate non sono visibili in tutti i browser Web, di conseguenza, la grafica è ancora il modo più comune per la produzione di siti web 3D. Se si desidera creare siti web in 3D, provare l'attuazione di queste istruzioni in fase di progettazione grafica prima di creare il codice per il tuo sito. Si dovrebbe avere una solida conoscenza di fogli di stile a cascata e di sviluppo Web per aggiungere queste immagini al tuo sito web dopo aver seguito queste istruzioni.

istruzione

istruzione

1 Aprire Photoshop. Fai clic su "File", seguito da "Nuovo". Creare una nuova tela che è di 960 pixel in larghezza, 600 pixel di altezza e 180 pixel per pollice. Fai clic su "OK".

2 Nella cassetta degli attrezzi, fare clic sullo strumento rettangolo. A sinistra clicca sulla tela e trascinare il mouse per creare un rettangolo. Questo fungerà da immagine di sfondo l'intestazione per il sito web.

Per modificare il colore del rettangolo, fare doppio clic sulla miniatura del livello nel pannello Livelli in basso a destra. Selezionare un nuovo colore.

3 Creare un effetto 3D per lo strato di rettangolo. Fare clic destro sul livello del rettangolo nel pannello Livelli. Selezionare "Opzioni di fusione." Check "Ombra". Fare clic su "OK". La tua casella apparirà ad aleggiare sui retroscena.

È possibile regolare l'effetto ombra o aggiungere effetti 3D aggiuntivi sotto "Opzioni di fusione."

4 Creare un titolo 3D sulla parte superiore della scatola. Questo fungerà da il titolo del tuo sito web 3D. Fare clic sullo strumento di testo nella casella degli strumenti. A sinistra cliccare con il mouse sulla parte superiore della scatola dell'intestazione e trascinare il mouse per creare una casella di testo. Digitare un titolo per il tuo sito in 3D.

5 Fare clic destro il titolo 3D nel pannello Livelli. Selezionare "Opzioni di fusione." Seleziona "Ombra" e fare clic su "OK". Il titolo dovrebbe comparire a librarsi sopra la casella di intestazione.

6 Ripetere i punti 2 e 3 per eventuali ulteriori aree che si desidera creare, tra cui caselle contenuto del corpo di navigazione, piè di pagina o. Se si desidera includere scritte 3D in queste sezioni, ripetere anche i punti 4 e 5 sopra queste nuove scatole.

7 Fai clic su "Layer" nel menu in alto. Selezionare "Unico livello." Il layout sito web 3D diventerà una grafica piatta, adatto per il web design.

8 Utilizzando lo strumento di ritaglio, selezionare l'intestazione grafica tenendo premuto il tasto sinistro del mouse e trascinando la scatola fino a quando non comprende l'intero grafico. Hit "Invio" sulla tastiera per ritagliare l'immagine. Fai clic su "File" e "Salva per Web." Selezionare JPG e fare clic su "OK".

Questo creerà un file JPG distinto per l'intestazione. Ripetere questo passaggio per ogni ulteriore grafica 3D è stato creato.

9 È stato creato con successo la grafica 3D da utilizzare per il tuo sito in 3D. Utilizzare queste immagini in fase di sviluppo per rendere il vostro sito web apparire a 3 dimensioni.