torna alla home

Utilizzando questo sito e proseguendo la navigazione acconsenti all'uso dei cookies. Approfondisci


graffetta Porta con te il segnalibro.

50 - Neve che scende.
Create 2 nuove tele con sfondo trasparente di 200 x 200 px.
Ora riempite una tela con fiocchi di neve eseguiti con un pennello impostato in questo modo:
diametro 10 px metodo normale opacità 100%
la casella Dinamica forme impostata come sotto:

t

la casella Dispersione impostata come sotto:

t

Naturalmente il pennello va settato con un colore bianco o azzurrino chiarissimo.
Negli screen sopra vedete un fondo nero che io ho aggiunto in un livello a parte per vedere dove dipingevo la neve, quando avrete fatto il vostro livello neve lo potete anche cancellare.
A questo punto spostatevi sull'altra tela che avete aperto in precedenza e sulla quale non abbiamo ancora fatto niente.
Per velocizzare le cose e per non dover ripetere quelle che avete fatto sopra rimanete un attimo sulla tela 1 selezionate il livello della neve, dal menù in alto: selezione/tutto e Modifica/copia
Ora ci spostiamo sulla nuova tela chiamiamola 2 e modifica/incolla, se volete anche qui potete mettere un nuovo livello nero al solo scopo di vedere la neve e poi lo cancellerete.
Con il livello neve selezionato (blu nella palette) Modifica/ Trasforma/Rifletti orizzontale e la nostra neve verrà  voltata in maniera opposta orizzontale a com'era appena incollata.
Per tutte e due le tele procedete in questo modo:
eliminare il livello nero (click di destro sulla palette/ elimina livello)
con il solo livello neve rimasto e selezionato dal menù Modifica/ definisci pattern
Chiamiamoli 1 e 2.
Fatto questo potete chiudere le 2 tele senza salvare niente ( le eliminiamo che non ci servono più)
Creiamo 2 nuove tele chiamiamole ancora 1 e 2, con sfondo trasparente ma questa volta le misure saranno
200 px di larghezza x 600 di altezza.
Per ogni tela Modifica/riempi e in una usiamo il pattern 1 e nell'altra il pattern 2

t

Creiamo una nuova tela, che chiameremo 3, di 200 px  per 200 px sempre trasparente se vogliamo che il risultato finale sia trasparente o colorata o addirittura un'immagine se vogliamo che dietro la neve ci sia uno sfondo.
Io per mostrare meglio il risultato ho usato uno sfondo nero.
In pratica dobbiamo trasferire sulla tela 3 la nostra neve preparata in precedenza.
Nella palette livelli della tela 3 creiamo 2 nuovi livelli trasparenti, ora ci posizioniamo sulla nostra neve 1 clicchiamo sopra e tenendo cliccato trasciniamo la neve sopra la tela nera sistemandola allineando il bordo in basso col bordo nero della tela
Procediamo allo stesso modo per la neve 2.
Dovremo adesso avere questa situazione

t

Dal menù apriamo la finestra/ animazione e duplichiamo il livello già presente

t

Ora attenzione che arriva la parte più difficile da capire.
Selezioniamo il secondo fotogramma ( come si vede nell'immagine sopra)
portiamoci nella finestra di lavoro di photoshop ( non quella dell'animazione) e selezioniamo uno dei livelli neve.
Ora clicchiamo sullo strumento sposta e facendo ben  attenzione di avere in blu il livello che ci interessa, trasciniamo il livello delle stelle e allineamolo con la parte alta della finestra ( prima avevamo allineato in basso)
Facciamolo con tutti e due i livelli.
Vedete sotto per capire meglio, ricordiamoci che l'immagine della neve è alta 600 px  mentre il nostro riquadro nero è 200 px.

t

Selezioniamo ora i due livelli dell'animazione Ctrl e click su tutti e due, ora premiamo il pulsante del
tweening  (freccia verde) con le seguenti impostazioni

t

Portiamoci sull'ultimo fotogramma (il 32) selezioniamolo e premiamo il tasto cancella (vedi la freccia gialla) ora avremo 31 fotogrammi. ( Ma vedi come sono brava a fare i conti?)
Adesso con l'ultimo fotogramma selezionato trasciniamo il cursore e andiamo sul primo, premiamo il tasto Maiusc del pc e premiamo sopra col mouse, li avremo selezionati tutti.
Dalla barra sotto selezioniamo "sempre" per avere l'animazione all'infinito e cambiamo il tempo, che di default è 10 secondi per fotogramma ( attenzione che  questo frega sempre, credete che l'animazione non funziona invece è impostato un tempo lunghissimo), in 0,1 sec.
Clicchiamo sui controlli dell'animazione per farla partire (freccia a destra)
Che bello, nevica!
File/ salva per web e dispositivi selezioniamo Gif  e in teoria possiamo salvarla....però potremmo notare che 31 fotogrammi la fanno diventare un po' pesantina e allora cosa si fa? o in fase di salvataggio si cancellano un po' di colori, in questo caso poi non è che servano proprio tutti quelli che ci sono e allora clicchiamo sul quadratino del colore che ci interessa e poi sul bidone della spazzatura che vediamo sotto la tabella.
Premendo ctrl e i colori che si vogliono eliminare si selezionano insieme e poi si cancellano in un colpo solo, oppure premendo il tasto maiuscolo e tenendolo premuto mentre si clicca sul primo e sull'ultimo di una serie vengono selezionati tutti.
Se invece volete fare una cosa più veloce dalla casella del numero dei colori selezionate il numero di colori che volete e quelli che crescono saranno cancellati dal programma.
In questo caso ho fatto tre prove di salvataggi con numeri di colori differenti.

256 colori 375 Kb
t
16 colori 125 Kb
t

A me non pare di vedere differenze.
E' ancora troppo pesante? Togliamo metà fotogrammi , uno sì e uno no. Chiaramente l'effetto non è lo stesso, eh volete la botte piena e la moglie ubriaca?

Questa è ottenuta con 16 fotogrammi per un peso di 81 Kb.

t

Qui ho aumentato  il tempo a 0,2 sec per una nevicata più tranquilla.

t

Torna all'inizio del tutorial

 Click e Paciughi  Google

css Valid HTML 4.01 Transitional CSS Valido! webdesigngroup webpam