Come creare un banner animato con Photoshop CS6

Tramite: O2O 16/07/2018
Difficoltà: facile
17

Introduzione

La grafica pubblicitaria e il design in tutte le sue forme si avvalgono dell'ausilio di appositi strumenti. Esistono oftware altamente performanti, capaci di trasformare qualunque progretto in un vero e proprio capolvaoro. Nella fattispecie dell'advertising, troviamo diversi mezzi attraverso i quali si promuove un prodotto o un'azienda. Nel mondo di Internet la forma di pubblicità più efficace in assoluto è il banner. Si tratta di una strisciolina che contiene immagini e messaggi di testo e si trova in molti siti web. Cliccando su di un banner, si ha libero accesso ad uno specifico sito dedicato al prodotto o all'azienda in questione. In molte pagine troviamo dei banner davvero gradevoli, che invogliano a fare click. Si tratta dei banner dinamici, i quali si compongono di immagini alternate tra loro. Realizzare un lavor odel genere sembra estreamente difficoltoso, invece con un software come Adobe Photoshop il tutto diventa un gioco da ragazzi. Nei passi della seguente guida ci verrà illustrato come creare un banner animato con Photoshop CS6. Questa versione di Photoshop è una delle più recenti, più vecchiotta soltanto rispetto alla nuovissima suite Creative Cloud. Ciononostante, le sue funzionalità sono altrettanto valide e intuitive. Vediamo come utilizzarle al meglio.

27

Occorrente

  • PC
  • Collegamento alla rete
  • Adobe Photoshop CS6
37

Scaricare e installare Photoshop CS6

Creare un banner animato con Photoshop CS6 è davvero semplice, purché ricordiamo di lavorare su un'immagine in formato gif, ovvero dinamica e animata. Innanzitutto, però, procuriamoci il programma in questione. Potremo scaricarlo dal sito ufficiale, collegandoci al link https://helpx.adobe.com/it/photoshop/release-note/release-notes-photoshop-cs6.html. Qui si trova una release, dal momento che Adobe ha aggiornato i suoi software con il rilascio della suite Creative Cloud (CC). Il software che scaricheremo è comunque funzionante, anche se vogliamo impiegarlo in versione freeware, con prova di 30 giorni. Una volta avviato il download, bisogna attenderne il completamento. Successivamente si andrà a cliccare due volte sul file exe per avviare il processo di setup.

47

Avviare l'editor e creare i fotogrammi

Una volta installato il software, possiamo iniziare a creare un banner animato con Photoshop CS6. Questo programma, come molti di noi già sapranno, lavora su diversi livelli. A ciascun livello corrisponde uno strato del banner animato. L'animazione si ottiene appunto con l'alternarsi di queste immagini. Iniziamo con il primo livello (o layer). Apriamo un nuovo progetto cliccando su "File" e poi su "Nuovo". Una volta stabilite le dimensioni del banner, creiamo il primo frame. Tramite il comando "Apri", presente nella sezione "File", aggiungeremo uno sfondo e una specifica immagine. Portiamoci poi sulla barra laterale degli strumenti e scegliamo il "Testo". Scriviamo il nostro messaggio e applichiamo un primo salvataggio al lavoro. Per il momento salveremo il tutto in formato psd o pdf. Procediamo analogamente con gli altri fotogrammi, fino a completare il nostro banner. Ed eccoci prossimi alla fase conclusiva.

Continua la lettura
57

Salvare il lavoro e pubblicarlo

I livelli del nostro banner pubblicitario sono ormai pronti. Adesso dobbiamo renderlo dinamico. Clicchiamo sul tasto "Window" (o "Finestra" nella versione italiana del software). Applichiamo ora un segno di spunta sull'opzione "Timeline" e clicchiamo sulla dicitura "Create frame animation". Importiamo tutti i livelli nella timeline e clicchiamo su due comandi, ossia "Create new layer from each new frame" e "Make frames from layers". Impostiamo infine la durata in secondi di ciascun fotogramma. Ora che abbiamo imparato a creare un banner animato con Photoshop CS6, non ci resta che provarlo. Per prima cosa dobbiamo salvare il lavoro, attribuendo un'estensione differente dal psd o il pdf. Scegliamo dunque il formato gif, che renderà dinamico il nostro progetto una volta pubblicato sul nostro sito personale. A lavoro terminato, procediamo con la pubblicazione sul sito mediante impiego dei comandi HTML.

67

Guarda il video

77

Consigli

Non dimenticare mai:
  • Salvare di tanto in tanto scegliendo il formato psd. L'estensione gif si impiegherà soltanto al termine del progetto.
  • Impostare una durata non troppo breve per ciascun frame. In questo modo il visitatore avrà tempo di leggere ogni singolo messaggio contenuto nel banner.
Alcuni link che potrebbero esserti utili:

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Segnala il video che ritieni inappropriato
Devi selezionare il video che desideri segnalare
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Software

Come realizzare l'effetto fumetto con Photoshop CS5

Photoshop è uno dei software più conosciuti di grafica. Questa tipologia di software permette di realizzare fotomontaggi ma, non solo, l'utente avrà la possibilità di migliorare l'aspetto delle proprie foto oppure creare degli oggetti 3D. In questo...
Software

Come creare uno stile instagram con Photoshop CS5

La prima scelta di coloro che intendono modificare, stravolgere e abbellire le proprie foto. Ossia Photoshop, che permette a tutti, ma proprio tutti, di poter accostarsi al mondo della grafica e della fotografia. Bastano alcuni semplici click e molta...
Software

Come usare Adobe Bridge CS6

In questa guida cercheremo di aiutarvi a capire come usare il programma Adobe Bridge CS6 che è un programma di editing e fotoritocco in parole più semplici, impareremo a gestire il programma in tutto partendo dall'installazione sino alla sua completa...
Software

Come creare banner animati

Quante volte ti sarà capitato di navigare online e visitare pagine caratterizzate da un ampio uso di banner animati? Una gran quantità di siti fa uso di simili elementi multimediali, i quali svolgono funzioni differenti a seconda delle esigenze del...
Software

Come creare una scritta con effetto riflesso con Photoshop

In internet si vedono spesso banner e scritte caratterizzate da un effetto riflesso del testo, in cui le parole sembrano quasi rispecchiarsi in uno specchio d'acqua. Ottenere questo tipo di effetto sembra difficile, in realtà è molto meno complicato...
Software

Come fare un libro animato

In questa guida verranno dati utili consigli su come fare un libro animato. Per chi non lo sapesse, esso si tratta di una serie di fotogrammi che mostrano in successione un particolare soggetto coinvolto in'azione ben specifica. Prima dell'avvento dell'era...
Software

Come realizzare un logo animato con After Effect

In questa guida ti spiegherò come realizzare un logo animato con After Effect. Infatti, devi sapere che After Effect, riesce a farti fare anche questo. Come saprai già con After Effect solitamente ci si occupa degli effetti speciali in un video. Ma...
Software

Come applicare un effetto cartone animato alle foto

La creazione di cartoni animati avatar di se stessi, è molto divertente e interessante. È' possibile convertire le foto in cartoni animati utilizzando strumenti gratuiti online anche sui vostri profili online come Facebook, Pinterest e Twitter. Non...