Questo articolo ti insegnerà come creare un banner web accattivante e avvincente. Un banner è un ottimo modo per visualizzare il nome e il logo della tua azienda o un annuncio pubblicitario (o entrambi contemporaneamente). Se non sei sicuro di come realizzare un banner o di che tipo di testo e immagini dovresti includere, siamo qui per aiutarti! Di seguito troverai tutto ciò che devi sapere per iniziare.
Passi
Metodo 1 di 6: utilizzo di Photoshop
Passaggio 1. Crea un nuovo documento
Definisci la dimensione del tuo banner: ci sono un certo numero di dimensioni standard del banner. Per i nostri scopi, ci concentreremo su una dimensione standard "banner completo": 468 pixel per 60 pixel:
Nota: questa è una dimensione standard, ma non è un requisito. Se i tuoi bisogni e le tue esigenze richiedono altre dimensioni, lascia che sia la tua guida
Passaggio 2. Imposta il colore di sfondo
Riempi il livello di sfondo con un colore che si adatti al design del tuo sito web.
- Fare clic sul Colore di primo piano per visualizzare il Selettore colore e selezionare il colore di riempimento.
- Con lo strumento Secchio di vernice, riempi il livello di sfondo del banner con il colore scelto.
Passaggio 3. Crea un nuovo livello
Lo riempiremo con un colore più ricco per aiutare a mettere in risalto il testo e il logo. Vogliamo che sia proporzionale alla dimensione del banner e centrato.
- Nel nuovo livello, crea una selezione leggermente più piccola del banner originale e riempila con il colore desiderato.
- Centrare l'area riempita. Seleziona l'intero livello premendo CTRL-A (PC) o Comando-A (Macintosh).
- Dal Strato menu, selezionare Allinea livelli alla selezione > Centri verticali. Ripeti questo passaggio ma seleziona Centri orizzontali. Questo centrerà il livello di contrasto orizzontalmente e verticalmente.
Passaggio 4. Aggiungi il tuo logo
Apri il file del tuo logo, copialo e incollalo nel documento banner dove apparirà come un nuovo livello. Ridimensiona se necessario per adattarlo. Premi CTRL-T su un PC o Comando-T su un Macintosh e usa le maniglie per ridimensionare il documento secondo necessità, usando il tasto Maiusc sulle maniglie per ridimensionare proporzionalmente.
Passaggio 5. Aggiungi il nome della tua azienda o del tuo sito web
Seleziona lo strumento di testo, scegli il carattere desiderato e digitalo. Se non è della dimensione corretta, regolalo come necessario, come descritto nel passaggio precedente.
Passaggio 6. Aggiungi elementi extra
A volte basta un logo e un nome. Altre volte, l'aggiunta di alcune linee e ornamenti aggiungerà l'interesse necessario al tuo banner. Crea un nuovo livello per farlo in modo da poter apportare le modifiche necessarie senza disturbare gli altri livelli.
Passaggio 7. Puliscilo
Metti a punto il posizionamento del logo e del titolo e di eventuali elementi extra, quindi salva il tuo banner.
Metodo 2 di 6: utilizzo di Microsoft Paint
Passaggio 1. Crea un nuovo documento
Passaggio 2. Disegna una selezione delle dimensioni di un banner
Può essere di qualsiasi dimensione, oppure fare clic qui per visualizzare le dimensioni standard dei banner.
Passaggio 3. Se vuoi uno sfondo colorato, usa lo strumento secchiello per riempire il banner con il colore che preferisci
Rendilo qualcosa che funzioni con il resto del tuo sito web.
Passaggio 4. Aggiungi foto, immagini e testo
Clicca sul Impasto scheda, e dal menu, selezionare Incolla da.
Trova un'immagine che ti piace e fai clic su Aprire pulsante.
Passaggio 5. Ridimensiona l'immagine se necessario
Clicca sul Ridimensiona scheda, quindi scegli Pixel. Imposta l'altezza verticale in modo che corrisponda all'altezza del tuo banner.
- Sposta l'immagine in posizione.
- Aggiungi tutte le immagini che vuoi (e si adatteranno!)
Passaggio 6. Aggiungi il tuo nome
Usando il Testo strumento (il UN pulsante), aggiungi il tuo nome o qualsiasi altro testo che ti piace.
Passaggio 7. Ritaglia il tuo banner
Utilizzare il Selezionare strumento e disegna un riquadro attorno al tuo banner. Assicurati che sia la dimensione che vuoi che sia il tuo banner finito. Quindi fare clic su Raccolto.
Passaggio 8. Al termine, salvalo
Metodo 3 di 6: utilizzo di Microsoft PowerPoint
Passaggio 1. Creare un nuovo documento PowerPoint vuoto
Regola la vista in modo che sia al 100%
Passaggio 2. Disegna lo sfondo del banner
Usa una delle dimensioni standard del banner o qualsiasi altra dimensione ti serva.
- Clicca sul Forma scheda e scegli un rettangolo di base.
- Disegnalo alla dimensione desiderata, quindi riempilo come desideri. Puoi usare un colore a tinta unita o dal menu del colore di riempimento, seleziona Effetti di riempimento, oppure clicca su Stili veloci pulsante e scegli un riempimento preimpostato.
Passaggio 3. Aggiungi una foto o un logo
Puoi aggiungere foto, loghi o altre immagini al tuo banner. Useremo alcune clip art per illustrare. Clicca sul Foto e selezionare il tipo di immagine che si desidera includere. Aggiungi la tua immagine, ridimensionala e inseriscila nel tuo banner
Passaggio 4. Aggiungi testo o altri elementi
Inserisci il nome della tua azienda, lo slogan o qualsiasi altra informazione che desideri per completare il tuo banner e completarlo.
Passaggio 5. Seleziona il banner
Dal Modificare menu, scegli Seleziona tutto oppure digita CTRL-A (PC) o Comando-A (Mac). Importante: assicurati che il tuo banner sia esattamente come lo desideri e che non ci sia nient'altro sulla diapositiva!
Fai clic con il pulsante destro del mouse su qualsiasi elemento non di testo del tuo banner, quindi scegli Salva come immagine…
Passaggio 6. Salva il tuo banner
Aprilo e verifica che sia come volevi e utilizzalo secondo necessità!
Metodo 4 di 6: utilizzo di costruttori di banner online
Passaggio 1. Visita uno dei seguenti siti Web:
BannersABC.com, Addesigner.com, mybannermaker.com, ecc. (Google per ulteriori informazioni). Esistono diversi generatori di banner online. Dedica qualche minuto a confrontare le varie funzionalità e scegli quella più adatta a te.
Passaggio 2. Aggiungi il testo e le immagini
Segui le istruzioni e i metodi sullo schermo per creare il tuo banner. Avranno spesso la propria grafica che puoi usare, oppure puoi importare immagini di tua creazione da aggiungere al banner.
Passaggio 3. Genera il tuo banner
Al termine, ci sarà generalmente una funzione di esportazione che ti consentirà di specificare in quale cartella o directory vuoi salvare e il formato del file (di solito jpeg è buono). Segui le istruzioni, salva, scarica e utilizza secondo necessità.
Metodo 5 di 6: creare un avatar che corrisponda al tuo banner
Passaggio 1. Questo è facoltativo
Tuttavia, potresti volere un avatar corrispondente per il tuo banner se lo stai usando nei forum.
Passaggio 2. Utilizzo dell'opzione Ritaglia
È disponibile nella maggior parte delle applicazioni grafiche. Ritaglia il tuo banner in una piccola sezione.
In alternativa, puoi progettare una versione ridotta che incorpori elementi del tuo banner più grande. Potrebbe essere solo il tuo logo, o la tua foto, o solo il nome della tua azienda. L'importante è mantenerlo leggibile
Passaggio 3. Il tuo avatar dovrebbe essere piccolo
48 x 48 pixel è una dimensione standard.
Passaggio 4. Salva il tuo avatar
Metodo 6 di 6: aggiunta di un banner a firme del forum, siti Web, ecc
Passaggio 1. Crea un account
Usa un sito di condivisione di foto come Photobucket, Flickr, Tumblr o qualcosa di simile.
Una volta creato il tuo account, puoi caricare il tuo banner, avatar e qualsiasi altra immagine sul sito web
Passaggio 2. Ottieni il codice
Usa le funzionalità di condivisione per ottenere il codice HTML per aggiungere il tuo banner alla firma del forum, al sito Web o a qualsiasi altra cosa.
Suggerimenti
- Avere un'ampia varietà di caratteri disponibili sul tuo computer.
- La pratica rende perfetti
- Guarda nei forum o in altri posti per vedere banner di esempio!
Avvertenze
- Fare un banner richiede tempo e pazienza!
- Per mantenerlo nelle migliori condizioni salvalo in bitmap a 24 bit e fai una copia in Jpeg e Gif, perché Jpegs e-g.webp" />
- Quando carichi la tua foto su Photobucket, se hai usato PowerPoint per creare il tuo banner potrebbe essere un file EMF, che Photobucket non accetta. Per convertirlo, assicurati di salvare l'immagine (passaggio #9) come immagine JPEG o GIF. In questo modo puoi caricarlo su Photobucket.