Un po’ d’aria…. col ventaglio animato

Come promesso a Virginia mi occupo oggi dell’animazione del ventaglio, il primo tutorial di questo blog. Avrei potuto continuare di seguito in quello stesso tutorial con l’animazione, ma ho scelto di fare un tutorial diverso per rendere il più facile possibile la realizzazione dell’animazione. I primi 5 punti però sono comuni in entrambi e non sto qua a ripeterli ma vi rimando col link all’altro tutorial in modo da trovare così il tempo necessario che altrimenti mi mancherebbe 🙂

Userò la stessa immagine di quel primo tutorial per farvi vedere le immagini di questo nuovo tutorial, aggiungendo alla fine altri ventagli fatti sempre con lo stesso sistema in modo che possiate vedere quanto la scelta giusta dell’immagine sia importante in un tutorial come questo…

Ecco l’immagine che ho usato, un bellissimo cactus che Luna amorevolmente è riuscita a far fiorire nel suo giardino… 🙂

Inoltre per fare questo tutorial vi servirà:

  • Photofiltre, che trovate così come la traduzione in italiano nel sito ufficiale.
  • Plugin: “Incolla dentro” (PASTE INSIDE o PASTE INTO) che potete trovare nel sito ufficiale nei plugins
  • Maschera: tubi verticali di Sydney che trovate qua
  • Unfreez per animare il nostro ventaglio, che potete scaricare qua
  • L’immagine proposta sopra o una qualsiasi immagine di vostra scelta per fare il ventaglio.

Come detto sopra, per poter realizzare il nostro ventaglio animato potremmo anche partire dall’immagine finale del tutorial del ventaglio ma, data la poca difficoltà che comporta fare il ventaglio, si può partire dal punto 5 del precedente tutorial e ciò renderà ancora più semplice realizzare l’animazione. Perciò, una volta aperta la nostra immagine e fatti tutti i passaggi del tutorial che trovate qua ,compreso il punto 5, ci troviamo con la nostra piccola selezione rotonda nel mezzo del nostro documento bianco che sposteremo centralmente ed in basso.

  1. come tutorial ventaglio normale

  2. come tutorial ventaglio normale

  3. come tutorial ventaglio normale

  4. come tutorial ventaglio normale

  5. come tutorial ventaglio normale

  6. Procederemo ora a riempire il nostro cerchio col colore o il pattern che ci sembra più adatto cliccando su Modifica – Contorno e Riempimento (EDIT – STROKE AND FILL) (imm.1) e nella finestra successiva deselezioniamo Tratto (STROKE), selezioniamo Riempimento (FILL) e Riempimento con la Trama (FILL PATTERNS), scegliamo la trama che ci pare più adatta per il bottone, opacità 100 e controllando l’anteprima confermiamo con Ok (imm.2).

  7. Ora dovremo procedere a fare tutte le immagini che compongono la nostra animazione del ventaglio e non solo quella finale. Per questo motivo abbiamo riempito ora il nostro cerchietto che potremo usare così com’è per fare tutte le nostre immagini. Mantenete sempre attiva questa piccola selezione per poter fare tutte le immagini con questa pallina già colorata.

  8. Torniamo all’immagine che vorremmo sul nostro ventaglio ormai con le pieghe, la tocchiamo attivandola (la riga sopra diventa blu molto evidente) e poi clicchiamo su Modifica – Copia (EDIT- COPY) (imm.3).

  9. Ora inizieremo dall’immagine del ventaglio che abbiamo fatto prima, l’ ultima… e si procederà come nell’altro tutorial: Tornate all’immagine vergine con la piccola selezione, e cliccate su FILTRO – PLUG-IN – PASTE INSIDE (imm.4) e nella finestra che appare selezionare ARROUND nell’Adattamento (Wrap), selezionate tutte e 3 le casselline di Antialiasing e sotto: Peso 250, Lunghezza 900, Distanza e Offset 0, nella Trasparenza colore bianco, e 100% di Opacità. (imm.5)

  10. Controllate l’anteprima e quando apparirà, se vi piace e vi sembra giusto, confermate con Ok. Dopo un po’ di attesa in cui dovete pazientare senza far nulla, scomparirà la finestra e vedrete bene il ventaglio. (immag. 6)

  11. Ora che avete la vostra ultima immagine potete salvarla come gif, col numero 8 e con un nome in cui possiate riconoscerla (imm.7).

  12. Andate al Menù in Alto e cliccate una sola volta sulla freccia rossa che guarda a sinistra, il ventaglio scomparirà (imm.8 )

  13. Sempre con la selezione attorno alla vostra pallina colorata cliccate di nuovo in alto su Filtro – Plugin – Paste Inside e procedete come nel punto 9 tranne che nella lunghezza. Questa volta al posto di 900 dovrete mettere 1000 come lunghezza (imm.9). Cliccando sull’anteprima vi apparirà il ventaglio leggermente chiuso a destra. Confermate con Ok. (imm. 9) e salvate come gif questa volta col numero 7.

  14. Se per caso vi dovesse scomparire la selezione attorno al vostro cerchio cliccate su Selezione – Mostra Selezione e di nuovo vi apparirà. Dovete tenere sempre attiva questa selezione come vi ho detto o non potrete continuare con le altre immagini, per cui se per caso per qualche errore non riusciste più a farla apparire, potrete ancora ricorrere ad un altro sistema senza dover ripetere il tutto.. Ingrandite il vostro documento con la pallina cliccando sulla Lente d’Ingrandimento in alto in modo da poter vedere al meglio i contorni del cerchio. Cliccate sul Menù di Destra sulla Freccia di Selezione e poi in basso, sul Rettangolo di Selezione. Tornate al vostro documento e fate una Selezione Quadrata che tocchi perfettamente i lati del piccolo ovale. Tornate al Menù di Destra e cliccate nel Cerchio di Selezione. La selezione attorno alla vostra pallina ricomparirà. Sistematela al meglio e quando sarà a posto, riducete di nuovo alla normale grandezza il vostro documento cliccando in alto sulla Lente d’Ingrandimento di destra per poter continuare come prima.

  15. Ora di nuovo andate sul Menù in Alto e fate solo un click sulla freccia rossa che guarda a sinistra. Di nuovo il ventaglio scomparirà e potete ricominciare dal punto 13. Dovrete soltanto cambiare la lunghezza di nuovo, questa serà di 1200 ora, nella vostra immagine 6 che salverete, una volta ottenuta, come gif.

  16. Procedete nello stesso modo cambiando solo le lunghezze che saranno: 1500 per l’immagine 5, 2000 per l’immagine 4, 3000 per la 3, 5000 per la 2 e 10000 per la vostra prima immagine. Logicamente ogni volta il ventaglio apparirà più chiuso, fino all’immagine 1.

  17. Una volta che avete tutte le vostre immagini salvate (tutte come gif mi raccomando o non funzionerebbe l’animazione) procederete a farle scivolare in Unfreez con il seguente ordine e quantità:

  • Immagine 1

  • Immagine 1

  • Immagine 1

  • Immagine 2

  • Immagine 3

  • Immagine 4

  • Immagine 5

  • Immagine 6

  • Immagine 7

  • Immagine 8

  • Immagine 8

  • Immagine 8

  • Immagine 7

  • Immagine 6

  • Immagine 5

  • Immagine 4

  • Immagine 3

  • Immagine 2

In totale avrete 18 immagini in Unfreez, mettete come Velocità 30 e potete fare la vostra gif animata (imm10) … Il ventaglio ora si aprirà e si chiuderà così come potete vedere con il nostro qui e negli altri esempi che seguono.

Ora possiamo finalmente farci aria col nostro ventaglio finito 🙂 . Per oggi è tutto, vi ricordo, come sempre, di dare uno sguardo se avete qualche dubbio a TUTORIALS PER CASO. Nell’introduzione e sotto l’elenco dei tutorials trovate tante spiegazioni utili per usare al meglio Photofiltre, così come il modo di scaricare e installare plugins, unfreez, caratteri nuovi e tante altre cose che vi possono aiutare per la realizzazione dei tutorials…. Trovate altre ventagli fermi o animati nelle nostre Gallery 4 e 6.

Pubblicato il
Categoria Grafica

12 commenti

  1. STUPENDOOOOOOOOOOOOO! Grazie sei fortissima!
    Si è capito che mi è venuto benissimo????? 😉

  2. Ciao Marty, grazie 🙂 …spero lo possa usare se da te fa caldo, qua ormai ci vorrebbe l’ombrello… aperto 😀

  3. Ciao! complimenti per il sito è utilissimo!mi sono bloccata in un punto però…quando vado su filtro,plug-in,paste inside mi dice “unsupported clipboard format.” vado su ok…e mi apre la tabella che devo compilare..clicco su anteprima e si apre una finestra “Scan line index out of range” clicco ok anche qui ma non va più avanti…mi riporta sulla tabella da compilare!cosa posso fare?grazie in anticipo!

  4. Ciao Dorothy, benvenuta 🙂 Non mi è mai capitata una cosa del genere e non trovo altra spiegazione, forse, che la misura dell’immagine che vuoi incollare dentro sia più grande di quella dove la vuoi incollare…controlla un po’ che la prima misura, quella della tua immagine ci stia nel documento dove la vuoi incollare… 🙂

  5. ciao!grazie mille per la risposta!alla fine ci ho riprovato e ce l’ho fatta!Ho cambiato immagine!non ho capito il problema ma il risultato è fantastico!grazie ancora!:)

  6. Ciao Anna, 🙂 ti garantisco che viene… prova a ridurre le immagini, se sono molto grandi e pesanti Unfreez potrebbe non farcela ad animarlo… Se non sono grandi riprova perchè sicuramente qualcosina ti è sfuggita

  7. Ciao, il tuo sito è straordinario… nel svolgere il ventaglio animato ho incontrato un problema, quando sono al punto 7 in cui devo cliccare sulla freccia rossa che guarda a sinistra, mi sparisce il piccolo cerchio punto 4; non riesco a capire dove commetto lo sbaglio.
    Spero di avere una tua risposta. Grazie

    Rosa

    1. Ciao Rosa benvenuta 🙂 Penso che ti riferisca al punto 12 dove devi cliccare sulla freccia rossa,dopo aver salvata l’ultima immagine del ventaglio, per tornare indietro per farne un altra avendo sempre il cerchietto colorato e selezionato..

      Se procedi come scritto nel tutorial e fai al punto 4 il cerchietto, mantieni la selezione e vai avanti nei punti successivi a fare la prima immagine (ultima del ventaglio) ti trovi con un’immagine fatta dopo il cerchietto quando arrivi al punto 12. A quel punto, cliccando UNA SOLA VOLTA sulla freccia rossa, cancelli l’ultima cosa che hai fatto… cioè l’immagine… Se a te si cancella il cerchietto, il motivo potrebbe essere che : o clicchi due volte sulla freccia rossa cancellando dunque le due ultime cose che hai fatto, o hai fatto per ultimo il cerchietto e per quello ti si cancella…

      Riprova e fai tale e quale nell’ordine e vedrai che ci riesci… 🙂 Ti sarà più facile realizzare il ventaglio animato logicamente se hai già fatto quello statico del primo tutorial…

I commenti sono chiusi.