Come Creare un Logo Rotante in Photoshop
Fatto con criterio, i loghi animati attirano l'attenzione dei visitatori del sito e li invogliano a vedere il resto della pagina. Il pannello Livelli, lo strumento Trasforma e il pannello Timeline di Photoshop lavorano insieme per creare immagini GIF animate da aggiungere a qualsiasi pagina web. Potete far ruotare il logo in senso orario o antiorario.
Passo 1: Aprire il Logo
Aprite il file immagine del logo. Usate qualsiasi formato, ma se è un PSD multistrato, unite i livelli.
Passo 2: Creare Tela Adeguata
Create una tela abbastanza grande da contenere completamente il logo da ruotare. Se il logo è 300x200px, fate File > Nuovo e impostate altezza e larghezza >300px. Selezionate sfondo solido compatibile con logo e sito. Se logo su sfondo bianco, scegliete "Bianco" per "Contenuto sfondo".
Passo 3
Date un nome al file e cliccate OK per aggiungere tela vuota.
Passo 4-7: Copiare Logo su Tela
Menu Finestra > selezionate finestra logo. Ctrl+A (seleziona tutto), Ctrl+C (copia). Finestra > selezionate tela vuota. Ctrl+V (incolla). Ctrl+E (unisci livelli) per fondere immagine incollata nello sfondo lasciando un solo livello.
Passo 8: Duplicare Livelli
Create tre duplicati del livello corrente. Menu Livelli > Duplica livello > OK per ciascuno. Photoshop nomina i livelli automaticamente.
Passo 9-11: Ruotare Livelli
Selezionate primo livello (dall'alto), Modifica > Trasforma > Ruota 90° orario. Secondo livello: Ruota 180°. Terzo livello: Ruota 90° antiorario. Salvate.
Passo 12: Pannello Timeline
Finestra > Timeline > "Crea timeline video" per aggiungere pannello Timeline. Contiene tutti e quattro i livelli. Se ne vedete solo tre, sbloccate il livello originale.
Passo 13: Durata Frame
Riducete tempo visualizzazione per ogni livello a 5 frame. Cliccate e tenete bordo destro di ogni livello nella timeline e trascinate verso sinistra finché "Durata" mostra "00.05". Meno frame = rotazione più veloce.
Passo 14-16: Sequenziare Livelli
Lasciate livello basso dov'è. Trascinate livello sopra a destra finché bordo sinistro allinea con bordo destro livello sotto. Ripetete per terzo e quarto livello.
Passo 17: Anteprima
Premete "Riproduci" per vedere l'animazione.
Passo 18: Esportare GIF
File > Esporta > Salva per Web (legacy). Menu a tendina "Opzioni loop" > "Per sempre". Salva > Salva su "Salva ottimizzato come". Aprite il GIF col browser per vedere l'animazione.
Suggerimento
Per rotazione più fluida, aggiungete livelli extra con cambiamenti incrementali minori tra immagini.
Avvertenza
Istruzioni per Photoshop CC 2014.2.1. Potrebbero variare con altre versioni.