Come costruire siti web in Photoshop

Photoshop non è uno strumento di costruzione sito web , ma può rivelarsi prezioso per la pianificazione e la progettazione del tuo sito web . Photoshop permette di realizzare il look and feel del tuo sito e facilmente apportare modifiche prima di costruire il sito. Costruire un sito web in Photoshop è un compito relativamente semplice , ma è probabile che prendere un sacco di tentativi ed errori prima di creare un disegno si è soddisfatti . Cose che ti serviranno
Photoshop o simili software di modifica delle immagini
Show More Istruzioni
layout il tuo sito web con Photoshop
1

Creare un nuovo file in Photoshop . Impostare la larghezza del file a 1.024 pixel e l'altezza di 1.000 pixel .
2

Premere Ctrl R (Mela R per i Mac ) per rendere i governanti visibile sul vostro nuovo file .

3

Clicca sul righello orizzontale e trascinare verso il basso per creare una nuova linea guida orizzontale. Spostare questa linea guida a 20 pixel dalla parte superiore dell'immagine . Creare un'altra guida orizzontale e trascinarlo a 20 pixel dal bordo inferiore dell'immagine .
4

Clicca sul righello verticale e trascinarlo per creare una nuova linea guida verticale. Spostare questa linea guida a 20 pixel dalla sinistra dell'immagine . Creare un'altra guida verticale e trascinarlo a 20 pixel dalla destra dell'immagine . Ora abbiamo l'inizio di un layout di sito web . Queste guide ci danno margini dai bordi dello schermo e definiscono l'area in cui il contenuto del sito sarà collocato .
5

Fare clic sul righello orizzontale e trascinare giù un'altra guida orizzontale per impostare il basso confine della testata del tuo sito web . Circa 100 pixel dalla parte superiore della pagina dovrebbero dare lo spazio necessario . Ripetere questa operazione per impostare il bordo del piè di pagina del tuo sito web , che definisce il piè di pagina come circa 100 pixel dal bordo inferiore dell'immagine .
6

Clicca su " Aggiungere un nuovo livello " pulsante nella palette Livelli . In questo nuovo livello , selezionare l'area definita per l'intestazione con lo strumento di selezione rettangolare. Selezionare un colore verde brillante dalla tavolozza colori e riempire la selezione con esso . Ripetere questo processo per il piè di pagina e la sezione centrale , o corpo . Utilizzare lo stesso verde per il piè di pagina , ma utilizzare un rosso brillante per il corpo . Questi non sono i colori che verrà utilizzato per il sito Web sono solo alcune guide da utilizzare durante la progettazione del sito web.

Ripetere la procedura per definire ulteriori sezioni del sito . Ad esempio, se si desidera che le colonne nel corpo , utilizzare le guide per definire i migliori , i bordi inferiore, sinistro e destro , di queste colonne . Quindi, utilizzare colori vivaci sul tuo nuovo livello per definire il layout .