Video-Tutorial: come creare facilmente un banner in movimento in Photoshop

tutorial - Come creare facilmente un banner animato in Photoshop

Oggi in questo video tutorial ti insegneremo come comporre e preparare un progetto per creare un banner con il programma Adobe Photoshop, per il prossimo video-tutorial per insegnarti a dare un po ' animazione, così come esportarlo pronto per l'uso.

Inizierò col dirvi chi è l'uomo nella foto, che non è un uomo anonimo scelto da una banca di immagini, no signore, questo è il Grande Milton Glaser, creatore del logo di I Love New York quanto ha influenzato la nostra società nell'ultimo secolo o la copertina di Bob Dylan.

Ebbene, tralasciando la nota storica, iniziamo questo video-tutorial: Come creare facilmente un banner in movimento in Photoshop, il mio primo Video-Tutorial che spero vi piaccia e lo trovo molto utile. Cominciamo.

I) Facciamo uno schizzo con la nostra composizione e abbiamo iniziato a creare e cercare i diversi elementi del banner.

II) Cerchiamo e scarichiamo una foto del buon vecchio Milton Glaser, un personaggio che ho scelto di mostrare sul nostro banner.

III) Apriamo Adobe Photoshop e creiamo un nuovo documento. Scegliamo tra i diversi preset che Photoshop ci offre di utilizzare in formato web. Tra tutti, scegliamo la tela 800 × 600, che è una buona dimensione per uno striscione.

IV) Apriamo il file JPG che contiene la foto del bravo Milton Glaser e ci apprestiamo a ritoccare la foto.

V) Scegliamo dal gruppo di strumenti di selezione, uno dei Loops, il Loop magnetico in questo caso. Delineamo il buon vecchio Milton.

VI) Una volta tracciato, andiamo al percorso Selezione-perfeziona bordi. Useremo questo strumento per rendere i bordi dell'immagine ben delineati.

VII) Una volta che abbiamo lasciato il bordo Milton completamente di nostro gradimento utilizzando lo strumento Migliora bordo, premiamo CNTRL + J e un nuovo livello verrà prodotto con la selezione.

VIII) Eliminiamo lo strato di sfondo e quindi avremo Milton su a Sfondo trasparente che possiamo utilizzare nel nostro banner.

IX) Per salvarlo useremo lo strumento Salva per web. All'interno della finestra di dialogo di questo strumento, troviamo la possibilità di esportare il file in diversi tipi di file come GIF, JPG o PNG. Bene, in questo file lo esporteremo, per mantenerlo su uno sfondo trasparente. Salviamo e nominiamo. Chiudiamo e salviamo in PSD per quello che potrebbe accadere.

X) Torniamo al nostro progetto web, al banner. Cambiamo il colore del livello di sfondo in nero. Per questo utilizziamo lo strumento Secchio di vernice, cambiando il colore della parte anteriore in nero e facendo clic direttamente sul livello di sfondo.

XI) Iniziamo importando la foto di Milton Glaser nella nostra area di lavoro o tela. Per questo usiamo il Strumento di posizionamento, trovato nell'opzione file.

XII) Mettiamo il buon vecchio Glaser nell'angolo in basso destra dello schermo.

XIII) Creiamo un fumetto dai fumetti. Facciamo sembrare che Glaser stia parlando.

XIV) Creiamo 3 frasi con l'estensione Strumento di testo, che sono quelli che daranno l'informativa del banner. Uno di loro andrà nel panino.

XV) Ciascuna delle frasi deve andare in un diverso livello di testo.

XVI) E così abbiamo tutto pronto per iniziare dare animazione al nostro banner.

Nel prossimo video-tutorial ti insegnerò come dare un'animazione al nostro banner. Non perderlo.


Il contenuto dell'articolo aderisce ai nostri principi di etica editoriale. Per segnalare un errore fare clic su qui.

Puoi essere il primo a lasciare un commento

Lascia un tuo commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

*

*

  1. Responsabile dei dati: Miguel Ángel Gatón
  2. Scopo dei dati: controllo SPAM, gestione commenti.
  3. Legittimazione: il tuo consenso
  4. Comunicazione dei dati: I dati non saranno oggetto di comunicazione a terzi se non per obbligo di legge.
  5. Archiviazione dati: database ospitato da Occentus Networks (UE)
  6. Diritti: in qualsiasi momento puoi limitare, recuperare ed eliminare le tue informazioni.