Come progettare un sito con Photoshop

vasta gamma di strumenti creativi di Adobe Photoshop permette di progettare un sito web completamente personalizzato con infinite possibilità creative . Se si ha intenzione di lanciare un sito personale, aziendale o di comunità , Photoshop dispone di tutto il necessario per costruire il layout . In poche parole, il processo di progettazione di un sito web in Photoshop consiste nel creare una pagina come immagine , che divide la pagina in pezzi , poi ri- assemblare l'immagine come una pagina web completamente funzionale con un costruttore di Web site . Il costruttore di sito web combina immagine e il codice per creare un sito web completamente funzionale . Istruzioni
1

Scan e importare un'immagine di Photoshop se ne hai uno . In caso contrario , creare un nuovo documento . Usa la tua idea di design per iniziare a costruire il vostro layout. Creare un nuovo livello nella palette Livelli , afferrare lo strumento secchiello , scegli il colore di sfondo e scaricano il colore sulla tela .
2

Usate rettangoli come segnaposto per bloccare gli spazi per un colpo di testa , la navigazione bar e pulsanti, immagini , aree di contenuto , ecc creare un nuovo livello per un dato rettangolo , afferrare lo strumento di selezione , trascinare un rettangolo di dimensioni adeguate e riempitelo con il colore usando lo strumento secchiello .

3

" Flesh out" i singoli elementi della tua pagina web design . Sostituisci i tuoi segnaposto con questi elementi . Mettere ogni singolo elemento su un livello , pure. Posizionare un'immagine di sfondo , se si sceglie di lavorare con uno. Questo strato dovrebbe essere secondo dal fondo della pila e sulla parte superiore dello strato di colore di sfondo . Creare un banner pagina utilizzando qualsiasi combinazione di foto , illustrazioni e testo . Creare loghi , pulsanti di navigazione , e la grafica si richiedono per la tua pagina. Riempire le aree di testo con il testo effettivo o copia " lorem ipsum " afferrando lo strumento testo , posizionando il testo su un nuovo livello , e modificandolo attraverso impostazioni di paragrafo nel menu a discesa Finestra.
4

Fai la composizione pagina equilibrato e piacevole per gli occhi . Includere elementi comuni nei diversi settori della progettazione pagina per creare un senso di fluidità . Rendere ogni elemento del look pagina simile a cui appartiene e corrisponde alla pagina .
5

Duplicate la tela quando si è soddisfatti con il vostro disegno di Web page . Fare clic sul menu a discesa Layer e selezionare " Unico livello . " Dividete le diverse aree di contenuto della pagina e separarli in file di immagini singole . Afferra lo strumento di selezione , trascinare un rettangolo attorno a un elemento grafico , fare clic destro e scegliere "Copia". Incollare la copia in un nuovo file immagine e ritagliare l'immagine ai bordi dell'elemento visivo . Ripetere questa operazione per tutti gli elementi della pagina , e salvare ogni file in un formato di immagine web-friendly .