Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Effetto polvere

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    249

    Effetto polvere

    Qualcuno ha idea di come fare l'effetto polvere sulla caduta di un sasso??

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,780
    Ciao..

    Ho cercato su google ma ho trovato ben poco... forse perchè ho cercato poco..

    Comunque, per ciò che chiedi, l'unico fla che ho trovato abbastanza realistico e degnio di nota, lo puoi scaricare da questo link:
    http://www.flashkit.com/movies/Anima...1927/index.php

    E' in flash 8.
    L'effetto è creato utilizzando delle interpolazioni di forma e di movimento, inserendo alcuni script per dare casualità all'animazione e applicando in fine un filtro "sfocatura".

    Se apri il fla e spulci i clip, vedi come è strutturato.

    In breve dovrai creare 5 clip annidati uno dentro l'altro.
    Spiego il procedimento in linea di massima:
    [list=1][*]dust1
    Crei il primo clip "dust1" e disegni una piccola macchia bianca.
    [*]inserisci dei keyframes ogni circa 20-40 fotogrammi per un totale di circa 130
    [*]modifichi la forma in ogni key frame creato e applichi al tutto un'interpolazione di forma
    [*]il risultato che devi ottenere è quello di una macchia che si espande, passando dal bianco al color terra e infine sfumando fino ad alpha 0.
    [*]nel primo frame viene inserito questo script per dare più casualità:
    codice:
    gotoAndPlay(random(10)+1)
    Mentre nell'ultimo ricordati di mettere uno stop.
    [*]dust2
    Crei un secondo clip "dust2" e inserisci tre interpolazioni di movimento una di seguito all'altra ma non unite tra loro, lunghe ciascuna circa 50-80 fotogrammi, in modo da avere tre animazioni del dust1 con differenti colori e differenti valori di alpha, che verranno richiamate in modo casuale
    [*]ovvero, nel frame 1 inserisci una istanza di dust1, nel frame 50 crei un keyframe con la stessa istanza ma spostata verso l'alto di circa 30px.
    [*]con lo stesso procedimento crei altre due interpolazioni variando però il colore e l'alpha del clip attraverso l'impostazione "tinta" nella casella "colore" del pannello "proprietà". Ad esempio per una interpolazione applichi un color terra con alpha da 50 a 100 e lo stesso nell'altra ma col colore bianco.
    [*]ora inserisci un nuovo layer in questa timeline e assegna l'etichetta "v1" al frame 2 (che sarà ovviamente un keyframe). Questa etichetta identificherà il riferimento della prima interpolazione.
    [*]assegni le altre due etichette rispettivamente nei fotogrammi iniziali della seconda e terza interpolazione.
    [*]per ogni interpolazione inserisci uno stop nell'ultimo frame
    [*]nel primo frame dell'intera timeline inserisci questo script:
    codice:
    _rotation = random(360);
    r = random(3);
    gotoAndPlay("v"+(r+1));
    Questo ruoterà l'istanza in modo casuale e indirizzerà la riproduzione in una delle tre interpolazioni
    [*]dust3
    Crei il clip "dust3" (attenzione, nel fla del link è identificato come dust5. Io per rigor di logica procedo con un indice ordinato).
    All'interno crei un solo frame e inserisci una dozzina di istanze del clip dust2.
    Le disponi e le ridimensioni in modo casuale (a macchia di leopardo per intenderci) in un'area di circa 50x50px
    [*]dust4
    Crei un ulteriore clip "dust4" (nel fla identificato come dust3) nel quale applichi, all'istanza di dust3, un'interpolazione di movimento lunga circa 120 fotogrammi.
    [*]L'istanza di dust3 dovrà compiere quindi un movimento orizzontale da sx verso dx di 80px circa, con una scalatura delle dimensioni da 160% circa a 100% circa, e variando il valore di alpha da 100% a 20% circa.
    [*]dust5
    In fine crei l'ultimo clip "dust5" (nel fla, dust4) e sistemi varie istanze di dust4.
    Mi soffermo su questo passaggio per mettere in risalto l'importanza nel disporre adeguatamente tali istanze in quest'ultimo clip, in quanto dalla loro disposizione dipenderà decisamente la presentazione dell'intero effetto. (..ma che belle paroooole... come diceva Enzo Biagi)
    [*]nel fla sono stati creati circa 15 layer dove per ognuno viene inserita un'istanza del precedente clip in modo che sullo stage si vada a formare una "scia" di istanze che appaiono man mano che l'auto avanza e passa da una parte all'altra dello stage.

    In pratica su ogni layer sarà presente una sola istanza che apparira sullo stage affianco all'istanza del layer sottostante, e con un frame di ritardo rispetto a tale layer.

    Tutto questo creerà una scia di polvere che prende forma dietro l'auto.
    Ma come adeguare l'animazione per la tua richiesta?
    Non è difficile ...
    [*]nell'ultimo clip "dust5", crei un numero ridotto di layer (ad es. 4) tutti con un solo frame.
    [*]disponi semplicemente un istanza sul primo layer, senza variarne l'aspetto.
    [*]nel secondo layer disponi un'altra istanza riducendo magari le proporzioni, magari appiattendola verso il basso in modo da creare un velo di polvere più basso, e magari riducendo il valore di alpha (..insomma lavora di fantasia)
    [*]nel terzo e nel quarto layer inserisci altre due istanze relativamente come le hai disposte sui precedenti layer ma questa volta riflettendole in orizzontale giusto per far espandere meglio la nuvola di polvere
    [*]Conclusioni.
    Il clip dust5 è quasi pronto all'uso.
    Nello stage della root dovrai creare l'animazione principale del sasso che cade (o quello che è)...
    Quindi inserire al momento opportuno (appena il sasso è a terra) un'istanza di dust5 applicanogli un filtro "sfocatura" attraverso il pannello "filtri" (una sfocatura di 10 per x e per y può andare bene)... e il gioco è fatto!!![/list=1]

    Se hai eseguito ordinatamente tutti i passaggi otterrai lil tuo nuvolo di polvere... altrimenti abbiamo alzato un polverone per niente...
    ... e meno male che era in linea di massima...

    Alla prossima
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    249
    Sei stato davvero super gentile grazie mille!!!

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,780
    Prego!
    Nessun problema..

    Buon lavoro
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.