www.calshop.biz

Ultimi Inserimenti

Grafica - Interazione tra Flash e Html
Al giorno d'oggi è un'impresa quasi impossibile realizzare un sito web senza l'utilizzo di una componente grafica. Inizialmente i siti erano dominati prevalentemente da immagini gif o jpeg, poi con l'arrivo di Flash nel mondo di internet è stata introdotta la grafica vettoriale
Tutorial Paint Shop Pro
Questo programma viene molto spesso utilizzato anche dai webmaster date le sue caratteristiche ed i molteplici effetti disponibili.
 Smiles
 Traduzioni
 Informazione
 

Hot Link

Balloon Hunter
Arco, frecce e palloncini
L'uomo Cannone
Calcola la forza e l'angolo di tiro e il gioco è fatto.
Gioca con i puzzle
Sobics è un delizioso puzzle game online, completamente
realizzato in Flash.
Game Maker 6
Creiamo i nostri videogiochi
Palline da girare
GateGears
Cheats & Tips
a cura di Fabrizio Miceli
Giochi in Flash Gratis
Tutta l'emozione del Gioco Online
Animazioni Gratis
Stupende animazioni gratis!

 

 

Manuali Gratis: 2005 - 2006  -

Manuali e GuideTrucchi per PCDisegni da colorare e da stampareGif AnimateFlash Games
Manuali e GuideTrucchi per PCDisegniGif AnimateFlash Games
Google
 
Web www.calshop.biz
Manuali e Guide Gratis on line @ calshop.biz ... the only one!

Effetto Ripple


Pagina :
1 | 2 | 3 | 4

 Flash4 mette a disposizione una serie di tecniche per creare degli effetti molto accattivanti; la cosa più importante è che non bisogna conoscere in alcun modo la programmazione per sviluppare un'applicazione del genere. Uno degli effetti che più mi ha colpito è il cosidetto effetto "ripple"; in termini più profani, il famoso movimento dell'acqua che vediamo quando vi gettiamo dentro un sasso. Scopriremo che un effetto così cool è veramente semplice da creare; dunque, mettiamoci a lavoro.

Per prima cosa bisogna lanciare il programma ed aprire un nuovo movie, di cui sceglieremo le dimensioni e il background color. Settata la nostra nuova pagina passiamo a definire i diversi layer di cui sarà composta la scena. Prima di tutto clicchiamo due volte sull' automatico layer1 e inseriamo un nome a nostro piacere nel campo apertosi: magari ripple effect. Poniamoci sul movie o su una parte qualsiasi della working area e con lo strumento cerchio selezionato dalla toolbar Drawing disegnamo un'ellissi in senso orizzontale senza riempimento. Ora selezioniamo la figura appena creata e premiamo Ctrl+B. Quindi, con la figura selezionata, dal menu principale optiamo per Insert > Convert to Symbol; si aprira una finestra in cui inseriremo un nome, magari "forma1", e in cui selezioneremo un campo, Graphic. Abbiamo creato il nostro primo simbolo.

Apriamo la libreria del nostro movie (che nel frattempo avremo, per sicurezza, già salvato) o dal menu principale o premendo Ctrl+L. Andiamo col mouse sulla nostra "forma1", clicchiamo col tasto destro e selezioniamo Edit. Si aprirà una nuova finestra, il nostro momentaneo campo di lavoro. Selezionando il Frame l'unico presente sulla Timeline, premiamo F6 e vedremo che i Frames diventeranno due. Selezioniamo il secondo ed andiamo col mouse sulla forma1. Selezioniamola e clicchiamo il tasto destro del mouse scegliendo Scale. La forma verrà evidenziata da un contorno. Questo contorno ha negli angoli e nei punti medi dei quadratini bianchi.Facciamo Drag and Drop su uno di questi quadratini per capire come funziona lo strumento Scale. Tutto chiaro. Ingrandita questa figura torniamo al Frame 1, selezionandolo comparirà la figura nella misura normale. Clicchiamo due volte sul Frame 1, si aprira una finestra, la Frame Properties. Scegliamo il tab Tweening e dal menu a tendina selezioniamo Shape. Clicchiamo su ok e premendo il play della toolbar Controller testeremo quanto finora creato.

Quanto segue richiede un'attimo di concentrazione in più, in quanto e ciò che determina la peculiarità di tale effeto. Torniamo alla scena principale. Dal menu principale scegliamo insert > new symbol. Questo volta, dopo aver deciso un nome per il nuovo simbolo (per esempio "ripple movie"), scegliamo il campo movie clip. Si aprirà la consueta nuova finestra in cui verranno definite le caratteristiche grafiche e animate di questo nuovo simbolo. Dalla Library inseriamo facendo Drag and Drop la "forma1". Sulla Timeline comparirà un KeyFrame. Selezionando quest'ultimo con un click del mouse premiamo F6 e spostiamo il frame, che all'occorrenza apparirà, verso la posizione 20. Doubleclicchiamo sul primo frame; dalla Frame properties scegliamo il tab tweening e dal menu a tendina motion. Facciamo ok e visualizziamo quanto fatto.

Restando nella finestra Edit del simbolo ripple movie selezioniamo l'immagine corrispondente al primo key Frame e col tasto destro del mouse scegliamo Properties. La nuova finestra che visualizzeremo, la Istance Properties, è composta da due tab: Definition e Color Effect. Nel tab Definition abbiamo Behavior impostato su Graphic e Play mode option su loop con First Frame indicante il valore "1". Nel tab Color Effect dal menu a tendina scegliamo none (se non è già selezionato). Premiamo ok. Spostandoci sull'ultimo Key Frame ripetiamo l'operazione sulla figura corrispndente. Questa volta in Definition alla voce First Frame faremo corrispondere il valore "20" e in Color Effect dal menu a tendina sceglieremo la voce alpha a cui assegneremo un valore molto basso, anche "0". Premendo ok e azionando il play del Controller visualizzeremo la modifica apportata al simbolo ripple movie.

Ormai le direttive principali per questo "very cool effect" sono state definite; bisognerà soltanto ripetere il lavoro fatto sul layer 1 per altri leyers, sempre all'interno dello stesso ambiente di lavoro, cioè l'Edit del "ripple effect". Quindi Clicchiamo sul tasto add layer posto in basso a sinistra della Timeline. Comparirà nell'elenco un nuovo layer magari layer 2. Per evitare inutili confusioni, mascheriamo il lavoro del layer 1 cliccando su pallino in corrispondemza dell'occhio e del rispettivo layer sempre sulla Timeline. Ancora una volta richiamiamo la Library del nostro movie e trasciniamo la "forma1" nella medesima posizione occupata dalla "forma1" del layer1 nell'ambiente di lavoro, facendo attenzione che sia selezionato il layer2 e non il layer 1. Ripetiamo l'operazioni svolte sulla "forma1" del layer 1 per questo layer 2, spostando però il Frame (che nel frattempo è diventato Key Frame) una posizione avanti sulla Timeline rispetto al primo key Frame del layer 1. Di quì la conclusione del lavoro nell'Edit del "ripple effect" e di istintiva intuizione. Bisognerà soltanto ripetere il lavoro fatto per il primo layer in altri layers i quali, posti sempre un Frame più avanti rispetto il precedente layer, renderanno nel loro insieme l'effetto del propagarsi dell'onda. A dimenticavo... il numero di layer per cui bisogna ripetere l'operazione non è standard ma a discrezione della grandezza e della durata dell'effetto che si vuole ottenere; comunque tutto, un numero di "8" credo possa bastare.

Conclusa l'operazione "ripple movie" saremo ad un passo dalla fine; in quanto si dovrà soltanto posizionare questo movie nell'ambiente di lavoro principale. Torniamo alla Scene 1. Qui troveremo la primordiale "forma1" ancora in fase di allestimento che subitaneamente ci accingeremo ad eliminare selezionandola e scegliendo cut col tasto destro del mouse. Rihiamiamo la Library e con il solito Drag and Drop posizioniamo il "ripple movie" sul nosto movie, in una posizione abbastanza centrata. Premendo Ctrl+Alt+Enter visualizzeremo il tutto. Stà a te creare il resto della scena, magari usando come background color del movie il colore dell'acqua, e magari disegnando un pesciolino che sincronizzato con il "ripple movie" sguizzi dall'acqua per un tempestivo tuffo.

Pagina :
1 | 2 | 3 | 4

 

   

Ultime novità! Ultime novità nel portale del tutto gratis e on line
@ calshop.biz ... the only one!


News

Il Forum di calshop

Link in evidenza

"Google Talk", la nuova chat che comunica senza tastiera
La nuova sfida di Google si chiama "Google Talk" un nuovissimo sistema che consentirà agli utenti di chattare con una serie di strumenti che vanno al di là della semplice tastiera. Particolarmente sviluppato sarà il supporto della voce per parlare con gli altri utenti collegati, grazie a  microfono e cuffie. Sia Microsoft che Yahoo offrono il supporto per la voce.

News in pillole:  • Maradona e Pelè • Il pericolo viene dalla posta • Chi sale e chi scende • Immagini in ordine • I tesori nascosti di Ebay • I più cliccati di agosto!  [[[ Virus Zotob: scatta l'allarme rosso ]]]

Installa Yahoo! Messenger with Voice:

Giochi Gratis | Software Gratis  |

Ultimi Manuali on line
Le chicche di calshop! Movimento in Flash
Le chicche di calshop! Guida Html
Le chicche di calshop! Mandaci il tuo manuale

In Evidenza

 

 
.

Copyright  © 1998-2005 Calshop.biz. Ideazione, Progettazione e Realizzazione a cura di Luigi Palamara e Bruna Italia Massara Contatti

Il Network: • NewsLab • Reggio Calabria • Area Grecanica • Roccaforte del Greco • Italia Umts • Tutto Gratis • Dune Buggy



Le chicche di calshop! Tutta la posta di Gmail sul PC. Il servizio webmail di Google può essere gestito anche con Outlook Express. Ecco le giuste Impostazioni.