Animazione Light Over Effect Photoshop CS2

• Potrebbe 1, 2024

Qualche giorno fa, uno dei miei lettori mi ha inviato l'URL di un'animazione speciale che ha visto su un sito Web. Voleva creare un'animazione simile ad essa in Photoshop CS2. Così ho deciso di rendere questo argomento il tutorial di questa settimana. Grazie, Bill, per l'ispirazione. L'animazione che piaceva a Bill era quello che chiamava effetto "luce sopra" e questo è un buon nome. Inizi con un'immagine che contiene del testo e crei l'illusione che la luce passi sopra il testo proprio come un riflettore passa sopra il cielo.

Per esempio, ho iniziato con il testo del mio logo Wizzy The Web Wizard^TM. Quindi ho usato le palette Livelli e Animazione di Photoshop per creare un'animazione Tween. Prima di iniziare, potresti voler leggere alcuni dei miei precedenti tutorial sulla creazione di testo deformato, utilizzando la palette Animazione e la funzione Salva per Web di Photoshop. Quindi l'unica cosa di cui hai bisogno prima di iniziare è un'immagine contenente del testo a cui desideri applicare l'effetto di sovra-illuminazione.

Passaggio 1. Aprire l'immagine. Apri l'immagine di testo in Photoshop. Nell'esempio, puoi vedere che ho già applicato l'effetto di testo deformato alla mia immagine. Il testo dovrebbe trovarsi sul proprio livello nella palette Livelli e dovrebbe esserci anche un livello di sfondo sotto il livello di testo. È possibile utilizzare i colori di sfondo e di testo desiderati.


Passaggio 2. Aggiungi un nuovo livello. Ora aggiungeremo un nuovo livello nella palette Livelli e su questo livello disegneremo la forma colorata che si sposterà attraverso il testo nell'animazione. Dalla barra dei menu, fare clic su Livello> Nuovo> Livello e denominare questo nuovo livello AniShape (AniStar nell'esempio) per indicare che è il livello che conterrà la forma animata.


Icona dello strumento forma personalizzata
Passaggio 3. Disegna la forma. Questa forma che disegnerai sarà la "fonte di luce" che passa sopra il testo. Ho usato una forma a stella per continuare il tema del mio logo, ma puoi usare qualsiasi forma ti piaccia. Fai clic sull'icona Strumento forma personalizzata nella casella degli strumenti e scegli una forma dall'elenco a comparsa nella barra delle opzioni.


Quindi, fai clic sulla casella dei colori in primo piano e scegli un colore per la forma dalla finestra di dialogo Selettore colore. Ora fai clic e trascina per disegnare la tua forma all'estrema sinistra della riga di testo. Questa è la posizione iniziale per la sorgente luminosa.

Successivo →

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Istruzioni Video: Photoshop tutorial: Animating a logo with keyframes in Photoshop | lynda.com (Potrebbe 2024).