Come creare un logo rotante in Photoshop
Fatti con prudenza, i loghi animati attirano l'attenzione dei visitatori del tuo sito Web e li invogliano a visualizzare il resto della pagina. Il pannello Livelli, lo strumento Trasformazione e il pannello Timeline di Photoshop lavorano insieme per creare immagini GIF animate che puoi aggiungere a qualsiasi pagina Web. Puoi far ruotare il tuo logo in senso orario o antiorario.
Passaggio 1
Apri il file immagine del logo. Usa qualsiasi formato di file, ma se il file è un PSD a più livelli, unisci i livelli.
Passaggio 2
Crea una tela abbastanza grande da contenere completamente il logo che desideri ruotare. Ad esempio, se il tuo logo è largo 300 pixel e alto 200 pixel, fai clic su "File", "Nuovo" e quindi aumenta l'altezza e la larghezza dell'immagine di oltre 300 pixel. Seleziona uno sfondo solido che funzioni con il tuo logo e sito web. Ad esempio, se il logo è su sfondo bianco, scegli "Bianco" per "Contenuti di sfondo".
Passaggio 3
Digita un nome per il nuovo file e fai clic su "OK" per aggiungere un'immagine vuota.
Passaggio 4
Fare clic sul menu "Finestra" e quindi selezionare la finestra contenente il logo.
Passaggio 5
Premi "Ctrl-A" per selezionare l'intera immagine e poi "Ctrl-C" per copiarla negli appunti.
Passaggio 6
Fai clic sul menu "Finestra" e quindi seleziona la finestra contenente la tela vuota che hai creato per contenere il logo.
Passaggio 7
Premi "Ctrl-V" per incollare il logo nella tela vuota.
Passaggio 8
Premi "Ctrl-E" per unire l'immagine incollata nell'immagine di sfondo lasciando solo un livello invece di due.
Passaggio 9
Crea tre duplicati del livello corrente. Fare clic sul menu "Livelli", "Duplica livello" e quindi "OK" per creare ogni nuovo livello contenente una copia dell'immagine originale unita. Photoshop nomina i livelli per te.
Passaggio 10
Seleziona il primo livello dall'elenco partendo dalla parte superiore del pannello Livelli, fai clic sul menu "Modifica", "Trasforma" e quindi "Ruota di 90º in senso orario".
Passaggio 11
Seleziona il secondo livello nell'elenco, fai clic sul menu "Modifica", "Trasforma" e quindi "Ruota di 180º".
Passaggio 12
Seleziona il terzo livello nell'elenco, fai clic sul menu "Modifica", "Trasforma" e quindi "Ruota di 90º in senso antiorario". Salva il tuo lavoro.
Passaggio 13
Fai clic sul menu "Finestra", "Timeline" e quindi il pulsante "Crea timeline video" per aggiungere il pannello Timeline al tuo progetto. Il pannello Timeline contiene tutti e quattro i livelli del logo. Se vedi solo tre livelli, sblocca il livello originale.
Passaggio 14
Riduci il tempo di visualizzazione per ogni livello impostandone la durata su cinque fotogrammi. Fai clic e tieni premuto il mouse sul bordo destro di ogni livello nella timeline e trascina il bordo verso sinistra finché l'impostazione "Durata" non è "00.05". Minore è il numero di fotogrammi, più veloce sembra girare l'animazione.
Passaggio 15
Lascia il livello inferiore sulla timeline dove si trova. Fai clic e tieni premuto il mouse al centro del livello appena sopra il livello inferiore sulla timeline e trascina l'intero livello verso destra finché il suo lato sinistro non si allinea con il bordo destro del livello inferiore. Se il livello si ridimensiona invece di spostarsi, premi "Ctrl-Z" e riprova.
Passaggio 16
Fai clic e tieni premuto il mouse sul secondo livello sopra il livello inferiore sulla timeline e sposta il livello a destra finché il lato sinistro del livello non si allinea con il bordo destro del livello sottostante.
Passaggio 17
Fai clic e tieni premuto il mouse sul livello superiore della timeline e trascina il livello verso destra finché il lato sinistro del livello non si allinea con il bordo destro del livello sottostante.
Passaggio 18
Premi il pulsante "Riproduci" per visualizzare in anteprima l'animazione.
Passaggio 19
Fai clic su "File" e poi su "Salva per il Web".
Passaggio 20
Fai clic sull'elenco a discesa "Opzioni di ripetizione" e seleziona "Per sempre" per generare un logo animato che non smette mai di girare.
Passaggio 21
Fare clic su "Salva" e quindi su "Salva" nella finestra di dialogo "Salva ottimizzato con nome". Per visualizzare l'animazione, apri il file GIF che hai creato con il tuo browser web.
Suggerimento
Fai in modo che il logo ruoti senza intoppi aggiungendo livelli aggiuntivi con modifiche incrementali minori tra le immagini.
Avviso
Le informazioni in questo articolo si applicano a Photoshop CC 14.2.1. Può variare leggermente o in modo significativo con altre versioni di Photoshop.