Home Hardware Networking Programmazione Software Domanda Sistemi Computer
Conoscenza del computer >> Computer >> Software >> .

Come creare unintestazione di sito Web professionale in Photoshop

Photoshop CC 2014 è uno strumento ideale per la progettazione di immagini professionali per il tuo sito Web, compresi i banner. Quando progetti il ​​tuo primo banner, mantieni il design semplice in modo che la grafica non sia sovraccarica di troppe informazioni visive. Se la tua azienda ha i colori dell'azienda e un carattere aziendale, puoi certamente usarli nel tuo banner.

Passaggio 1

Avvia Photoshop. Premi "Ctrl-N" o seleziona "Nuovo" dal menu File. Nella finestra di dialogo, specifica l'altezza e la larghezza del banner, ad esempio 900 pixel di larghezza e 150 pixel di altezza. Fai clic su "OK"

Passaggio 2

Se lo desideri, seleziona un colore di sfondo uniforme per il banner. Per fare ciò, fai clic sull'icona "Colore di primo piano" nella barra degli strumenti e seleziona un colore, quindi fai clic su "Strumento rettangolo" e trascinalo sull'intero banner. In questo tutorial, tuttavia, si sovrapporranno due gradienti invece di utilizzare uno sfondo solido.

Passaggio 3

Fare clic sullo strumento "Gradiente" nella casella degli strumenti. Fai clic sul menu "Riempi" nella barra delle opzioni e seleziona il gradiente in bianco e nero tra i predefiniti disponibili. Fai clic in un punto qualsiasi sopra il banner nell'area di disegno e trascina il cursore sotto il banner. Rilascia il pulsante del mouse per applicare il gradiente.

Passaggio 4

Fai clic su "Strumento testo orizzontale" nella casella degli strumenti. Trascina il cursore sul banner per creare una casella di testo. Utilizzare i menu nella barra delle opzioni per specificare un carattere, la dimensione e il colore del carattere. Trascina la casella di testo in modo che sia centrata sul lato sinistro del banner.

Passaggio 5

Seleziona "Apri" dal menu File e seleziona qualsiasi immagine sul computer che desideri utilizzare per il tuo banner , come un logo aziendale, una tua foto o un prodotto che stai vendendo. Quando l'immagine si apre, seleziona "Duplica" dal menu Livello. Cambia la destinazione nel tuo file di intestazione, che sarebbe chiamato "Untitled-1" a meno che tu non l'abbia già salvato. Fai clic su "OK" per aggiungere l'immagine come nuovo livello al tuo banner.

Passaggio 6

Seleziona "Trasforma" dal menu Modifica, quindi fai clic su "Ridimensiona". Nella maggior parte dei casi, l'intera immagine non sarà visibile sul banner stretto, ma il suo contorno sarà visibile dopo aver selezionato "Ridimensiona". Trascina qualsiasi angolo del contorno dell'immagine per ridimensionarlo per il tuo banner. Tenere premuto il tasto "Maiusc" mentre si trascina per bloccarne le proporzioni. Premere Invio." Trascina l'immagine in modo che si trovi sul lato destro del banner.

Passaggio 7

Fai clic sull'icona "Colore di primo piano" nella barra degli strumenti per aprire il Selettore colore. Fai clic in un punto qualsiasi del lato destro del banner per abbinare il suo colore nel Selettore colore, quindi fai clic su "OK".

Passaggio 8

Seleziona lo "Strumento rettangolo" dalla casella degli strumenti. Fai clic sul menu "Riempi", quindi seleziona l'icona "Sfumatura" nella parte superiore delle opzioni di menu. Trascina il cursore sul banner da appena dentro il lato sinistro dell'immagine fino al bordo sinistro del banner. Crea un rettangolo con una sfumatura usando il colore corrispondente all'immagine.

Passaggio 9

Individua il livello "Rettangolo 1" nel pannello Livelli, che è il livello contenente il rettangolo sfumato che hai appena aggiunto . Trascina questo livello verso il basso per renderlo il terzo livello dall'alto, sotto "Livello 1" e il livello contenente il testo. Fai clic sul menu "Opacità" nella parte superiore del pannello Livelli e trascina il cursore in modo che sia circa il 50 percento. Rendere il gradiente superiore semitrasparente consente di unirlo al gradiente sottostante, creando uno sfondo ricco.

Passaggio 10

Seleziona il livello contenente il testo nel pannello Livelli. Fai clic sul menu "Livello", seleziona "Stile livello", quindi fai clic su "Smusso e rilievo". Assicurati che il menu Stile sia impostato su "Rilievo" e trascina il cursore "Profondità" verso sinistra - circa "225" percento - per aggiungere solo un po 'di questo effetto al testo.

Passaggio 11

Fai clic sull'opzione "Satin" nella finestra Stile livello. Per questo stile, usa una modalità di fusione "Moltiplica" e riduci l'opacità a circa il "15" percento. Questo combina lo stile satinato con lo stile in rilievo. Se lo desideri, regola le impostazioni e fai clic su "OK".

Salva l'immagine come banner ottimizzato per il Web selezionando "Salva per Web" dal menu File. Seleziona "JPEG" dal menu Formato e usa una qualità dell'immagine compresa tra il 75 e l'80 percento. Questo crea un'immagine con una piccola dimensione del file, che viene caricata rapidamente da qualsiasi browser Web, senza sacrificare la qualità dell'immagine. Fai clic su "Salva" e seleziona un percorso per archiviare il file sul tuo computer. Dopo aver chiuso Photoshop, aggiungi il file alla tua pagina Web.

 

Computer © www.354353.com