Come aggiungere un'immagine a un banner in Photoshop

October 13

Come aggiungere un'immagine a un banner in Photoshop


Un semplice banner, in particolare uno con una foto, fornisce l'interesse più visivo per i visitatori on-line di un semplice link testuale verso vostre ultime foto delle vacanze o di più recente creazione culinaria. Con pochi minuti e una conoscenza superficiale di Photoshop, è possibile creare un semplice striscione immagine per il vostro sito web.

istruzione

1 Aprire o creare l'immagine del banner in Photoshop. Se non avete già creato il banner, farlo aprendo il menu File e selezionare "Nuovo". Inserire l'altezza desiderata e larghezza in pixel, e fare clic su "OK" per creare il nuovo documento. Aggiungere testo, colori di sfondo o un altro stile che si desidera per il banner, pure.

2 Aprire l'immagine in Photoshop. Se necessario, regolare le dimensioni dell'immagine in base al banner. È possibile modificare le dimensioni dell'immagine aprendo il menu Immagine, selezionare "Ingrandimento" e immettere l'altezza e la larghezza desiderata.

3 Selezionare l'immagine. Utilizzare la Selezione rettangolare che si trova sotto la barra degli strumenti Strumenti di Photoshop come un quadrato con i lati tratteggiate, per selezionare la parte desiderata dell'immagine. Per scegliere un quadrato, tenere premuto il tasto Shift mentre si effettua la selezione.

4 Copiare l'immagine. Fare clic sui tasti "Ctrl" e "C", allo stesso tempo per copiare, o aprire il menu Modifica e selezionare "Copia".

5 Incollare l'immagine nel banner. Aprire la finestra che contiene il banner. Fare clic sul tasto "Ctrl" e il tasto "V", o aprire il menu Modifica e selezionare "Incolla" per inserire l'immagine nel banner. L'immagine apparirà come un nuovo livello sotto il riquadro Livelli.

6 Regolare la posizione dell'immagine. Assicurarsi livello della immagine è evidenziato nel riquadro Livelli. Spostare l'immagine nella posizione appropriata con lo strumento Sposta (la freccia con una croce accanto) cliccando e trascinando l'immagine o utilizzando i tasti freccia sulla tastiera.

7 Salvare una versione PSD del banner. Aprire il menu File e selezionare "Salva con nome". Per impostazione predefinita, Photoshop salva il banner come un PSD (Photoshop Document). Salvare il documento nella stessa posizione come immagine web-ready, in modo da poter modificare facilmente i livelli esistenti, come qualsiasi testo o altri disegni in futuro, senza la necessità di ricreare l'immagine.

8 Salvare il banner. Aprire il menu File e selezionare "Salva per Web e dispositivi", che sarà "appiattire" o combinare tutti i livelli in una singola immagine. Selezionare il tipo di file nel menu. Per le pagine web, selezionare "GIF" (per risparmiare spazio di archiviazione) o "PNG-24" (per un'immagine con uno sfondo trasparente). Fai clic su "Salva" e selezionare la posizione sul disco rigido per salvare il file. Se si dispone già di una cartella per il tuo sito, salvare il banner per quella cartella; In caso contrario, creare una nuova cartella sul desktop, in Documenti o qualsiasi altro luogo si sceglie.

Consigli e avvertenze

  • dimensioni dei banner comuni includono: 120 pixel per 60 pixel (piccolo rettangolo), 125 pixel per 125 pixel (piccola piazza), 300 pixel per 300 pixel (media quadrati), 468 pixel per 60 pixel (formato standard web banner - Rettangolo grande).
  • Assicurarsi che il banner è almeno tre pixel più piccoli (su tutti i lati) dello spazio siederà in, per fornire un'adeguata separazione dal resto della pagina.