6 modi per creare un banner web

Sommario:

6 modi per creare un banner web
6 modi per creare un banner web
Anonim

Devi avere familiarità con i banner web (banner web). Questo materiale grafico generalmente si trova sopra un sito Web e mostra il nome e il logo dell'azienda, o sotto forma di pubblicità o una combinazione di entrambi, su un sito Web commerciale. I banner dovrebbero essere informativi, attraenti e invitanti: i banner dovrebbero far sentire a casa i visitatori abituali. Di seguito ti mostreremo diversi modi per creare un banner.

Fare un passo

Metodo 1 di 6: Photoshop

Crea uno striscione Passaggio 1
Crea uno striscione Passaggio 1

Passaggio 1. Crea un nuovo documento

Specificare la dimensione del banner, sono disponibili diverse dimensioni standard del banner. Ai fini di questo articolo, ci concentreremo sulla dimensione standard del "banner completo" (468x60 pixel).

Nota: questa è la dimensione standard del banner, ma non è obbligatoria. Se vuoi una taglia diversa, usa quella taglia come guida

Crea un banner Passaggio 2
Crea un banner Passaggio 2

Passaggio 2. Imposta il colore di sfondo del banner

Riempi il livello di sfondo (noto anche come livello) con un colore che supporti il design del tuo sito web.

  • Fai clic su Colore di primo piano per aprire il Selettore colore, quindi scegli un colore di riempimento.
  • Con lo strumento Secchiello, riempi il livello di sfondo del banner con il colore che preferisci.
Crea uno striscione Passaggio 3
Crea uno striscione Passaggio 3

Passaggio 3. Crea un nuovo livello

Riempiremo questo livello con un colore più ricco per abbellire il testo e il logo. La dimensione di questo livello dovrebbe essere proporzionale alla dimensione del banner e centrata.

  • Su un nuovo livello, fai una selezione leggermente più piccola del banner originale, quindi riempila con il colore desiderato.
  • Centrare l'area riempita. Seleziona l'intero livello premendo CTRL+A (PC) o Comando+A (Macintosh).
  • Dal menu Livello, scegli Allinea livelli alla selezione > Centri verticali. Ripetere questo passaggio ma selezionare Centri orizzontali. Questa azione centrerà il livello di contrasto sia orizzontalmente che verticalmente.
Crea uno striscione Passaggio 4
Crea uno striscione Passaggio 4

Passaggio 4. Aggiungi un logo

Apri il file del logo, copialo e incollalo nel documento banner in modo che appaia come un nuovo livello. Ridimensiona per adattarlo secondo necessità. Premi CTRL+T su un PC o Comando+T su un Macintosh e usa le maniglie per ridimensionare il documento. Usa il tasto Maiusc sulla maniglia per ridimensionarlo proporzionalmente.

Crea uno striscione Passaggio 5
Crea uno striscione Passaggio 5

Passaggio 5. Aggiungi il nome dell'azienda o del sito web

Seleziona lo strumento testo, seleziona il carattere (alias font) che desideri, quindi digita il testo al suo interno. Se necessario, regolare la dimensione del carattere, come descritto nel passaggio precedente.

Crea uno striscione Passaggio 6
Crea uno striscione Passaggio 6

Passaggio 6. Aggiungi elementi extra

A volte bastano un logo e un nome. Ma l'aggiunta di alcune linee e ornamenti aggiungerà interesse al banner. Crea un nuovo livello per farlo in modo che le tue regolazioni non interferiscano con gli altri livelli.

Crea uno striscione Passaggio 7
Crea uno striscione Passaggio 7

Passaggio 7. Pulisci

Perfeziona il posizionamento del logo, del titolo e di eventuali elementi extra, quindi salva il banner.

Metodo 2 di 6: Microsoft Paint

Crea un banner Passaggio 8
Crea un banner Passaggio 8

Passaggio 1. Crea un nuovo documento

Crea un banner Passaggio 9
Crea un banner Passaggio 9

Passaggio 2. Disegna una selezione delle dimensioni di un banner

Puoi creare qualsiasi dimensione tu voglia, oppure clicca qui per visualizzare le dimensioni standard dei banner.

Crea un banner Passaggio 10
Crea un banner Passaggio 10

Passaggio 3. Per creare uno sfondo colorato, usa lo strumento Secchiello per riempire il banner con il colore che preferisci

Usa i colori che corrispondono al sito web.

Crea un banner Passaggio 11
Crea un banner Passaggio 11

Passaggio 4. Aggiungi foto, immagini e testo

Fare clic sulla scheda Incolla, quindi dal menu selezionare Incolla da.

Trova un'immagine che ti piace, quindi fai clic sul pulsante Apri

Crea uno striscione Passaggio 12
Crea uno striscione Passaggio 12

Passaggio 5. Ridimensiona l'immagine se necessario

Fai clic sulla scheda Ridimensiona, quindi seleziona Pixel. Regola la sua altezza verticale in modo che corrisponda all'altezza del banner.

  • Sposta l'immagine in posizione.
  • Aggiungi tutte le immagini che vuoi (e adatta!)
Crea uno striscione Passaggio 13
Crea uno striscione Passaggio 13

Passaggio 6. Aggiungi un nome

Usa lo strumento Testo (pulsante A) per aggiungere il tuo nome o qualsiasi altro testo che desideri.

Crea uno striscione Passaggio 14
Crea uno striscione Passaggio 14

Passaggio 7. Ritaglia (ovvero ritaglia) il banner

Usa lo strumento Seleziona e disegna un riquadro attorno al banner. Assicurati che corrisponda alla dimensione del risultato finale che desideri. Quindi fare clic su Ritaglia.

Crea uno striscione Passaggio 15
Crea uno striscione Passaggio 15

Passaggio 8. Una volta terminato, salva

Metodo 3 di 6: utilizzo di Microsoft PowerPoint

Crea uno striscione Passaggio 16
Crea uno striscione Passaggio 16

Passaggio 1. Creare un nuovo documento PowerPoint vuoto

Regola la visualizzazione al 100%

Crea uno striscione Passaggio 17
Crea uno striscione Passaggio 17

Passaggio 2. Disegna lo sfondo del banner

Usa una delle dimensioni standard del banner o qualsiasi altra dimensione ti serva.

  • Fare clic sulla scheda Forma, quindi selezionare un rettangolo di base.
  • Disegna la dimensione che desideri, quindi riempila a tuo piacimento. È possibile utilizzare un colore a tinta unita oppure, dal menu del colore di riempimento, selezionare Effetti di riempimento o fare clic sul pulsante Stili veloci e scegliere un colore di riempimento preimpostato.
Crea uno striscione Passaggio 18
Crea uno striscione Passaggio 18

Passaggio 3. Aggiungi immagine o logo

Puoi aggiungere una foto, un logo o un'altra immagine al banner. Useremo alcune clip art come decorazione. Fare clic sul pulsante Immagine e selezionare il tipo di immagine che si desidera inserire. Aggiungi un'immagine, ridimensionala, quindi posizionala sul banner.

Crea uno striscione Passaggio 19
Crea uno striscione Passaggio 19

Passaggio 4. Aggiungi testo o altri elementi

Inserisci il nome dell'azienda, lo slogan o altre informazioni complementari per il banner.

Crea un banner Passaggio 20
Crea un banner Passaggio 20

Passaggio 5. Seleziona il banner

Dal menu Modifica, scegli Seleziona tutto o digita CTRL+A (PC) o Comando+A (Mac). Importante: assicurati che il tuo banner sia esattamente come lo desideri e che nient'altro sia sulla diapositiva (ovvero diapositiva)!

Fare clic con il pulsante destro del mouse su qualsiasi elemento non di testo nel banner, quindi selezionare Salva come immagine…

Crea uno striscione Passo 21
Crea uno striscione Passo 21

Passaggio 6. Salva il banner

Aprilo e verifica che il banner sia esattamente quello che desideri, quindi utilizzalo secondo necessità!

Metodo 4 di 6: Utilizzo del Creatore di banner online

Crea uno striscione Passaggio 22
Crea uno striscione Passaggio 22

Passaggio 1. Visita uno dei seguenti siti:

BannersABC.com, Addesigner.com, mybannermaker.com, ecc. (Cerca su Google per qualsiasi altra cosa). Ci sono tonnellate di creatori di banner online. Prenditi qualche minuto per confrontare le varie funzionalità, poi scegli quella che fa per te.

Crea uno striscione Passaggio 23
Crea uno striscione Passaggio 23

Passaggio 2. Aggiungi testo e immagini

Segui le istruzioni e le istruzioni sullo schermo per creare un banner. Questi siti web di solito offrono la propria grafica che puoi aggiungere al banner, ma puoi anche importare immagini di tua creazione.

Crea uno striscione Passaggio 24
Crea uno striscione Passaggio 24

Passaggio 3. Genera il banner

Una volta fatto, ci sarà generalmente una funzione di esportazione che ti permetterà di specificare la directory in cui verrà salvato il banner, insieme al formato (JPEG è solitamente di buona qualità). Segui le istruzioni, salva, scarica e usa il banner secondo necessità.

Metodo 5 di 6: creazione di un avatar adatto al banner

Crea uno striscione Passaggio 25
Crea uno striscione Passaggio 25

Passaggio 1. Questo passaggio è facoltativo

Puoi creare un avatar che corrisponda al banner, se lo usi nei forum.

Crea un banner Passaggio 26
Crea un banner Passaggio 26

Passaggio 2. Utilizzare l'opzione Ritaglia

Questa funzione è disponibile nella maggior parte delle applicazioni grafiche. Taglia il banner a una piccola dimensione.

In alternativa, puoi progettare una versione ridotta che incorpori elementi su un banner grande. Potrebbe essere un logo, un'immagine o solo il nome di un'azienda. L'importante è che sia facile da leggere

Crea uno striscione Passaggio 27
Crea uno striscione Passaggio 27

Passaggio 3. La dimensione dell'avatar dovrebbe essere piccola

La dimensione predefinita è 48x48 pixel.

Crea uno striscione Passo 28
Crea uno striscione Passo 28

Passaggio 4. Salva l'avatar

Metodo 6 di 6: aggiunta di banner per firme di forum, siti Web, ecc

Crea uno striscione Passo 29
Crea uno striscione Passo 29

Passaggio 1. Crea un account

Usa un sito di condivisione di foto come Photobucket, Flickr, Tumblr o simili.

Dopo aver creato un account, puoi caricare banner, avatar e altre immagini sul sito web

Crea un banner Passaggio 30
Crea un banner Passaggio 30

Passaggio 2. Ottieni il codice

Usa lo strumento di condivisione per ottenere il codice HTML per aggiungere il tuo banner alle firme del forum, ai siti Web o altro.

Suggerimenti

  • Installa più caratteri sul tuo computer.
  • Esercitati molto!
  • Vedi banner di esempio su forum o altri luoghi.

Avvertimento

  • Fare banner richiede tempo e pazienza!
  • Per salvare il banner nelle migliori condizioni possibili, salvalo in un formato bitmap a 24 bit, quindi eseguine una copia in formato JPEG e GIF, poiché JPEG e-g.webp" />
  • Se usi PowerPoint per creare un banner, il risultato finale potrebbe essere in formato EMF non supportato da Photobucket. Per convertirlo, assicurati di salvare l'immagine (passaggio #9) in formato JPEG o GIF. Entrambi questi formati possono essere supportati da Photobucket.

Consigliato: