Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Animáció készítésre alkalmas alkalmazói rendszer

No description
by

Gabriella Martina

on 14 October 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Animáció készítésre alkalmas alkalmazói rendszer

Animáció készítésre alkalmas alkalmazói rendszer
Mi a F lash?
Technológia


Flash-el fejlesztett animációk és az animációkészítés maga
Fejlesztőrendszer

Olyan szoftver, amely grafikákat, animációt, hangt, videót , interakciót is magában foglaló állományok készítésére alkalmas
Fájlformátum (FLA)

Maga a fejlesztőrendszerrel készült állomány, mely szerkeszthető, de pl. weblapba nem ágyazható be
Lejátszó (Flash player)


Egy böngészőbe beépülő alkalmazás, amely Flash alapú animációk megtekintését teszi lehetővé, ill. használatával Flash alapú játékokat és Flasht tartalmazó videókat futtathatunk a számítógépünkön
Alkalmazási lehetőségek

• Weblapon futó animáció
• Kész weblap
• Játékprogramok
• Oktatóprogramok
• Tesztfeladatok
• Szimulátor programok
• Mobileszközökre szánt tartalmak

Történet

1990 - es évek Jonathan Gay - SuperPaint
1993 - FutureWave cég FutureSplash Animator - webes felületen futó animációkhoz
Pl. a Microsoft webes felületen futó MSN verziója
Disney online

Történet

1996 - a Macromedia megveszi a FutureWave-től a
F
uture Sp
lash
t, ebből lesz a Macromedia Flash 1.0
1996-2005 Macromedia Flash egyre újabb verziói, az utolsó a Flash 8
2005 - az Adobe System megvásárolja , jelenleg Flash CC professional
Oktatóprogram
Játék
Dvd menü
Eszköztár
A Flash munkaterülete
Színtér
Idővonal
Rétegek
Panelek
Játék
Weboldal
Eszköztár (Tools)
objektumok létrehozására / szerkesztésére alkalmas eszközök (vektorgrafikus rajzolóprogram)
rajzlap mozgatására, közelítésére szolgáló eszközök
vonal / kitöltés színének beállítása
az egyes rajzeszközök beállításai
Időegyenes (Timeline)
A Flash dokumentum képkockákban (
frame
) méri az időt
Az animáció lejátszása közben a
lejátszófej
végighalad a képkockákon
Képkockasebesség (
f
rame
p
er
s
ecundum)
Képkockák - az idősávon az idő 1-1- pillnatát jelölik
Típusai:
kulcsképkocka
(keyframe) - olyan pont ahol változás történik az animációban
átmenetet tartalmazó képkocka - a program a kiinduló és befejező képkockából számolja ki (be
tween
)
sima képkocka (nincs új információ)
Tulajdonságok (Properties)
Az egyik legfontosabb panel
Gyors hozzáférés a leggyakrabban használt tulajdonságokhoz
Tartalma a kiválasztott objektum típusától függ
Panelek
http://www.tudasbazis.sulinet.hu
http://www.swf.hu/tutorials.php
Adobe FLASH tankönyv
Könyvtár (Library)
Szimbólum (grafika, gomb, filmklip)
A szimbólumokat a Library panel tárolja
Ősszimbólum / példányok
Egymásba ágyazhatók
Filmklip (Movie Clip) szimbólumok
Gomb (Button) szimbólumok
Grafika (Graphic)

képelemek rendezése
egymáson elhelyzkedő "fóliák"
minden réteg más-más a Színpadon meglenő képet tartalmaz
objektumok egymástól független szerkesztése
sorrendjük, az időegyenesen való megjelenés sorrendje
Rétegek (Layer)
Speciális rétegek
Réteg tulajdonságok
Guide - ha egy előre megrajzolt pályán szeretnénk végig mozgatni egy objektumot
Mask - olyan lyuk, melyen a maszk alatti rétegek átlátszanak, az alatta levő rétegek látható területeit korlátozza
Az animáció
Az objektumok időbeli mozgatása vagy változtatása
(PL. térbeli mozgatás, szín- vagy átlátszóság változtatás, méretváltoztatás, más alakra torzítás stb.)

Animáció készítéséhez kulcsképkockákat hozunk létre az Időegyenesen
Ezek mindegyikén a Flash rögzíti a Színpad aktuális állapotát

Animáció típusok:

fokozatos animáció (frame by frame)
alakzatátmenet (shape tween)
mozgásátmenet (motion tween)
animáció mozgásvezérlővel (guided)
animáció maskokkal (masked)
Fokozatos (frame by frame) animáció
A "legősibb" animációs technika
Minden képkockához kulcsképkockát adunk és mindegyiken egy kicsit módosítunk az objektumokon
Munkaigényes, nagy tárigény
Alakzat animáció (Shape tween)
Egyik alkazat egy másik alakzatba megy át
A Flash készíti el a köztes állapotokat
Szimbólumok esetén nem, csak alakzatok egymásba alakítására alkalmas
Alakzat átmenet első képkockája
Alakzat átmenet utolsó képkockája
Alakzat átmenet egy köztes (számított) képkockája
Mozgás animáció (Motion tween)
A Színpadon történő helyzetváltozásokhoz, méret-, szín-, átlátszóság stb. módosulásaihoz
Megvalósítása szimbólumok között lehetséges
Animáció mozgásvezérlő hozzáadásával
Az egyenes útvonalnál összetettebb mozgások animálásához
Akármilyen bonyolult útvonalból mozgásvezérlő készíthető
Objektumot hozzácsatolva mozgásátmenet hozható létre
A Flash a képkockák haladása közben az útvonalon tartja az objektumot
Szimbólumok animálása maszkkal
Maszkolással a képnek csak azt a részletét tudjuk megmutatni, amit láttatni szeretnénk
A felső réteg a maszk - ezzel határozzuk meg azt a képrészletet, amit az alatta levő maszkolt rétegből meg akarunk mutatni
A maszk vagy a maszkolt réteg tartalmának mozgatásával változat animációk készíthetők
Moziklipek egymásba ágyazása
A Flash lehetőséget biztosít a moziklip szimbólumok egymásba ágyazására, alkalmazásával összetett mozgások hozhatók létre
Movie Explorer - az egymásba ágyazott moziklipek struktúráját mutatja meg
Interaktivitás
A flash interaktivitását az
ActionScript

objektumorientált nyelv adja
Objektumok pl. a gombok, grafikák is melyeket Flashban készítünk
Az objektumok 1-1- nagyobb "csoport" osztály részei
Minden osztálynak vannak előre definiált tulajdonságai pl. MovieClip osztálynak _width (szélesség), _height (magasság)
Az objektumok képesek reagálni eseményekre pl. egy gomb az egér lenyomására , felengedésére stb.
Objektumok cselekvésre képesek, eljárásokat tudnak végrehajtani
Gombok
Az interaktivitás fontos az internetes alamazásoknál, oktatóanyagoknál, játékoknál
Flashben a felhasználó reagálhat eseményekre pl. az egérnek gomb fölé mozgatásával, felengedésével stb.
Gomb (Button) szimbólum - kreatív, egyedi nyomógombok
Gombokhoz utasítások melyek különbző eseményekkor hajtódnak végre
Pl. on(relase) {play();}
Moziklip tulajdonságok
Flash-el megváltoztathatjuk a moziklipek tulajdonságait futásidőben pl. átlátszóság, szín, pozíció
Moziklip vonszolása
Drag and drop
startDrag, stopDrag parancsokkal
Szövegek Flashben
A szövegdobozokat háromféle képpen tudjuk kezelni:
Static Text :
megadjuk mi legyen beleírva és ez nem változik (alapértelmezés)
Dynamic Text :
dinamikusan kezeljük, futási időben változtathatjuk a tartalmát, változónévvel vagy egyedi példánynévvel hivatkozunk rá
Input Text
:
beviteli mezőként használjuk
Komponensek
Meghatározott paraméterekkel rendelkező beépített filmklip szimbólumok
Pl. gombok, jelölőnégyzetek, görgetősávok, listák
Megjelenésük, viselkedésük módosítható, paramétereik beállításával
Összetettebb kezelőfelületi elemeket ActionScripttel módosíthatunk
Adobe Flash tankönyv
Hang és videó használata
Hang importálása (MP3, WAV, AIF, AU formátumok), külön rétegre célszerű, egyszerűbb szerkesztések elvégezhetők
Video importálás (beágyazva -kis, audiosáv nélküli fájlok/ kívülről betöltve - 10s -nél hosszab videók, fokozatosan betöltve)
Flash dokumentum publikálása
Amikor internetre szánt filmet publikálunk, a Flash egy SWF fájlt, egy HTML dokumentumot, és egy JavaScript fájlt hoz létre
További lehetőségek választhatók ki a Publish Settings párbeszédablakban, pl. EXE vagy APP ha nem vagyunk biztosak a Flash Player meglétében a célszámítógépen
Források:
http://tudasbazis.sulinet.hu/hu/informatika
http://matchsz.inf.elte.hu/
http://www.swf.hu/tutorials.php
Adobe Flash CS3 Professional Tankönyv
LOGOMotion
Az Imagine LOGO környezetbe beépített kép- és animációszerkesztő
Színbeállítás
HSV modellt használva


RGB modellt használva


Palettával


Kóddal
Rasztergrafikus rajzolóprogram
Készítette:Martina Gabriella informatika tanár MSc
2014

Rendező
Animáció vezérlő gombjai
Képkockaelemek szerkesztése
Iránytű mód
Új irányokat adhatunk az iránytűhöz
Irányfüggő animáció készítését teszi lehetővé
Automatikus képkocka generálás
Kérdések
1. Mik a Flash szimbólumai, milyen fajtái vannak, jellemzésük?

2. Milyen főbb animációtípusok vannak, jellemzésük?

3. Mi biztosítja az interaktivitást a Flash-ben?
Full transcript