tutorial animazione 2d

PSP 7 Acqua Tutorial Animazione Globe

November 27

PaintShop Pro è un'applicazione grafica raster base offerto da Corel. Ha una serie di gli stessi strumenti che si trovano in altre applicazioni concorrenti, ed è ampiamente utilizzato per creare immagini e opere d'arte per i progetti commerciali. Una cosa non ha una capacità di animazione incorporato. Allo stesso modo gli utenti di Photoshop hanno una volta per esportare i loro fotogrammi per applicazione compagno di Adobe, ImageReady, PaintShop Pro gli utenti che desiderano animazione deve usarlo in concerto con Animation Shop. Animation Shop è spesso associato con Paintshop Pro, ma può anche essere acquistato separatamente. Se si desidera creare un'immagine animata globo con l'acqua che scorre in fondo, avrete bisogno di entrambi.

istruzione

1 Inizia Animation Shop. Selezionare "File" dal menu e scegliere "Apri". Nella finestra di individuare e aprire l'immagine GIF animata che si desidera utilizzare.

2 Pulsante destro del mouse su ciascuno dei fotogrammi mostrati nella vista e scegliere "Salva con nome". Nella finestra di dialogo, il nome e il numero di ciascun file e salvarlo come una PSP.

3 Inizia Paintshop Pro. Selezionare "File" dal menu e scegliere "Apri". Nella finestra di dialogo, individuare e aprire il file globo stand-alone.

4 Utilizzare il "Copia" e "Incolla" icone per copiare lo strato globo stand-alone due volte così si finisce con tre totale.

5 In prima immagine globo stand-alone, utilizzare lo strumento di selezione "bacchetta magica" per selezionare il bianco nell'immagine. Aprire la prima immagine salvato nel passaggio 2. Utilizzare il "Copia" e la funzione "Incolla" per inserire l'immagine prima immagine globo stand-alone in.

6 Ripetere il passaggio 5 per spostare le altre due immagini salvato nel passaggio 2 nelle altre due immagini globo stand-alone.

7 Vai alla prima immagine stand-alone. Selezionare "Livelli" dal menu e fare clic su "Nuovo". Nella finestra di dialogo, fare clic su "OK". Selezionare "Immagine" dal menu e scegliere "Effetti". Dalle opzioni, scegliere "Cutoff". Nelle impostazioni, spegnere il "Fill a colori," impostare il "colore dell'ombra" al nero, la "opacità" e "Blur" a 50, la "verticale" e "orizzontale" a 2 e fare clic su "OK". Ripetere questo passaggio, rendendo il "Vertical "e" orizzontale "20. Salva questa immagine come" Qualunque cosa 1.psp. "

8 Ripetere il passaggio 7 per le altre due immagini stand-alone.

9 Avviare nuovamente Animation Shop. Selezionare "File" dal menu e scegliere "Animazione guidata." Nel seguente finestra di dialogo, assicurarsi che ognuna delle seguenti impostazioni sono su, e fare clic su "Avanti" dopo ogni uno. Clicca su "Stessa dimensione come prima immagine," "trasparente" e "Animazione di ripetizione a tempo indeterminato."

10 Fai clic su "Aggiungi immagine". Nella finestra di dialogo, individuare e selezionare l'immagine "Qualunque cosa 1". Ripetere questa operazione due volte per portare nell'altra immagine "qualunque". Fare clic su "Fine e salvare l'animazione come GIF.

Digitando lezioni e giochi per bambini

November 16

Digitando lezioni e giochi per bambini


Con la prevalenza di computer, è diventato di vitale importanza per cominciare a insegnare ai bambini come digitare in tenera età. formazione precoce può contribuire a rendere la digitazione di un sforzo più naturale. Ci sono numerosi giochi e attività che possono non solo aiutare insegnare ai bambini a scrivere, ma renderlo divertente per loro. Utilizzando alcuni di questi giochi o attività può essere un modo efficace per far conoscere il vostro bambino con la tastiera.

Giochi on line digitando

Ci sono diversi tutor digitando online progettati per i bambini. Questi siti spesso combinano lezioni di battitura sotto forma di giochi, con intensa attività di tastiera progettato per insegnare ai bambini la tastiera divertendosi. Giochi come il sottomarino "Barracuda", in cui i giocatori devono digitare le lettere per ottenere il loro pesce da mangiare loro, incoraggiare i bambini a pensare rapidamente alla tastiera. Questi giochi hanno spesso livelli di abilità che possono essere impostati per rallentare, media o veloce, permettendo ai bambini di aumentare i livelli di difficoltà mentre progrediscono.

In linea Typing Tutorial

Molti siti web dispongono digitando tutorial che non fanno uso di un sacco di giochi, ma si basano più sui tutorial animazione grafica di concentrarsi bambini sul corretto abilità di battitura, compresa la posizione delle mani sulla tastiera. La differenza in questo e l'approccio gioco è che i giochi spesso permettere ai bambini di beccare alla tastiera, mentre tutorial sottolineano la tecnica corretta. Questi siti web possono utilizzare giochi come un diversivo, ma le lezioni stesse concentrarsi maggiormente su istruzione, con l'animazione per contribuire a tenere l'interesse di un bambino.

Digitando Software

Ci sono numerosi giochi di software di battitura che possono essere scaricati da Internet o acquistati su CD. Questi programmi vanno da "Re Leone" e programmi "Sponge Bob" a "Digitando Pal di Garfield" e "Ten Thumbs Typing Tutor". Questi programmi dispongono di una combinazione di giochi e di istruzioni reale che consentono ai bambini di imparare a scrivere correttamente il proprio ritmo durante il gioco.

Digitando Libri di attività

Disegni da colorare che utilizzano la tastiera come loro soggetto può essere un modo divertente per ottenere i bambini molto piccoli abituati alla tastiera. Questo è qualcosa che i genitori possono presentare nella fase iniziale. Per i più grandi, libri di racconti che caratterizzano la tastiera come un personaggio centrale può essere un modo efficace per introdurre i bambini alla tastiera e spiegare come funziona nel contesto di una storia divertente. Per i ragazzi più grandi, le pagine vuote da tastiera che permettono loro di compilare le lettere e caratteri è un'attività che può contribuire a rafforzare la memoria del layout di tastiera.

5 Usi di Powerpoint

April 9

5 Usi di Powerpoint


Microsoft PowerPoint è un pacchetto software di presentazione. gli utenti di PowerPoint creare e organizzare le diapositive su un computer, per essere stampati su carta o lucidi in acetato, proiettato direttamente dal computer o condiviso via Internet. Gli utenti possono creare grafici e diagrammi a cui possono poi aggiungere grafica e testo. Esso permette inoltre agli utenti di incorporare elementi di animazione, audio e video. Così come le presentazioni, PowerPoint può essere usato per fare giochi, tutorial, animazioni e poster.

presentazioni

È possibile utilizzare PowerPoint per migliorare le presentazioni. PowerPoint permette di disegnare diagrammi utilizzando una libreria di forme e connettori. E 'possibile creare una varietà di grafici, tra cui grafici a barre, grafici a torta e grafici lineari, dai dati. PowerPoint viene fornito con una libreria di file audio che si può anche includere clip art e. PowerPoint può essere usato per fare le diapositive animate. È possibile condividere la presentazione tramite un proiettore o su Internet.

Esercitazioni

PowerPoint può essere usato per fare tutorial e fogli di lavoro per i contesti educativi e di formazione. Invece di diapositive, questi possono essere stampati su carta e dati ai singoli studenti a studiare o lavorare. Un tutorial su un pezzo di software potrebbe utilizzare le immagini dei vari menu in combinazione con il testo e gli elementi grafici che indicano quanto ognuno fa. Un semplice foglio di lavoro di vocabolario potrebbe utilizzare fotografie o clip art di vari oggetti per gli studenti di etichettare con i loro nomi.

I giochi

PowerPoint può essere utilizzato per creare giochi - utili in una situazione di classe con gli studenti più giovani. Per un gioco a quiz, una presentazione potrebbe utilizzare una serie di diapositive domanda seguite dalle risposte. Una lavagna può essere utilizzata come schermo di proiezione, consentendo l'insegnante per disegnare o scrivere su un tabellone virtuale. Tempi e animazioni fanno sì che i giochi di corse sono possibili, in cui gli studenti devono trovare una risposta prima che le animazioni finiture.

Animazione

Animazione non deve essere limitata alle presentazioni. È possibile utilizzare PowerPoint per fare animazioni che sono interessanti nel loro diritto. funzioni di animazione di PowerPoint consentono di effettuare singoli elementi si muovono sullo schermo in una varietà di modi diversi. È possibile creare animazioni dal tuo disegni, importati in PowerPoint; oppure è possibile animare gli elementi dalla libreria clip art. PowerPoint consente di aggiungere effetti, suoni e musica per l'animazione.

Poster

avvisi informativi e manifesti possono essere create in PowerPoint. arte di clip o personalizzati grafici possono essere usati per illustrare temi o dare istruzioni. I diagrammi possono indicare sistemi o procedure che devono essere seguite. Grafici e diagrammi possono essere utilizzati per illustrare concetti come spreco di materiali di consumo, il consumo di energia degli apparecchi o cambiamenti nelle prestazioni, contribuendo a dare alla gente contesto e lo sfondo per le istruzioni che altrimenti potrebbero sembrare arbitraria.

3ds Max Animazione Tutorial

June 30

3ds Max è un potente motore di modellazione 3D che consente agli utenti di creare e manipolare oggetti 3D. Offre anche una grande serie di strumenti per modo rapido ed efficiente animare oggetti e personaggi. Animazione può sembrare confuso in un primo momento, ma non è così difficile una volta che si ottiene una buona presa su di esso. Tenere in considerazione che questo tutorial è per 3D Studio Max e questi passaggi non possono applicare ad altri tipi di software di modellazione 3D.

Spiegazione pannello di animazione

3ds Max Animazione Tutorial


Il cursore di animazione si trova nella parte inferiore dello schermo e si presenta quasi come un righello. Ha poco zecche ei numeri lungo tutta esso. Questi numeri sono quelli che sono conosciuti come un "frame". Ogni tick individuo rappresenta una cornice o un gruppo di fotogrammi. Il processo di animazione è quando un oggetto viene spostato in ogni fotogramma e quando tutti i fotogrammi vengono riprodotti in successione, rende l'illusione che l'oggetto si muove. Ci sono anche una serie di pulsanti vicino cursore di animazione che sono utilizzati per creare le animazioni detti pulsanti "chiave". I due pulsanti di prestare attenzione a qui ci sono "tasto Auto" e "Chiave Set". Gli altri pulsanti si useranno quando si arriva in animazione più seriamente e diventare più a suo agio con esso.

Auto Key e Set chiave

Questi due pulsanti sono essenziali per l'animazione ed è importante conoscere la differenza tra di loro, perché li utilizzano correttamente può significare la differenza tra una animazione di successo e una imperfetta. Il pulsante chiave Set è responsabile dell'impostazione quello che viene chiamato un fotogramma chiave. 3ds Max consente agli utenti di animare in modo più efficace e rapido utilizzando fotogrammi chiave di oggetti e poi riempire tutti i fotogrammi necessari per rendere l'animazione si muove agevolmente. Per ottenere questo effetto, l'animatore si sposta il cursore per un numero specifico sul righello e fare clic su "Imposta Chiave". Poi l'animatore scorre su un numero maggiore e quindi sposta l'oggetto da animare. Dopo che l'oggetto viene spostato, il pulsante "Set Chiave" viene cliccato di nuovo e il programma procede per aggiungere tutti i fotogrammi necessari tra i diversi per creare l'animazione. Il pulsante "tasto Auto" è usato quasi come il tasto chiave Set, ma ha una differenza principale. Il pulsante Auto Key, se attivato, sarà posto un fotogramma chiave ogni volta che un oggetto viene spostato. Questo è utile per l'animazione veloce perché l'animatore può semplicemente spostare il cursore e quindi spostare l'oggetto senza dover premere il pulsante chiave Imposta ogni volta. E 'importante quando l'animazione per rendersi conto che il pulsante Auto Key è attivato. Se si crea un altro oggetto nella scena in cui il pulsante Auto Key è ancora attivato, prenderà in considerazione che un'animazione. Per creare nuovi oggetti che non si desidera animato, assicurarsi chiave Auto è disattivato.

Fare un semplice animazione

Prova a fare una semplice animazione per ottenere un tatto per il programma e come funziona l'animazione. Per fare una semplice animazione, per prima cosa una sfera o scatola o qualsiasi altro oggetto ci si sente come in una delle finestre. Assicurati di cliccare su "Imposta Chiave". (Si dovrebbe fare un segno rosso sopra il cursore sul righello). Ora, prendete il vostro cursore e farlo scorrere per tutto il marchio "50" sul righello. Poi, prendere l'oggetto e spostarlo da qualche parte sullo schermo o ruotare in un certo modo o addirittura ridimensionare esso. Dopo aver fatto ciò, fai clic su "Imposta Chiave" di nuovo. Ora, spostare il cursore avanti e indietro tra il segno "0" e il marchio "50". Si dovrebbe vedere il vostro animato oggetto. È anche possibile trascinare il cursore di nuovo a zero e premere "Play". Questo pulsante appare come un triangolo rivolto verso destra, che si trova alla destra del pulsante Auto Key.

PSP neve Animazione Tutorial

July 10

PSP neve Animazione Tutorial


Paint Shop Pro (PSP) è un pacchetto di grafica attualmente prodotto dalla Corel Corporation. Questa suite software è costituito da due applicazioni principali: PSP e Animation Factory. PSP lavora per produrre o modificare sia raster e vettoriali immagini digitali. Animazione di fabbrica crea azione o attività utilizzando un formato storyboard. Grazie alla combinazione di questi due programmi, è possibile aggiungere uno strato di un'immagine e simulare la neve che cade. Quelli nuovi a Paint Shop Pro potrebbe aver bisogno di prendere il tempo per imparare i passi fondamentali di lavorare all'interno di questo ambiente. Tuttavia, una volta che hai le basi verso il basso, creando uno strato d'animazione sarà un processo semplice.

istruzione

Crea i tuoi strati di neve

1 Aprire Paint Shop Pro sul computer. Caricare l'immagine desiderata sulla tela. Ad esempio, se si dispone di un grafico con un pupazzo di neve e si desidera aggiungere la neve sullo sfondo, cliccare su "File", poi "Apri". Individuare il pupazzo di neve sul disco rigido e fare clic sul pulsante "Apri" nella finestra di dialogo.

2 Create un nuovo livello raster per la neve, tasto destro del mouse sulla palette livello e selezionare "Nuovo livello raster."

3 Aprire lo strumento pennello in PSP premendo il tasto "F4" sulla tastiera. Se questo non funziona, fai clic su "Visualizza" nella parte superiore dello schermo. Seleziona "Tavolozze" e poi "Opzioni strumento" dal menu Visualizza. Fare clic sul pennello "Circle" dalle opzioni pennello. Gioca con l'impostazione sulla spazzola finché non si crea il look che si desidera per la vostra neve opzione. Ad esempio, è possibile impostare la dimensione del pennello a "5." Provalo sulla tela, poi tornare indietro e cambiare a "3" se i fiocchi sono troppo grandi.

4 Macchiolina il layer raster di neve con il pennello cerchio. Prestare attenzione al l'immagine sottostante e non coprire le aree importanti. Per esempio, se l'immagine originale ha una bambina in esso, si sarebbe non voler coprire il viso con la neve.

5 Premere i tasti "Ctrl + Shift + C" sulla tastiera per copiare tutti i livelli.

6 Aprire "Animation Shop" sul computer.

7 Incollare i livelli da PSP a Animation Shop premendo il tasto "Ctrl + V" sulla tastiera.

8 Ritorno a PSP e ripetere la procedura per creare un altro strato di neve.

9 Ripetere la procedura per copiare i nuovi livelli e tornare a Animation Shop. Premere il tasto "Ctrl + Shift + L" per impostare il fotogramma successivo dell'animazione.

10 Creare il numero di strati di neve se necessario per progettare una immagine realistica di neve che cade.

Progetta la tua Animazione

11 Clicca sul primo fotogramma in Animation Shop e premere "Ctrl + C" sulla tastiera. Questo copierà il telaio. Premere il tasto "Ctrl + Shift + L" per incollare che telaio sul storyboard di animazione.

12 Spostare indietro al primo fotogramma e fare clic destro su di esso. Selezionare "Inserisci immagine transizione" dal menu che appare accanto al cursore.

13 Ingresso le impostazioni per l'animazione nella finestra di dialogo Transizioni. Fare clic sulla casella a discesa nella parte in basso a destra dello schermo e scegliere "Fade". Selezionare le impostazioni per l'azione sull'immagine, come la velocità fotogramma. Per esempio, è necessario decidere il numero di fotogrammi per elaborare al secondo. Potrebbe essere necessario giocare con queste impostazioni per creare l'aspetto desiderato.

14 Selezionare l'icona "Anteprima" nella parte superiore dello schermo per vedere come la vostra neve appare e apportare modifiche, se necessario.

15 Passare alla parte superiore dello schermo e selezionare "Salva" dal menu File. Ciò farà risparmiare la nuova immagine sul disco rigido.

Consigli e avvertenze

  • Questo tutorial funzionerà sulla maggior parte delle versioni di PSP e Animation Factory.

Tutorial in Pascal Programmazione Animazione

June 21

Tutorial in Pascal Programmazione Animazione


Il linguaggio di programmazione Pascal è spesso usato come un linguaggio introduttivo per l'insegnamento della programmazione di computer per gli studenti. Ci sono molte versioni di esso, ma i più comuni sono di Borland Turbo Pascal e Free Pascal. Questo tutorial è stato scritto utilizzando Free Pascal, ma tutte le versioni di Pascal condividono le stesse caratteristiche, in modo che il codice dovrebbe trasferire senza modifiche tra le diverse versioni. Pascal è un linguaggio di programmazione strutturata imperativo. Le funzioni di animazione sono forniti dalla libreria di funzioni "Grafico" che viene fornito con la lingua. E 'completamente descritta nel capitolo 18 della Guida Run-Time Library Reference collegato al primo riferimento.

istruzione

1 Creare un file successivo nel vostro editor di testo preferito. Qualsiasi editor di testo semplice farà, tra cui Blocco note di Windows, anche se si può scegliere di utilizzare un editor Pascal dedicato come il programma gratuito Lazzaro.

2 Incollare i seguenti dati di intestazione nel editor di testo per inizializzare le variabili che verranno utilizzate nel tutorial di animazione:

Programma Pascal_Animation_Tutorial;
Usi Crt, Grafico;

Var VideoDriver, gMode: Integer;
Var x, y, w, h: Integer;
ciclo Var: booleano;
colore Var: Integer;

Questo importa sia la CRT (per trattare con la console) e librerie grafiche. Poi dichiara variabili per il driver grafico, la modalità grafica, la posizione e l'altezza di un elemento grafico insieme con il suo colore, e un valore booleano per controllare il ciclo di animazione.

3 Incollare il codice seguente immediatamente dopo l'ultimo codice per inizializzare i valori delle variabili:

VideoDriver: = DetectGraph;
InitGraph (VideoDriver, gMode, '');

x: = 40;
y: = 40;
w: = 10;
h: = 10;
colore: rosso =;
ciclo: = true;

Il driver video fornisce l'interfaccia sullo schermo e gMode tiene la risoluzione e la profondità del colore corrente. X, Y, W e H terrà delle coordinate X e Y sullo schermo per disegnare l'animazione, così come la sua larghezza e altezza. Colore terrà il colore corrente (in questo caso, rosso).

4 Incollare il seguente codice per creare il ciclo principale, che sarà disegnare un'ellisse, spostarlo un po ', e pulire lo schermo per disegnare di nuovo. Una volta fatto più volte, si produrrà una animazione di una palla in movimento attraverso lo schermo. Sarà anche controllare per l'utente di uscire dal premere il tasto "Q".

mentre (anello)
inizio
clrscr;
setColor (colore);
FillEllipse (x, y, w, h);

x: = x + 1;
y: = y + 1;

if (ReadKey == 'Q') allora ciclo: = False;

fine

Pulsante Animazione Tutorial

September 3

Un pulsante animato è anche conosciuto come un pulsante rollover. Quando il puntatore del mouse si trova sopra il pulsante, cambia colore o la forma. Animare i pulsanti è un modo rapido per aggiungere un elemento dinamico per la pagina Web senza bisogno di un sacco di codice di programmazione per farlo. Javascript e il vostro programma di grafica preferito vengono usati per creare pulsanti animati.

Creare il pulsante

Per un semplice pulsante di testo che cambia colore, è possibile utilizzare un generatore di pulsante rollover online gratuito (vedi Risorse), ma avrete un maggiore controllo sulla progettazione pulsante se si utilizza il proprio software di grafica per creare esso. Aprire il programma di grafica e utilizzare le forme e gli strumenti di testo per creare il pulsante principale. Questo è il pulsante che verrà visualizzato nella pagina Web prima che il puntatore del mouse passa sopra o clic su di esso. Una volta completata la progettazione del tasto, l'esportazione come JPEG o GIF file pronto per il caricamento al tuo sito web, quindi creare una copia del file di immagine del pulsante e utilizzare questo come punto di partenza per creare l'animazione.

In che modo l'immagine cambia con l'azione del mouse? Sarà cambiare colore? Sarà il testo sul cambiare colore pulsante o cambierà il carattere? Tuttavia si desidera che il pulsante animato, rendere tali modifiche a questo secondo file grafico, quindi salvare e esportare il nuovo tasto come JPEG o GIF come prima, ma con un nuovo nome. Un nome al file immagine dei pulsanti qualcosa di simile come SubmitButton_Off e SubmitButton_On o SubButton1 e SubButton2, in modo da sapere quali file vanno insieme per rendere l'animazione tasto, e quali file è il primo pulsante della coppia.

Aggiungere il pulsante per la pagina Web

Pulsante Animazione Tutorial


Aggiunta di un pulsante animato alla pagina Web comporta l'aggiunta del codice JavaScript alla pagina per dire al browser Web per mostrare Immagine 1 prima, e poi mostrare Immagine 2 quando il puntatore del mouse Immagine 1. Aprire la pagina in uno strumento web-editing e fare clic su cui si desidera visualizzare il pulsante. L'aggiunta di JavaScript è più facile se si dispone di uno strumento di editing come Adobe Dreamweaver con un comando "Inserisci rollover", che scrive il codice necessario per voi. Se è necessario digitare il codice, visualizzare il tutorial nella sezione Risorse per apprendere i comandi necessari e come è formattato. Salvare le modifiche alla pagina Web dopo la modifica, quindi caricare il entrambi i file pulsante al server della pagina e. Visualizzare la pagina aggiornata nel browser Web per testare il pulsante.

GIF animate

Pulsante Animazione Tutorial


Un'alternativa ai pulsanti rollover è il file GIF animato. Se si desidera creare un pulsante che ruota o lampeggia o ha qualche altro movimento "costante" che non è stato innescato da un puntatore del mouse, è possibile farlo con una GIF animata. Il lato negativo di un GIF animato è che i visitatori tendono a non gradire le pagine Web che si muovono continuamente. Ballando icone e testo lampeggiante può essere difficile da guardare per lunghi periodi di tempo, in modo da un pulsante rollover è più gentile per i tuoi visitatori. Tuttavia, se si decide una GIF animata, invece, utilizzare un programma di grafica come Adobe Photoshop o Adobe Fireworks che ha la capacità di creare animazioni e impostate i fotogrammi del movimento per il pulsante all'interno del programma di grafica.

I telai sono creati in modo simile a come hai fatto i due pulsanti per il rollover. Fate copie dell'immagine tasto e quindi modificare leggermente ogni uno per simulare il movimento. I cambiamenti devono avvenire in modo da avere un movimento regolare. Quindi esportare il file di fotogrammi come tipo di file "GIF animato." Questo produce un file GIF speciale che contiene tutti i fotogrammi in sequenza e li riprodurrà automaticamente. Aggiungere il file di immagine alla tua pagina Web utilizzando il tag <img> e visualizzare la pagina nel browser per visualizzare l'animazione in azione.

Tutorial su Looping animazione in After Effects

February 28

Il pacchetto software Adobe Creative Suite include un programma, chiamato After Effects, che viene utilizzato da televisive e cinematografiche professionisti per l'aggiunta di animazione ed effetti speciali per progetti video. Quando si lavora in un progetto After Effects, è possibile scegliere di attivare il loop per un video o un'animazione specifico elemento. Quando si specifica un numero di loop per l'elemento, si ripete che molte volte quando il progetto viene eseguito o pubblicati.

istruzione

1 Avviare il programma Adobe After Effects.

2 Vai su "File" nel menu in alto e selezionare "Apri progetto".

3 Evidenziare il file di progetto che si desidera utilizzare e fare clic sul pulsante "Apri".

4 Evidenziare l'elemento di animazione o l'effetto che si desidera ciclo dalla sezione Pannello Progetto della finestra.

5 Torna al menu "File", espandere il sottomenu "Interpreta metraggio" e scegliere l'opzione "principale".

6 Inserire un numero intero nel campo Loop. Questo numero è il numero di volte in cui After Effects ripeterà l'elemento selezionato.

7 Hit "OK" per salvare le impostazioni e abilitare loop per l'elemento selezionato.

Tutorial per l'animazione Icone in Adobe CS3

March 1

Tutorial per l'animazione Icone in Adobe CS3


Flash CS3 è un'applicazione Adobe che consente di creare progetti animati per le pagine Web, così come i giochi. Forse si vuole animare il proprio logo aziendale o una piccola icona del pulsante. Flash consente di animare gli oggetti da loro manipolazione come clip filmato, pulsante o simboli grafici. Flash interpolazione crea un'animazione automatico del simbolo, incrementando fasi secondo all'inizio e alla fine attributi impostati.

istruzione

1 Aprire il file sorgente Flash che contiene l'icona.

2 Fare clic sull'icona per selezionarla. Premere il tasto "F8" per aprire la finestra "Converti in simbolo". Scegliere la radio "Graphic". Fai clic su "OK".

3 Premere il tasto "Ctrl" e "F3" per aprire il pannello Proprietà. Tipo "30" nel campo "frame rate".

4 Clicca fotogramma 90 nel livello temporale che contiene il simbolo grafico. Premere il tasto "F6" per creare un fotogramma chiave. Fare clic sul simbolo nel telaio 90 e spostarlo in un'altra posizione sullo schermo.

5 Clicca fotogramma 1 del livello. Modificare il pulsante "Tween" che si trova nel pannello Proprietà per "Motion". Impostare il valore "Ruota" a "CW".

6 Premere il tasto "Ctrl" e "Enter" per testare la vostra filatura icona dell'animazione.

Tutorial per Counterstrike Fonte Animazione spray

April 30

Tutorial per Counterstrike Fonte Animazione spray


spray animati in Counter-Strike Source rendono esche ideali per coloro che desiderano per ingannare gli altri giocatori in sprecare munizioni e tempo mentre loro inviano i giocatori distratti. Grazie alla sua efficacia, è diventato un'aggiunta necessaria nell'arsenale di un giocatore. Rendere il proprio spruzzo animato è un processo semplice, che richiede un paio di facile da usare programmi software e un po 'di creatività per tirare fuori. I risultati saranno proprio emblema personale che permette ai tuoi compagni di giocatori sanno a colpo d'occhio che era lì prima di loro, e che possono essere obiettivo di schiena.

Creare il grafico

Per creare il vostro spray animazione Counter-Strike Source, dovrete iniziare con la creazione di diverse immagini, di dimensioni 128 x 128 pixel di grandi dimensioni. Creare una serie di immagini che mostrano la progressione di animazione, salvando ogni immagine progressione come file TGA. Il numero di file che si possono avere che formano l'animazione dipende in gran parte dalla complessità del file di essere manipolati. Più grande è la dimensione del file salvato, il meno che si può avere in animazione finale. 5 a 8 fotogrammi animati è il numero comune utilizzato.

Animare l'immagine è semplicemente una questione di poco regolare l'immagine iniziale per dare l'illusione del movimento. È possibile farlo utilizzando un programma di grafica come Adobe Photoshop o Paintshop Pro per lavorare con un'immagine a strati, spostamento di un livello leggermente rispetto alla posizione originale, quindi salvare la nuova posizione come una progressione nella vostra animazione.

Importazione in Counter-Strike

Prima di iniziare il processo di importazione, è necessario scaricare il convertitore texture animata che permette di convertire i file TGA in file VTF per Counter-Strike. Il file, 'new_working_vtex.rar, "si possono trovare al gioco di personalizzazione di rete (vedi risorse).

Spostare il TGA che hai creato nella cartella d'animazione che si trova nella directory di Half Life-2 a HL2 / materialsrc / animato. Rinominare i file nel vostro ordine animato desiderato di spray001.tga, spray002.tga, spray003.tga, ecc fino al numero utilizzato. Estrarre il convertitore texture in questa directory, anche.

Aprire il file spray.txt utilizzando un editor di testo e trovare il valore endFrame, sostituendo questo valore esistente con il numero totale di fotogrammi che avete per l'animazione. Eseguire il convertitore vtex, convert.bat, che cambierà i file TGA in un unico file VTF, la creazione del logo spruzzo animato. Apparirà il nuovo file nella directory \ HL2 materiali \ animato. Spostare questo file VTF insieme al file VMT nella directory alla directory situata a vostro nome utente \ fonte counter-strike \ cstrike \ materiali \ VGUI \ loghi.

Utilizzando la Spray

Avviare il gioco, e il vostro nuovo spray apparirà come opzione è possibile scegliere dal menu a discesa. Il logo non apparirà come uno spray animata nel menu delle opzioni, e se hai cambiato è la metà del gioco, non sarà in grado di vedere il vostro nuovo spray prima di aver ricongiunto il server, in quanto gli spray personalizzati non vengono inviati a un server tranne che in questo momento si uniscono. Ogni spruzzo utilizzata nel gioco dovrà essere inferiore a 120 KB di dimensione, quindi se il file è più grande potrebbe essere necessario rifare l'animazione utilizzando un minor numero di immagini in animazione. È anche possibile modificare la dimensione dei pixel delle immagini utilizzate per rendere l'animazione per aumentare il numero di fotogrammi possibili. formati immagine compatibili includono 256 x 256 pixel, 128 x 128, 92 x 92 e 64 x 64.

Battaglia Animazione Tutorial

August 1

Battaglia Animazione Tutorial


Tricking la mente a credere che una serie di immagini fisse del telaio si muovono attraverso uno schermo video, animazione crea l'illusione del movimento continuo. Un uso comune di animazione è nella creazione di giochi per computer simulato di battaglia, dove action figure si muovono e interagiscono. Per l'inganno di animazione per funzionare correttamente, ogni fermo immagine successiva deve essere limitato a piccoli cambiamenti di posizione, per cui l'immagine non sembra spostarsi improvvisamente tra i diversi punti sullo schermo.

istruzione

1 Aprire il programma software di editing foto sul tuo computer. Fare clic sulla scheda "File" nell'angolo in alto a destra dello schermo con il mouse. Fai clic su "Apri" dal menu a discesa e individuare la cartella di animazione clipart sul computer; aprire il file clipart foglio di battaglia desiderato, con il mouse. Fai clic su "Salva con nome" e selezionare "Immagine bitmap" dal menu a discesa. Chiudere il programma di editing fotografico.

2 Aprire il programma software di animazione sul computer. Selezionare "Importa" dal menu "Strumenti" scheda a discesa e importare il file del foglio di battaglia bitmap salvato nel programma di animazione.

3 Aprire la schermata "Gestione delle risorse" nel menu "Strumenti". Dall'interno della schermata di gestione delle risorse, aprire lo strumento di animazione "database" nel menu a discesa.

4 Fare clic sul primo posa nella serie di figure all'estrema basso a sinistra della finestra del database con il mouse e trascinare e rilasciare la prima posa nella casella di animazione, sopra le cifre.

5 Fare clic sul numero "1" nella lista casella di scorrimento di animazione per assegnare la posa di una posizione di sequenza. Ripetere la procedura con ogni posa successiva, assegnando ogni posa il prossimo numero più alto, finché non è stato inserito il numero desiderato di pose nella sequenza di animazione. Per ottenere un effetto animata regolare, seleziona un minimo di 12 differenti pose della stessa figura. Tuttavia, come la figura ripeterà automaticamente la sequenza di movimento, non è necessario creare più di 18 a 20 pose diverse.

6 Selezionare la funzione "Battaglia di animazione" dal menu a tendina sulla scheda "Extra". Clicca su "Extra" e scorrere verso il basso per selezionare il movimento desiderato per ogni posa della serie. Come esempio, selezionare "Still" o "Idle" per la figura rimanga stazionario, o "attacco" per spostare la figura avanti. Fai clic su "Salva" quando si ha il numero desiderato di movimenti assegnati al vostro personaggio.

Consigli e avvertenze

  • Archivi di foglio di battaglia possono essere scaricati on-line o acquistati sul disco.

Linea Animazione Tutorial

August 9

Animazione in varie forme si vede un po 'ovunque, dai film e videogiochi per presentazioni aziendali e siti web. Un modo che esso viene utilizzato per creare linee animate per grafici e tabelle che presentano altrimenti noioso o difficile da comprendere i dati in un formato visivo accattivante che è più facile comprensione e ricordato. Ci sono diversi aspetti che si vuole prendere in considerazione quando si utilizza un programma come Fireworks per creare l'animazione linea.

Creare la linea

Fuochi d'artificio aperte. Selezionare "File" e fare clic su "Nuovo". Nella finestra di dialogo che si apre, selezionare lo strumento "pennello" e impostarlo su un piccolo, spazzola dura senza spigoli sbiaditi. Quindi fare clic sul colore "primo piano" e cambiare per il colore che si desidera la linea di essere. Selezionare lo strumento "Penna" e tracciare un breve percorso rettilineo della lunghezza si desidera che la linea sia inizialmente. Quindi selezionare la scheda "Path", tasto destro del mouse sul percorso elencato e selezionare il percorso ictus.

Dillo Fireworks per creare un'altra copia della linea per l'animazione. Vai al menu e fare clic su "Modifica", quindi Simboli "e selezionare" Make Symbol ". Selezionare" Symbol Clone ". Questo crea ciò che è noto come un" istanza "del simbolo.

Creazione del movimento in linea

Dì Fireworks come si desidera la linea di muoversi. Vai al menu e selezionare "Modifica", quindi "Transform". La finestra di dialogo "Trasformazione numerica" ​​si aprirà. Modificare l'impostazione per il "Pulldown." Inserisci l'importo che si desidera che la linea di espandersi nel "X" o "Y" direzioni. Ora utilizzare lo strumento "Seleziona dietro" selezionare sia la copia originale e clonato della linea nell'immagine.

Creare l'animazione

Ora ci sono due linee con una serie di istruzioni che disciplinano il loro comportamento. Creare fotogrammi intermedi per le azioni si svolgono in. Per fare questo, selezionare "Modifica", quindi "Simboli" e fare clic su "istanze." Nella finestra di dialogo che si apre, immettere il numero di fotogrammi che si desidera tra il simbolo di linea e la copia (istanza). Quindi fare clic su "Distribuire a Frames". Vai su "File" e "Salva" Selezionare GIF come tipo di file e salvare l'animazione.

Blink Occhi Animazione Tutorial per Photoshop

August 23

Blink Occhi Animazione Tutorial per Photoshop


La maggior parte dei siti web sono progettati per attirare i visitatori. Per aumentare l'interesse nel vostro sito che si desidera rendere il più visivamente interessante possibile con l'aggiunta di cose come grafica animata. Un tipo freddo di animazione che si potrebbe creare per il tuo sito fosse un occhio lampeggiante. Questa grafica potrebbe essere usato come un modo simpatico di indicare una posizione visitatore deve cliccare su. Si potrebbe pensare che questo avrebbe richiesto i servizi di un artista di grafica professionale, ma se si ha accesso ad Adobe Photoshop, è possibile utilizzare sia gli strumenti per creare rapidamente questa animazione da soli.

istruzione

1 Aprire Photoshop. Selezionare "File" e fare clic su "Nuovo". Nella finestra di dialogo che si apre, la larghezza e altezza in pixel ciò che si desidera per l'animazione. Fai clic su "OK".

2 Selezionare lo strumento "Penna" e utilizzare tit per disegnare la forma di fondo di un occhio. Quindi fare clic sulla scheda "Path" e fare clic destro sul percorso elencato. Dalle opzioni scegliere "Delinea tracciato."

3 Fare clic sull'icona "Nuovo livello" sotto il pannello "Livelli". Selezionare lo strumento "ellittica Shape". Nelle opzioni al cambio superiore a "Fill". Cambiare il colore di ciò che si vuole per l'iride e disegnare nell'iride sopra l'occhio inferiore.

4 Fare clic sull'icona "Nuovo livello". Utilizzare lo strumento "Secchiello" per riempire il livello con il bianco. Quindi ridurre il "opacità" dello strato al 30 per cento.

5 Selezionare lo strumento "Selezione poligonale" e usarlo per disegnare una linea retta dal lato sinistro della tela al bordo sinistro dell'occhio. Poi iniziare a muoversi lo strumento di selezione su e giù come si fa clic per creare una serie di forme frastagliate di corrispondere con le ciglia. Quando si raggiunge il bordo della occhio sul lato destro, prosegue con una linea retta verso il lato sinistro. Clicca in basso a destra, poi l'angolo in basso a sinistra e infine fare clic sul primo punto si è creato.

6 Hit "Elimina" sulla tastiera. Cambiare la "opacità" di nuovo al 100 per cento. Pulsante destro del mouse su ogni livello e selezionare "Duplica.

7 Disporre gli strati in modo che il ciascuna sezione inferiore ha una sezione superiore sopra di esso. Selezionare lo strato superiore.

8 Selezionare "Filtro" e fare clic su "Liquefy." Nella finestra di dialogo che si apre, utilizzare lo strumento "Push" per trascinare la forma delle ciglia verso il basso in modo da coprire completamente l'iride. Fai clic su "OK".

9 Fai clic destro sul secondo strato e scegliere "Unisci giù." Fai clic destro sul livello superiore e scegliere "Unisci giù."

10 Selezionare "Windows" dal menu e fare clic su "Animazione". Quindi selezionare "File" dal menu e fare clic su "Salva per Web e dispositivi." Nella finestra di dialogo che si apre, ha scelto GIF come tipo di file, impostare il frame "Durata" e fare clic su "Salva". Nome si file e fare clic su "Salva".

Tutorial su Flash animazioni

August 29

Tutorial su Flash animazioni


Adobe Flash è una suite software che consente agli utenti di animare la grafica, creano interattiva pagine web, programmi e giochi. Flash non è un programma software che possono essere apprese durante la notte. Si tratta di un pezzo sofisticato di software che richiede pratica e una conoscenza generale delle funzioni e le capacità del programma. animazioni Flash va da un semplice morphing di una forma di animazioni molto complesse con più elementi. Esistono alcune tecniche di base che vengono utilizzati in tutte le animazioni ed i principi possono essere applicati ai progetti più complessi. Come ad esempio utilizzando i fotogrammi chiave nella timeline di apportare modifiche l'animazione.

istruzione

1 Aprite Adobe Flash e aprire un nuovo documento facendo clic su "File" e poi "Nuovo". Portare l'indicatore timeline per l'inizio della timeline o primo fotogramma. Importare un'immagine grafica animata facendo clic su "File" "Importa", quindi "Importa nello stage". O disegnare un'immagine grafica utilizzando uno qualsiasi degli strumenti di disegno in Flash.

2 Fare clic sulla nuova immagine (oggetto) in scena e premere il tasto "F8" sulla tastiera. Ciò convertire l'oggetto / immagine in un simbolo che può essere manipolato. Quando si preme F8, apparirà una finestra pop-up che chiede all'utente di assegnare un nome al simbolo. Scrivi un nome e fare clic su "OK".

3 Spostare il simbolo sinistro del clic del mouse e tenendolo. Trascinare il simbolo per l'area dello schermo in cui deve prima compare il simbolo. Spostare l'indicatore del tempo fotogramma chiave nella timeline in avanti ad un telaio futuro --- per esempio, telaio 20. Ora spostare il simbolo di dove dovrebbe finire al termine dell'animazione. Premere il tasto "Ctrl" e "Enter" per visualizzare in anteprima l'animazione.

Maya Animazione Rendering Tutorial

October 15

Maya Animazione Rendering Tutorial


Maggio è uno dei grafica e animazione più potenti e più usati programmi di 3-D nel mondo esimo. E 'spesso utilizzato dalle industrie cinematografiche, televisive e videogiochi. Una delle cose migliori di Maya è la sua capacità di rendering, che consentono di eseguire il rendering sia utilizzando il renderer di Maya o il motore di rendering di un esterno. Anche può anche diffondere il rendering fuori sopra una render farm, accelerando il tempo di rendering in modo significativo. Ci sono diversi aspetti importanti per il rendering in Maya.

Illuminazione

Una delle cose più importanti da considerare quando si crea un'animazione reso in Maya è l'illuminazione. Assicurarsi che l'illuminazione crea l'atmosfera che si vuole trasmettere nella scena. Ad esempio, se si sta rendering di una scena che dovrebbe essere spaventoso e tesa, usare l'illuminazione più scura per intensificare questo effetto. Si dovrebbe anche fare in modo (come si macchia attraverso la timeline) che l'illuminazione in tutta la scena è dove si vuole in tutti i fotogrammi, e non solo il primo.

Frequenza dei fotogrammi

Un altro punto importante da pensare è il frame rate che si sceglie per l'animazione. Se l'animazione è solo andare su Internet, è possibile accontentarsi di un frame rate di 14 fotogrammi al secondo. Ma se sta per essere utilizzato nei film e si desidera avere il "film" guardare, 24p dovrebbe essere usato.

Dimensioni e qualità

Un altro aspetto di rendere un'animazione in Maya è la dimensione e la qualità è necessario. Questi variano ampiamente a seconda del progetto e si dove verrà utilizzato. Ad esempio, se si desidera posizionare voi l'animazione su un sito come YouTube, una larghezza di 400 pixel e una risoluzione di 72 saranno circa la destra. D'altra parte, se si desidera visualizzare l'animazione su un televisore standard, è possibile utilizzare l'impostazione standard NTSC di 720x480.

Classical Animazione Tutorial

November 4

Molto prima che i computer, l'animazione è stata fatta da disegno o la pittura un'immagine alla volta, o scattare foto di argilla o altri modelli e regolando i modelli tra ogni immagine per catturare un senso di movimento. Oggi, questo è noto come l'animazione classica, o di animazione tradizionale. È possibile creare le proprie animazioni classici utilizzando un foglio di carta, una fotocamera digitale e un programma software di grafica-editing che permette di ritagliare le immagini.

istruzione

Bouncing Ball Cartoon Animation

1 Raccogliere una risma di carta composto da fogli della stessa dimensione e forma. Si potrebbe tagliare pezzi di ordinaria carta formato lettera a metà per risparmiare carta, se lo si desidera.

2 Disegnare una "X" in due angoli di un foglio di carta. Si utilizzerà questi come segni di taglio al fine di garantire che le immagini siano allineati con precisione. Disegnare un grande cerchio nella parte superiore del foglio, che rappresenta una sfera. Disegnare la palla e segna il raccolto abbastanza scura che si può vedere quando si inserisce un altro foglio di carta sulla parte superiore.

3 Posizionare un secondo foglio di carta sulla prima. Tracciare i segni di taglio dal pezzo inferiore di carta. Disegnare un altro cerchio, la stessa dimensione come prima, circa un quarto della dimensione del cerchio inferiore, in modo che si sovrappongono parzialmente.

4 Ripetere il passaggio 3 numerose volte fino a quando la palla raggiunge il fondo della carta; quindi disegnare ciascuna sfera successiva superiore a quello precedente dallo stesso grado finché la palla raggiunge nuovamente il superiore della carta.

5 Fare un "test di matita" dell'animazione tenendo premuto uno bordo della risma di disegni e li capovolgere. Se la palla sembra passare in luoghi, aggiungere altre pagine con una palla per colmare la lacuna, o ridisegnare la palla, se necessario fino a quando l'animazione appare liscia.

6 Scatta una foto di ogni pezzo di carta nell'ordine in cui è stato redatto con la fotocamera digitale. Caricare le immagini sul computer, e quindi passare alla sezione "Compilazione delle Immagini" qui di seguito.

Animazione stop motion

7 Posizionare una macchina fotografica digitale su un treppiede o di collocarlo in una posizione stabile su un tavolo robusto in modo che non si muoverà quando si scatta una foto.

8 Forma un pezzo di argilla in qualsiasi forma, come una persona o animale e metterlo di fronte alla telecamera. Scatta una foto della creta. In alternativa, è possibile utilizzare le bambole o altri giocattoli, o tagliare le forme con carta di costruzione per fare cifre per l'animazione.

9 Spostare l'argilla un po '- per esempio, spostare un braccio o una gamba e poi prendere un'altra foto. Spostare di nuovo l'argilla e scattare un'altra foto. Dopo aver completato la scena, caricare le immagini sul computer.

Compilare le Immagini

10 Ritagliare ogni immagine, se lo desideri utilizzando il software della fotocamera digitale o un programma di editing grafico come Adobe Photoshop, GIMP o Paint.Net.

11 Controllare ciascuna immagine per garantire che sia ritagliata alle stesse dimensioni. Per cartoni animati disegnati su carta, utilizzare i fori come guide durante il ritaglio. Ritaglio potrebbe non essere necessario per l'animazione in stop motion, ma se lo è, utilizzare un punto focale in background come guida quando il ritaglio in modo che ogni immagine viene tagliata la stessa.

12 Mettere tutte le immagini in una cartella del computer. Aprire un browser Web e trascinare ogni immagine sul browser. Utilizzare i pulsanti "Indietro" "avanti" e il browser per vedere l'animazione.

Consigli e avvertenze

  • Caricare le immagini in un software di editing video o di un programma di presentazione come PowerPoint, e poi salvarle come un video. Per brevi animazioni, è anche possibile utilizzare GIMP o un'applicazione simile per compilare un piccolo gruppo di immagini in un'immagine GIF animata.

After Effects Animazione Tutorial

November 4

Animazione usato per essere parte delle cellule disegnato da cellule, ma la progressione della tecnologia e una innovazione nota come "fotogrammi chiave" ha ampliato il mondo dell'animazione al mercato interno. Utilizzando un computer di casa base, gli utenti possono ora animare e creare effetti con Adobe del sofisticato programma After Effects. Il programma dispone di funzioni avanzate, e può creare animazioni complesse per il cinema, il web o la visualizzazione a casa. Una volta imparare le basi del programma, gli utenti possono sviluppare esperienza con i progetti più grandi e le animazioni più dettagliate.

Impostare

Aprite Adobe After Effects e un nuovo progetto vuoto inizierà automaticamente. Fare clic nella "finestra del progetto" e fare clic su "Nuova composizione." Scegli le impostazioni video. Le impostazioni predefinite sono "NTSC DV," o "HDTV". Utilizzare l'opzione "Web Video" per lo streaming di animazioni su siti web come YouTube. Fare clic nella "finestra del progetto" e fare clic su "Importa" per importare i file per il vostro progetto. Audio, video, immagini e GIF animate sono compatibili con il programma. Organizzare i media con la creazione di una nuova cartella.

Sequenza temporale

Fare clic e trascinare un oggetto per la finestra temporale per renderlo attivo all'interno del progetto. L'oggetto apparirà automaticamente nella composizione. Fare clic e trascinare l'oggetto attorno a posizionarlo all'interno della composizione. Trascinarlo fuori della composizione, se si vuole cominciare dello schermo. Regolare i punti scala, rotazione e di ancoraggio cliccando sulla freccia a sinistra del nome del file nella "Timeline Window". Impostare il punto di partenza per ogni oggetto, e fare clic sull'icona del lucchetto piccolo per tenerli lì fino a quando inizia l'animazione.

fotogrammi chiave

Avviare il processo di animazione, permettendo ai fotogrammi chiave per ogni oggetto. Ad esempio, se si dispone di una foto di un cane in scala al 50 per cento, questo è come si dovrebbe animare di crescere al 100 per cento. Trascinare il navigatore temporale al punto di partenza. Fare clic sull'icona del cronometro accanto all'opzione "Scala" sotto il nome del file cane. In questo modo i fotogrammi chiave. Trascinare il navigatore temporale alla fine della clip e regolare la scala "100 per cento." Un piccolo diamante giallo apparirà sulla timeline per indicare un nuovo fotogramma chiave. Premere il tasto "Enter" per eseguire il rendering dell'anteprima. L'animazione mostra il cane che cresce lentamente al 100 per cento. Aggiungere in altri fotogrammi chiave per fattori diversi, come la rotazione e la posizione.

Animazione 3D

Girare l'animazione in una animazione 3D mediante l'applicazione e la regolazione di un semplice effetto. Decidere quale gli oggetti da "pop" in 3D. Vai a "Effetti", "prospettiva" e "occhiali 3D". Nella finestra "Controllo Effect", fai clic sul menu a discesa per selezionare il - effetto 3D "Rosso Blu". Scegli l'oggetto per la "Vista sinistra" e le opzioni "Vista destra". Cambiare la "convergenza" impostazione per vedere fino a che punto l'immagine andrà. Se lo strumento è spostato troppo lontano, l'immagine apparirà distorta.

predefiniti di animazione

Salta tutte le animazioni personalizzate e risparmiare tempo mediante l'applicazione di predefiniti di animazione. Questi preset comprendono una vasta collezione di animazione diverso che può essere applicato e ottimizzato per qualsiasi oggetto in un progetto. Le animazioni sono suddivisi in diverse categorie che può essere visto andando a "Animazione" e "Browse Presets." Se non viene caricato, cliccare su "Finestra" e scegliere "Effetti e Preset". Trascinare e rilasciare un preset come "Wiggle", "Fade Out" e "Scribble".

Silverlight Animazione Tutorial

December 25

Silverlight Animazione Tutorial


Microsoft Silverlight è l'ambiente di sviluppo Media Application basato .NET per le applicazioni Windows Phone, il Web e desktop. Animazione, che è molto simile a cartooning, crea ogni immagine in una cornice che sembra muoversi quando gioca in rapida sequenza. È possibile creare animazioni in Silverlight codificando gli oggetti e la modifica delle proprietà, al fine di creare effetti Flash-like.

istruzione

1 Passare a "Visual Studio 2010." Selezionare "Nuovo progetto". Fai clic su "File", seguito da "Nuovo" e "Progetto".

2 Fai clic su "Visual C #" nella finestra di sinistra seguito da "Silverlight". Selezionare "Applicazione Silverlight," e quindi digitare il nome del progetto come "animazione". Quando viene richiesto di scegliere un sito web o una pagina di prova, deselezionare "ospitare l'applicazione Silverlight in un nuovo sito Web" al fine di scegliere l'opzione pagina di prova.

3 Passare a "Solution Explorer" nella finestra di destra facendo clic su "Visualizza" seguito da "Solution Explorer". Fare doppio clic su "MainPage.xaml." Si apre il file "MainPage.xaml" nella finestra dell'editor principale.

4 Inserire il seguente codice nella finestra di editor principale per animare l'ellisse utilizzando un'animazione punto:

<Animare MouseLeftButtonDown = "Handle_MouseDown"

Background = "grigio" width = "605" height = "505">

&lt;Animate.Resources>

& Lt; Storyboard x: Name = "myStoryboard">

& Lt;! - Commenti sul codice vengono digitati qui ->

& Lt; PointAnimation

x: Name = "myPointAnimation"

Storyboard.TargetProperty = "center"

Storyboard.TargetName = "MyAnimatedEllipseShape"

Durata = "0: 0: 2" />

& Lt; / Storyboard>

& Lt; /Animate.Resources>

& Lt; Path Riempimento = "Blue">

& Lt; Path.Data>

& Lt;! - Descrive un ellisse. ->

& Lt; EllipseShape x: Name = "MyAnimatedEllipseShape"

Centro = "200.100" RadiusX = "15" RadiusY = "15" />

& Lt; /Path.Data>

& Lt; / Percorso>

</ Animate>

5 Testare l'applicazione utilizzando il debug in Visual Studio. Per fare questo, selezionare "Debug" seguito da "Start Debugging." Una pagina Web si aprirà che lancia l'applicazione a meno che non ci sono errori, che verranno visualizzati in Visual Studio.

6 Fai clic su "debug" seguito da "Termina debug" per terminare l'animazione.

Consigli e avvertenze

  • Per ottenere i migliori risultati, la pratica con esercitazioni Microsoft Silverlight sul sito Web di Microsoft (vedi Risorse).

MilkShape Animazione Tutorial

January 23

MilkShape impiega una struttura gerarchica di ossa nel processo di animazione. Un grande osso in uno scheletro genitori tutte le ossa minori che sono collegati ad esso. Se un osso spalla sinistra è un genitore, un dito della mano sinistra è un bambino a quella spalla. Strati esterni o la carne sullo scheletro si muoverà automaticamente in sincronia con il movimento del modello.

istruzione

1 Fare doppio clic sull'icona del desktop MilkShape per lanciarlo. Vai su "File" e selezionare "Apri". Si aprirà automaticamente la cartella MilkShape con scheletri di esempio. Selezionare "HumanFemale.ms3d." Lo scheletro femminile apparirà nei quattro porti di visualizzazione.

2 Fare clic sul pulsante "Anim" nell'angolo in basso a destra per attivare il pallet animazione. Questo vi permetterà di spostare il frame-Bar, situato sotto i controlli di animazione, che assomigliano ai comandi di un lettore video, e alla sinistra del pulsante Anim.

Premendo il pulsante Anim imposta automaticamente il primo fotogramma come "1.0".

3 Input "30" in framecount, il terzo campo da sinistra dei controlli di animazione.

4 Fai clic su "Seleziona" nel pannello "Strumenti". Il pannello "Selezionare Opzioni" si aprirà sotto il pannello Strumenti. Fai clic su "Joint".

5 Clicca sulla spalla sinistra del modello nella finestra front-view, che è nell'angolo superiore sinistro dell'interfaccia. Poiché lo scheletro è stato costruito con una struttura ossea gerarchica, questa azione attiverà la spalla e tutte le ossa di collegamento "figli" sotto la spalla.

6 Vai su "Anima." Selezionare "Operare sulle articolazioni selezionati solo" dal menu a discesa per deselezionare il fotogramma chiave. Che cancellerà il fotogramma chiave che "operano su Giunti selezionato solo."

7 Selezionare "Set fotogramma chiave" dal menu a discesa Anima. Tutte le ossa nel modello diventa gialla e occupare una posizione di fotogramma chiave.

8 Far scorrere la barra di telaio fino a quando si è a telaio 15. Il numero di telaio appare nel secondo campo a sinistra dei controlli di animazione.

9 Fai clic su "Ruota" nel pannello Strumenti. Fare clic sulla spalla sinistra. Ruotare il braccio del modello nel porto frontview fino a quando il braccio è sollevato.

10 Vai su "Anima." Selezionare "Operare sulle articolazioni selezionate solo" nel menu a discesa per riattivarlo. Questa azione creerà fotogrammi chiave per la spalla sinistra e il braccio solo.

11 Selezionare "Set fotogramma chiave" dal menu a discesa Anima. Far scorrere la barra fotogramma a sinistra finché non si è sul telaio 15.

12 Fare clic sul pulsante "Play" sui controlli di animazione, che assomiglia a una sola freccia che punta verso destra. il braccio di tuo modello dovrebbe animare e salire.

Tutorial per l'animazione Vines & Flowers con Flash CS3

January 25

Tutorial per l'animazione Vines & Flowers con Flash CS3


Mentre Adobe Flash CS3 non è la versione più recente del programma (a partire dal 2010, CS5 è la versione corrente), che tuttavia è uno strumento di animazione potente ampiamente utilizzato per qualsiasi numero di progetti diversi, dal fare le pagine web e banner per pubblicità e spettacoli televisivi. Durante la creazione di una scena animata con viti e fiori che soffia il vento potrebbe essere considerato un compito meglio gestita da un artista di grafica professionale, il processo è sorprendentemente semplice e diretto.

istruzione

1 Avviare Flash. Clicca su "ActionScript 3.0" per iniziare un nuovo documento. Selezionare lo strumento "Penna" dalla barra degli strumenti.

2 Fare clic sul pulsante "Nuovo livello" sotto la timeline. Quindi fare doppio clic sul nome del nuovo livello e rinominarlo "vite 1." Ora usare lo strumento "Penna" per disegnare una forma di vite appesa sulla tela.

3 Selezionare lo strumento "Secchiello" e scegliere un colore "Fill", che è una tonalità di verde. Quindi fare clic all'interno della forma che avete disegnato per riempirlo.

4 Scegliere lo strumento "Select" e fare doppio clic sul contorno intorno alla vostra forma per selezionarla. Hit "Elimina" sulla tastiera.

5 Selezionate lo strumento "Bone" dalla barra degli strumenti. Fare clic nella parte inferiore della vostra vite e trascinare verso l'alto per aggiungere il primo osso dell'armatura. Istruzioni sull'estremità di detto osso per aggiungere altro. Continuare questo processo per aggiungere ossa lungo tutta la lunghezza della vite.

6 Pulsante destro del mouse ad un certo punto più in basso della timeline in cui si desidera l'animazione di fermarsi. Passare alla funzione "Selezione" e utilizzarlo per posizionare la vite nel punto desiderato nel primo fotogramma. Ripetere questo l'ultimo fotogramma. Il programma creerà automaticamente un movimento tra i fotogrammi alterati, aggiungendo tutti i movimenti delle altre cornici.

7 Ripetere la procedura per aggiungere tutti i fiori animati e viti che si desidera. Salvare il lavoro.