Creazione di un sito web in Photoshop

Ci sono molti modi per creare un sito web con le applicazioni web come Deamweaver o Frontpage , o anche HTML mano -coded . Tuttavia, se desiderate che il vostro sito web per essere graficamente accattivante, comporre il layout in Photoshop . sarà molto più facile da modificare in seguito pure . Avrete bisogno di disegnare un logo , intestazione , icone , pulsanti , immagini /foto , annunci ( se necessario) , i colori , i font e la consistenza . Fare un mock-up prima del tempo , prima di attuare HTML . Se hai già le idee per la vostra composizione del sito , disegnare su un foglio di carta . Istruzioni di Design in siti web grafici con Photoshop
1

andare su File > Nuovo . Larghezza di ingresso: 800 pixel , altezza : 600 pixel . Impostare la risoluzione a 72 pixel /pollice , RGB color 8bit . Impostare il contenuto a sfondo trasparente . Fare clic su OK .
2

creare l'intestazione e la progettazione di navigazione . Includere un logo , zona banner , alcuni elementi grafici e pulsanti di navigazione . Fai l'altezza dell'intestazione 150 pixel e 30 pixel per i pulsanti . Posizionare il logo e grafica banner nello spazio rimanente . Aggiungi segnaposto per il testo .
3

Selezionare un logo immagine da I Stock . Vai al link bozzetto che ha una filigrana sull'immagine. Fai clic destro sull'immagine e selezionare copia immagine . Selezionare la finestra di Photoshop e il file che si sta lavorando. Incollare l' immagine sul nuovo livello . Vai a Modifica > Trasforma> Scala . Tenere premuto il tasto Maiusc per mantenere la proporzione , e ridimensionare l'immagine . Selezionare la parte da con lo strumento Selezione rettangolare , premere il controllo ( comando in Mac) + shift ed i tasti per invertire la selezione . Controllo Premere ( comando in Mac) + d per deselezionare. Poi premete il tasto Delete per rimuovere il resto dell'immagine .
4

Creare pulsanti per la navigazione web. Selezionate lo strumento testo in Photoshop . Trascinare la casella di testo sullo schermo e digitare un nome per il pulsante, ad esempio casa o contattaci.
5

Progettazione del layout del contenuto nella zona del corpo . Se il vostro sito ha molti collegamenti , utilizzare la colonna di sinistra per ulteriori collegamenti . Selezionate lo strumento testo . Fare clic e trascinare la casella di testo sulla tela . Posizionare il corpo del testo in area di contenuto principale della tela. Aggiungi un testo fittizio da Loren Ipsum come segnaposto . Si andrà a sostituire il testo in un secondo momento quando si è pronti per scrivere il vostro contenuto web .
6

Aggiungi contenuti piè di pagina qui sotto i contenuti principali . Questi includeranno il logo della vostra azienda , il testo d'autore e un duplicato dei link nell'intestazione .
7

Luogo ultime notizie , annunci, Comunicato Stampa Oggetto e promozioni o annunci nella colonna di destra del layout del sito web.
8

Creare una linea di piegatura a 600 pixel in altezza.
9

Ottimizza immagini da pubblicare sul tuo sito web. Affettare le immagini con lo strumento sezione .
10

Fare clic sul menu File . Fare clic su Salva per il web. Far scorrere la barra di scorrimento di qualità per regolare la qualità dell'immagine e dimensione del file . Fare clic su Salva .
11

Fare doppio clic sul file HTML ( Photoshop crea la cartella di immagini e file HTML nella stessa directory . ) Controllare il layout di pagina web nel vostro browser internet . Si dovrebbe avere una pagina web completato in Photoshop sul vostro schermo .