Come fare un layout con Photoshop

August 19

Rinomata per le sue capacità grafiche e di modifica delle immagini, Adobe Photoshop può essere utilizzato anche per altri scopi, come la creazione di un layout completo per una nuova pagina web. Il processo richiede tempo ma vale la pena il risultato.

istruzione

1 Aprire Photoshop. Selezionare "File" e fare clic su "Nuovo". Nella finestra di dialogo che si apre, impostare la larghezza di 720 pixel e l'altezza di 500 pixel. Lasciare la risoluzione a 72 pixel. Fai clic su "OK". Cambiare il colore "primo piano", al grigio. Selezionare lo strumento "Secchiello" e riempire la tela con questo colore.

2 Vai al pannello "Livelli" e fare clic sull'icona "Nuovo livello". Selezionare lo strumento "Selezione rettangolare" e selezionare un'area in alto dove si desidera inserire l'intestazione. Cambiare il colore "primo piano", al bianco e riempire la selezione.

3 Iniziare a creare lo spazio di navigazione e caselle di testo, creando un nuovo livello per ogni nuovo elemento in modo da rendere più facile cambiare il layout. Selezionare l'area in cui si desidera che ogni scatola e riempirla con il bianco.

4 Seleziona "Opzioni di fusione" e applicare il default "Ombra interna", "raso" e "Corsa" per uno degli strati della scatola. Questo creerà un effetto metallico. Create un nuovo livello. Selezionare lo strumento "Rettangolo arrotondato", cambiare il colore al grigio, e creare un rettangolo più piccolo all'interno della scatola di metallo, lasciando abbastanza esposta per consentire il testo da posizionare lì in seguito. Anche in questo caso selezionare "Opzioni di fusione", questa volta l'applicazione di "Ombra interna", "Bagliore esterno" e "Bagliore interno." Ripetere questo passaggio per ciascuna delle aree bianche, tra cui l'area del banner. Ora aggiungere una bandiera di vostra scelta per l'area del banner, e del testo.

5 Vai alla barra degli strumenti e selezionare lo strumento "Slice". Iniziare a tagliare il layout in sezioni utilizzabili. Volete le fette in modo da riflettere le funzioni di voi pagina, come pulsanti di navigazione e banner. Nome ogni fetta. Quindi salvare il documento nel suo complesso. Quindi, selezionare "File" e fare clic su "Salva per Web e dispositivi." Qui, si risparmia ogni fetta come immagine separata e una pagina HTML che in seguito sarà possibile importare nel vostro editor di pagine web. Tutto ciò con immagini o fotografie deve essere salvato come file JPEG. Se la pagina è solo la grafica vettoriale, si sta meglio salvare le fette come GIF, dal momento che caricare più velocemente.