ImageReady: effetto dissolvenza nei vostri banner.. Febbraio 22, 2007
(1 votes, average: 4 out of 5)
Loading ...Apro questa categoria dedicata all’approfondimento del programma “fratello” di Photoshop, e cioè ImageReady. Questi tutorial sono fatti in collaborazione con PhotoshopExpert.it, e se la grafica è la vostra passione, non vi resta che visitarlo 
.
Bene, ma ora passiamo al tutorial vero e proprio: creeremo un’animazione testuale che appare e scompare in maniera non brusca, ma bensì attraverso una dissolvenza costante. Tanto per cominciare, utilizziamo Photoshop per creare quello che desideriamo (in questo caso una scritta), poi cliccheremo sul tasto passa ad ImageReady:
Ecco la scritta
Ed ecco il tasto per passare ad ImageReady
Una volta che il programma si sarà aperto, assicuratevi di avere aperta la finestrina delle animazioni visualizzata nell’area di lavoro, per esserne sicuri, andate nel menù Window ed assicuratevi di avere spuntata la voce Animation:
Appena attiverete la finestra ecco cosa vi si aprirà:
La freccia rossa indica il primo frame dell’animazione. L’effetto che vogliamo dare è semplice, ma le cose devono essere fatte con ordine: cliccate sul tasto Duplicate current frame per duplicare il frame iniziale
Quando avrete cliccato, vi si aggiungerà un altro frame (con numero 2) alla vostra animazione; questo è uguale al primo. Cliccate su questo nuovo frame per selezionarlo e andate nella finestra livelli (layers): qua dovrete diminuire l’opacità del livello della scritta fino all’80%
Ora dovete ripetere questo procedimento: duplicare il frame corrente e scalare l’opacità ancora del 20% e poi ripetere ancora fino ad arrivare al passaggio in cui dovete impostare 0% (io vi consiglio di mettere al posto di 0% un 10%). Poi ovviamente dovrete duplicare ancora i frames stavolta aumentando di 20% a volta fino all’80% (infatti il 100% ce l’ha già il primo frame e il ciclo è impostato su forever (per sempre):
Nell’immagine qua sopra l’animazione è formata da 10 frames, con i seguenti valori di opacità:
1 —> 100%, 2 —> 80%, 3 —> 60%, 4 —> 40%, 5 —> 20%, 6 —> 10%, 7 —> 20%, 8 —> 40%, 9 —> 60%, 10 —> 80%.
La freccia rossa indica che l’animazione si ripeterà all’infinito (se non è impostato su forever, cliccate e mettete su forever). Ho inoltre evidenziato in violetto la parte relativa al delay (ritardo tra un frame e l’altro in secondi); se volete modificare questo valore, cliccate sulla freccetta presente in basso a destra su ogni fotogramma:
Le frecce rosse indicano i tasti con i quali potete vedere in anteprima l’animazione (tasto centrale) e scorrere i frame a destra o a sinistra.
Tutto qui 
, questi sono due risultati lasciando un ritardo di 0 secondi nel primo, e di 0.2 secondi in quello successivo:
Per salvare l’animazione andate su File —> Save Optimized As…; otterrete un file con estensione .gif. Buon divertimento!
Commenti»
Mi sono sempre chiesto come si faceva un effetto del genere….
Grazie a te Carlos ora lo sò
Sei davvero in gamba Complimenti……
ciao, come fai a fare quelli effetti di contornato sulla scritta? e quelle sfumature?
Ciao, devi giocare con le “blending options” (opzioni di fusione) ed in particolare con il “riempimento gradiente” e con l’opzione “stroke”. Ho aggiunto anche un’ombra esterna (Shadow). Vedrai che provando riuscirai a fare effetti davvero belli
Per accedere alle “blending options” devi cliccare con il tasto destro sopra il livello testo e cliccare su questa opzione.
Ciao
Ciao Carlos!!! Grazie anche da parte mia… Ascolta io ho creato con amici un forum, sul circuito forumfree e stiamo cercando un abile grafico, chi meglio di te potrebbe darci una mano???? Ovviamente è una cosa gratuita, a livello di hobby… fammi sapere perchè sei davvero in gamba!!!!!
Lusingato per la proposta, ma ultimamente ho davvero poco tempo da dedicare anche al blog, quindi non posso prendere altri impegni.
Grazie lo stesso
[...] ImageReady: effetto dissolvenza nei vostri banner.. [...]