Versione: Photoshop 7.0, (o superiore), e ImageReady
Con questo tutorial imparerete come creare una firma in parte animata utilizzando, in particolare, uno strumento utilissimo: ImageReady.
Qui potete scaricare il file .psd, (modificabile in tutto e per tutto, in quanto i livelli non sono uniti), della firma finita.
Per prima cosa, aprite PSP e create un nuovo documento, con dimensioni 500×100. Scegliete un colore di sfondo ed un colore per il testo, (in questo caso io ho utilizzato #34493E per lo sfondo e #4D6E5D per la scritta).
Riempite, con il secchiello, il documento appena creato con il colore scelto per lo sfondo poi scegliete il carattere che più vi piace ed inserite la scritta che volete.
Una volta inserita la scritta, scegliete la gif, (immagine animata), che più vi piace. Nel mio caso, ho deciso di utilizzare questa:
Per aprirla, però, necessitate di ImageReady, altrimenti photoshop vi aprirà solo il primo frame dell’immagine, che rimarrebbe quindi fissa. Una volta aperta l’immagine, salvatela con il “save as”, (“salva come”), stando bene attenti a scegliere il formato .psd.
A questo punto, tornate su photoshop ed aprite il .psd appena salvato… et voilà! Vi apre tutti i frames dell’immagine, visualizzandoveli come livelli separati.
Ora, non vi resta che copiare ogni livello della gif sullo sfondo. Per farlo, selezionate il livello uno, facendo attenzione a che il piccolo occhio, visibile nella finestra dei livelli, (layers), ci sia a fianco di ogni livello, altrimenti vi copierà solo il livello “visibile”.
Copiate quindi tutti i livelli, rispettando l’ordine dal primo all’ultimo (ossia da quello più “in basso” nella finestra livelli), facendo attenzione a posizionarli tutti nello stesso punto, altrimenti l’animazione verrà poi sfasata.
Una volta che tutti i livelli saranno stati copiati sullo sfondo, selezionate il primo livello della gif, facendo attenzione a che solo per quello sia visibile l’occhio quindi, con lo strumento “bacchetta magica”, selezionate in modo da poter cancellare tutto ciò che contorna l’immagine, nel mio caso tutto il bianco intorno. Ripetete l’operazione per tutti i livelli della gif, ricordandovi di selezionare di volta in volta l’occhiolino necessario, deselezionando gli altri e di riselezionare con la bacchetta magica.
Adesso, dopo aver preso nota di quanti frames compongono l’immagine, e dopo aver terminato di scontornare tutti i frames della gif, passate ad ImageReady con il pulsante apposito:
Una volta aperto ImageReady, clicchiamo sul primo frame, nella finestra “animation”, (animazione), e duplichiamolo tante volte quante sono i frames della gif.
Quindi, per ogni frames, lasciamo visibili i livelli della scritta e dello sfondo e poi, di volta in volta, solo un livello della gif, in questo modo:
Frame 1: livello 1 (sfondo) + scritta + livello 2
Frame 2: livello 1 + scritta + livello 3
Frame 3: livello 1 + scritta + livello 4
Frame 4: livello 1 + scritta + livello 5
Frame 5: livello 1 + scritta + livello 6
E così di seguito.
Una volta eseguito il procedimento per tutti i frames, fate partire l’animazione, con il tasto play, per controllare che la velocità sia adeguata. Nel mio caso, era troppo veloce, quindi ho portato la durata di tutti i frames ad 0.1 secondi.
Ho anche duplicato, una volta per ciascuno, tutti i frames, in modo che l’animazione non risultasse “troncata”.
Potete duplicare i frames all’infinito, ovviamente aumentando il peso finale dell’animazione e, una volta che sarete soddisfatti, non dovrete far altro che salvare l’immagine in .gif, (file → salva per web) e avrete la vostra firma in parte animata! Se volete, potete anche aggiungere un bordino all’immagine e potete farlo direttamente da ImageReady. Selezionate il livello di sfondo, (CTRL+A), poi andate su edita → stroke, scegliete “interno”, il colore del bordo, lo spessore e date ok.
Ecco cos’ho ottenuto io:
