Come creare un sito web con Photoshop CS2

January 30

Anche se Photoshop CS2 non può essere il programma ottimale in cui un sito web dovrebbe essere progettato, una persona può ancora fare un sito web attraente utilizzando questo software.
Una conoscenza di base di Photoshop dovrebbe essere ottenuto prima di tentare di creare un sito web con questo software, ma anche una persona con solo un po 'di esperienza con Photoshop dovrebbe essere in grado di capire come creare un sito web con Photoshop CS2, seguendo la procedura corretta.

istruzione

Creazione dello sfondo

1 Creare una nuova pagina in Photoshop selezionando Ctrl + N. Photoshop vi chiederà quali dimensioni della pagina dovrebbe essere. Non c'è scienza esatta di quale sia la dimensione di qualsiasi pagina web singola dovrebbe essere. Questo dipende dalle dimensioni del browser. La maggior parte dei browser sono almeno 750 pixel di larghezza e circa 500 pixel in altezza. Questa è una dimensione sicuro per iniziare a. La creazione di una pagina molto più grande di questo può rendere difficile per tutti gli utenti di vedere la pagina nel modo che si desidera loro di vederlo. Tutte le pagine successive che verranno creati per il sito web dovrebbe essere la stessa dimensione.

2 Create un nuovo livello facendo clic sul pulsante "nuovo livello" sulla palette "Livelli". Anche se il design può essere creato sulla pagina di sfondo, una persona ha una maggiore flessibilità e spazio per la creatività, se si disegna la pagina su un nuovo livello.

3 Impostare un colore alla pagina selezionando un colore nella tavolozza colori. Quando si crea lo sfondo di un sito web con Photoshop CS2, è meglio fare uno sfondo che è un colore morbido, piacevole. Questo può essere fatto creando un colore e quindi diminuendo l'opacità nella palette pendenza inserendo un numero nel campo opacità. Impostare l'opacità per circa 35 o 40 per cento.

4 Ricordarsi di salvare navigando su "File" e "Salva con nome" nella barra degli strumenti. Mentre è bene risparmiare molto, la pagina dovrebbe almeno essere salvato a questo punto prima di passare alla parte successiva del progetto.

L'aggiunta di elementi di design

5 Disegnare le caselle di testo e le caselle di immagini sulla pagina in cui si desidera inserire elementi. Le caselle di testo e le caselle di immagine possono essere creati selezionando gli strumenti casella di testo e immagine Scatola dalla casella degli strumenti sul lato sinistro della pagina e poi disegnare i contorni delle scatole sulla pagina. Alcuni degli elementi importanti che un sito web creato con Photoshop CS2 dovrebbe avere includono collegamenti ad altre pagine. Questi link possono leggere: Chi siamo; Contatto; Notizia; sedi; Casa. I collegamenti creati dipendono da ciò che il sito è per. La cosa importante è che questi collegamenti sono situati sulla parte superiore o inferiore della pagina in una casella di testo.

6 Inserire l'intestazione della pagina. E 'meglio creare una intestazione grafica per il sito web prima e salvarla come immagine. Al fine di inserire l'intestazione o banner, disegnare una casella di immagine quasi tutto il tragitto attraverso la pagina appena sotto la parte superiore della pagina. Navigare nella barra degli strumenti di "Modifica" e "posto Immagine" per mettere il banner nella scatola.

7 Creare scatole aggiuntive per altro testo e le immagini selezionando gli strumenti casella di testo e immagine Scatola dalla casella degli strumenti sul lato sinistro della pagina. Ricordatevi di dare alla pagina un po 'di spazio per respirare. Non inserire immagini o testo accanto gli uni agli altri. Continuare a posizionare immagini e testo fino a quando la pagina è completa.

Creare pagine successive

8 Iniziare a creare le pagine che la home page del sito sarà il collegamento. Seguire i passaggi 1-4 per ricreare ogni nuova pagina. Le pagine più di un sito, il migliore è il sito faranno con venire più in alto nelle ricerche su Internet. Per lo meno, creare pagine di destinazione che collegheranno al Chi siamo, Contatti, Notizie e Sedi pagine.

9 Variare l'aspetto delle pagine aggiuntive, ma solo un po '. Il modo in cui la home page dei look del sito Web (passi 1-3 nella sezione 2), sarà diverso dal modo in cui le pagine di destinazione si crea avrà un aspetto, anche se compresi gli stessi colori e la sensazione generale è una buona idea. Gli stessi elementi non devono essere in ogni pagina. Ricordate buoni principi di progettazione allineando le immagini e il testo sulla pagina. Inoltre, ricordarsi di non mettere troppa contenuto di una pagina. Se avete bisogno di inserire più contenuti, è sufficiente creare un'altra pagina.

10 Salvare l'immagine e importarlo in Dreamweaver per fare i collegamenti attivi. Non c'è modo di fare collegamenti attivi in ​​Photoshop, tuttavia una persona che possiede la Adobe Creative Suite può facilmente caricare l'immagine di Dreamweaver e attivare i collegamenti con mappe Dreamweaver immagine. Una prova gratuita di 30 giorni di Dreamweaver può anche essere scaricato.

Consigli e avvertenze

  • possono avere bisogno di essere regolato un po 'a seconda dello scopo del sito Questi passaggi. Se i colori o le dimensioni di diversi elementi potrebbero soddisfare meglio un sito web, non esitate a effettuare le regolazioni.
  • Se Dreamweaver è disponibile, utilizzare questo software. E 'stato creato appositamente per la creazione di siti web. Photoshop può fare il lavoro, ma non così facilmente o pure.

Articoli Correlati