Come creare un sito web utilizzando Photoshop

April 5

Come creare un sito web utilizzando Photoshop


Negli ultimi dieci anni, quasi tutte le applicazioni informatiche che creano contenuti multimediali basati hanno aggiunto la possibilità di salvare le pagine web di Internet dall'interno dell'applicazione. Adobe Photoshop ha incorporato questa capacità negli ultimi diverse versioni in modo da consentire creatori di concentrare i loro sforzi su l'arte e lo stile di creazione di contenuti per il web invece di concentrarsi sull'apprendimento aspetti tecnici più profondi della XHTML e linguaggi di scripting di fondo per lo sviluppo web. Di conseguenza, i creatori di contenuti possono progettazione di prodotti complessi Web dall'interno di Photoshop senza dover mano codice XHTML.

istruzione

1 Aprire un nuovo Photoshop immagine selezionando "File -> Nuovo". La dimensione dell'immagine deve essere di almeno 500 x 400 pixel di dimensioni e non più di 1000 x 1000. Utilizzando lo strumento penna a mano libera in Photoshop, disegnare un sito web un'area menù a mano libera, che comprende il terzo superiore della pagina web e il quarto di sinistra . Una volta completato il disegno, convertire la forma disegnato in una selezione da "clic destro" la forma e scegliere l'opzione di menu "Crea selezione". Se la forma non appare come volete, "Right Click" la selezione e selezionare il tasto "Elimina" sulla tastiera e ripetere.

2 Creare un colore di riempimento per la forma creato da "Selezione" lo strumento di riempimento, un colore dalla tavolozza colori e "sinistra cliccando" sulla forma con il colore desiderato.

3 Testo "Inserisci" in alto a destra del file di Photoshop che sarà il titolo del sito web o di un logo, scegliendo il "Testo Insertion Tool" dalla barra dei menu e "sinistra cliccando" all'inizio della zona desiderata per l'immissione di testo.

4 Selezionare l'opzione "strumento Forma" e inserire rettangoli arrotondati sul lato sinistro della pagina web per essere pulsanti per il sito web. Assicurarsi che i tasti sono abbastanza grandi per poi inserire testo utilizzando il "strumento di inserimento del testo" per l'etichettatura dei menu di file.

5 Inserire un'immagine di sfondo per il sito scegliendo il menu "File -> Inserisci -> Immagine" opzione di selezione. Nel menu strato sul lato in basso a destra di Adobe, "Right Click" l'immagine di sfondo e selezionare "Invia a nuovo." Questo farà sì l'immagine è dietro l'altro sito informazioni già configurato.

6 Per pubblicare il tuo sito web creato Photoshop, selezionare "File -> Salva per Web" e una qualità JPEG compresa tra 60 e 80.

Consigli e avvertenze

  • Incorporare Cascading Style Sheets, con creazione di pagine web in Adobe Photoshop per più disegni web complesse.