Come creare una pagina in Photoshop per il Web

April 4

Durante la creazione di una pagina Web, molte persone utilizzando il software turno di programmi tradizionali come Frontpage, Dreamweaver o Expression Web. Ma Adobe Photoshop può anche essere usato per creare una pagina Web completamente funzionale. L'utilizzo di Photoshop per questo scopo ha il vantaggio di avere le numerose e versatili strumenti grafici di Photoshop a portata di mano quando si crea una pagina Web, che consente di progettare un layout veramente professionale alla ricerca.

istruzione

1 Brainstorming su ciò che si desidera che la pagina Web per assomigliare. Lo scopo di avere per il sito avrà un impatto importante sulla comparsa delle pagine '. Ad esempio, se la pagina web è per un business, si vuole un semplice, layout pulito che utilizza solo pochi colori in modo coerente in tutto il disegno.

2 Caricare immagini o foto che si desidera aggiungere alla pagina Web sul computer.

3 Aprire Photoshop. Selezionare "File" e fare clic su "Nuovo". La finestra di documento di dimensionamento si aprirà. Rendere i numeri di larghezza e altezza in pixel ciò che desiderate per la vostra pagina web. Dal 1024 x 768 è l'impostazione più comune sugli schermi, si potrebbe desiderare di andare con questo.

4 Selezionare lo strumento "Secchio di vernice" e usarlo per riempire la tela con il colore o il modello che si desidera per lo sfondo (anche se di solito è meglio attaccare con il bianco). Clicca sull'icona "Nuovo livello" nella parte inferiore del pannello "Livelli".

5 Selezionate lo strumento di selezione "Marquue" dalla barra degli strumenti. Disegnare una selezione sulla tela in cui si desidera che il banner. Selezionare lo strumento "Secchio di vernice" e utilizzarlo per riempire il banner con qualsiasi colore che si desidera. Se si desidera, è possibile utilizzare le "Opzioni di fusione" nella parte inferiore del pannello "strati" per aggiungere un "Smusso ed effetto rilievo" o l'effetto "Ombra" per la bandiera.

6 Utilizzare lo stesso metodo utilizzato nel passaggio 5 per creare tutti i pulsanti e barre di navigazione per la vostra pagina web.

7 Aprire le immagini che si desidera aggiungere al vostro banner e "Copia" e "Incolla" li in un documento della pagina Web. Ridimensionare e posizionarli sul banner.

8 Selezionare lo strumento "Testo" e mettere in tutto il testo per la tua pagina.

9 Selezionare lo strumento "Slice" dalla barra degli strumenti e utilizzarlo per tagliare il vostro disegno, creando intorno a voi fette pulsanti di navigazione e qualsiasi altra cosa si potrebbe desiderare di essere cliccabile. Nome ogni fetta.

10 Selezionare "File" e fare clic su "Salva per Web e dispositivi." Un nome al file della pagina Web, e Photoshop salverà una cartella con le immagini affettate e una pagina web ora è possibile caricare.


Articoli Correlati