Come fare un layout con Photoshop

Rinomata per le sue capacità grafiche e di elaborazione 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 . Cose che ti serviranno
Photoshop
Mostra più istruzioni
1

Apri 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 . Fare clic su " OK ". Cambiare il colore di " primo piano" al grigio . Selezionate lo strumento " Secchiello " e riempire la tela con questo colore .
2

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

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

Selezionare " Opzioni di fusione " e applicare il default " Ombra interna ", " raso " e "Corsa " per uno della scatola strati . Questo creerà un effetto metallico . Create un nuovo livello . Selezionate 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ì dopo. Anche in questo caso selezionare " Opzioni di fusione ", questa volta applicando " Ombra interna ", " Bagliore esterno " e " Bagliore interno ". Ripetere questa operazione per ciascuna delle aree bianche , tra cui l'area del banner . Ora aggiungere un immagine del banner che preferisci per l'area del banner e del testo .
5

Vai alla barra e selezionare la funzione " Slice" . Iniziare a tagliare il layout in sezioni utilizzabili . Volete le fette in modo da riflettere le funzioni della pagina che , come i pulsanti di navigazione e striscioni . Assegnare un nome ogni fetta . Quindi salvare il documento complessivo . Quindi, selezionare "File" e cliccare su " Salva per Web o 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 grafica vettoriale , si sta meglio salvare le fette come GIF , dal momento che verranno caricati più velocemente .