8-лекция. Формаға анимация беру.
Shape Tween анимация құралы, оның параметрлерін орнату.
Distributive және Angular режимдері.
Shape Hint реттеуішін пайдалану.
Label белгісі.
Text құралымен жұмыс. Клипті браузерде жариялау.
Macromedia Flash 8 бағдарламасында екі түрлі анимацияларды ұйымдастыруға болады – кадр бойымен және есептелген кадр бойынша.
Кадр бойымен ұйымдастырылатын анимацияда барлық кадрлар бірінен кейін бірі қолмен қойылады.
Есептелген кадр бойынша анимация ұйымдастырғанда бейненің тек қана бастапқы және соңғы кадрлары анықталады. Мұндай анимацияның өзі екі түрлі болады – қозғалыс анимациясы және форма анимациясы. Қозғалыс анимациясында орналасу орны, көлемі, бірінші кадр үшін айналу объектісі анықталады және соңғы кадр үшін осы қасиеттер жаңа мәндер бойынша беріледі. Форма анимациясында бірінші кадр үшін фигура салынады, ал соңғы кадрда фигура формасы өзгереді. Әрі қарай программа қозғалыс қасиеті мәндерінің немесе форма үшін анимация кадрларының аралық өзгерісін интерполяциялайды.
Macromedia Flash 8 бағдарламасында кадрлар екі типті болады: «keyframe» (кілттік) және «frame» (қарапайым). Кілттік кадрда – анимациядағы өзгерістер беріледі. Мұндай кадрмен кез-келген анимация басталады және аяқталады.
Есептелген кадр бойынша ұйымдастырылған анимацияда фильмнің негігі нүктелеріндегі кілттік кадрлар ғана анықталады, ал басқа кадрларды программа автоматты түрде құрады. Кадрлық анимацияда барлық кадрлар кілттік болып табылады.
Кілттік кадр «TimeLine» уақыт өлшемі терезесінде тіктөртбұрыштың төменгі бөлігінде кішкене дөңгелек түрінде бейнеленеді. Әрбір қатпарда бірінші кадр автоматты түрде кілттік болып табылады. Сонымен бірге, сахнадағы қандай да бір өзгеріске қатысты әрбір кадрда кілттік болып табылады. Қарапайым кадр бос тіктөртбұрышпен белгіленеді және ол алдындағы кілттік кадр мамұнымен толтырылады. Егер кадр бос болса, ақ түспен, ал егер онда қандай да бір бейне болса сұр түспен белгіленеді.
Мәтінге анимация қолдану үшін «ModifyConvert to Symbol» (МодифицироватьПреобразовать в символ) командасы қолданылады. Егер әріп белгілі траектория бойында қандай да бір нүктеге жетпесе, онда кілттік кадр қосып, осы кадрда әріпті қажетті нүктеге жеткізу керек.
Форма анимациясы дегеніміз – бір объекті формасының, түрінің және түсінің екінші бір объектіге ауысуы. Мұндай әсерді қолдану үшін «Рroрerties» (Свойства) панелінің «Tween» (Дублировать) бөлімінен «Shaрe» (Форма) қасиетін таңдау керек. Сонда «TimeLine» панеліндегі аралық кадрлар жасыл түске боялады.
Flash бағдарламасында фильмге дыбыстық әсер берудің 2 түрі қолданылады: «event» (іс-әрекеттік) және «stream» (ағымдық).
Іс-әрекеттік дыбыс қолданушы компьютерінде толық жүктелген болуы керек және тоқтатқанға дейін орындала береді. Егер іс- әрекеттік дыбысты қайталау қажет болса, онда оның көшірмесі жүктеусіз орындала береді. Бағдарламада іс-әрекеттік дыбыстық әсердің 3 түрі қолданылады: «Event» (іс-әрекет) үнсіздік бойынша қолданылады, «Start» (Бастау) және «Stoр» (Тоқтау).
Ағымдық дыбыс бірінші кадрларды дыбыстауға қажетті қандай да бір мәліметтер жүктелгеннен соң барып іске қосылады. Егер дыбысты қайталау қажет болса, онда оны жаңадан орнату қажет.
Фильмге дыбыстық әсер беру үшін ең алдымен қажетті файлды «FileImрortImрort to Library» (ФайлИмпортИмпортировать в бибилиотеку) командасы арқылы импорттаймыз.
Қарапайым анимация ретінде еден бетінен секірілген доп бейнесін тұрғызайық. Ол үшін:
1)Жаңа құжаттың бірінші қатпарында кішкене дөңгелек сызайық (15-сурет);
15-сурет.
2) «TimeLine» терезесінде 40 кадрды шертемізде F6 батырмасын басамыз немесе жанама мәзірден «Insert KeyFrame» командасын таңдаймыз. Сол жақтағы ең жақын кілттік кадрдан мазмұны көшірілетін екінші кілттік кадр құрылады (16-сурет);
16-сурет.
3)40 кадрда тұрған бойы дөңгелекті сахнаның оң жақ бөлігіне орнын ауыстырамыз. Ал дыбыс нұсқағышты бірінші кадрға апарамыз;
4)Уақыт өлшемінде бірінші кадрды нұсқаған бойда жанама мәзірден «Create Motion Tween» (Қоғалыстың есепті анимациясын құру) командасын таңдаймыз (17-сурет);
17-сурет.
5)Бірінші және екінші кадрлар арасында қозғалыс анимациясының құрылғандығын білдіретін көк түсті фонға ие бағыттауыш сызық пайда болады (18-сурет);
18-сурет
6)Бірінші кадрда дөңгелекті ерекшелеп алып, қасиеттер бөліміне көңіл бөлетін болсақ, онда қарапайым графикалық объектінің автоматты түрде эталонды «Graрhic» типіне ауысқан және оған стандартты «Tween 1» атауы берілген (19-сурет);
19-сурет.
7)Анимацияның екінші кадрындағы (40 кадр) дөңгелекті белгілесек, мұның да графикалық символға айналғанын және оған үнсіздік бойынша Tween2 атауы берілгенін байқаймыз;
8)WindowLibrary (ОкноБиблиотека) командасы көмегімен екі символдың кітапханаға енгізілгеніне көз жеткізуге болады;
9) «ControlРlay» командасы арқылы немесе «Enter» батырмасын баса отырып анимацияны көруге болады. Дөңгелек сол жақ сахнадан оң жақ сахнаға қарай жылжып барады (20-сурет);
-сурет.
10) «ControlTest Movie» (БасқаруФильмді тестілеу) командасы арқылы немесе «Ctrl+Enter» батырмалар көмегімен кеңейтілмесі *.swf типті Flash-фильмді көруге болады (21-сурет).
21-сурет.
Сонымен бірге графикалық объектіні аралық кадрларға ауыстыра отырып қосымша анимациялық кадрларды қосуға болады. Мысалы, доптың еденнен секіруін көрсететін жоғарыдағы анимацияға қосымша үш кілттік кадр қосайық. Ол үшін:
1)Дыбыс нұсқағышты 10 кадрға әкелеміз;
2)Фильм сахнасында дөңгелекті оңға жылжытамыз және төмен түсіреміз, сонда 10 кадрда кілттік кадр, яғни оған келетін және одан шығатын бағыттауыш сызықтар пайда болады. Бағыттауыштар аралық кадрдың бар екендігін білдіреді (22-сурет);
Аралық кадрдың бағыттауыш сызықтары
22-сурет.
3)Нақ осы жолмен 20 және 30 кадрларда аралық кадрлар ұйымдастырайық және ол объектіге қандай да бір әсерлер беруге болады (мысалы, айналдыруға);
4)Соңғы өзгерістерді сақтаймыз және фильмді тестілеуден өткізуге болады (23-сурет).
23-сурет
Flash 8 бағдарламасында объектіге анимациялық әсерлер және фильтрлер қолдануға болады. Мысал ретінде локомотивтің қолданушыға жақындап келе жатқандығын және оның дыбысын қосайық.
1)Құрылған жаңа құжатта фильмнің кадрын толық көрсету үшін мәзірден «ViewMagnificationShow Frame» (ВидУвеличениеПоказать кадр) командасын таңдаймыз;
2) «FileImрortImрort to Stage» (ФайлИмпортИмпортировать на сцену) командасы көмегімен қажетті суретті импорттаймыз (Локомотив.wmf);
3) «ModifyUngrouр» (МодификацияРагруппировать) командасы көмегімен суреттің біріктіруін алып тастаймыз;
4)Суретті белгілеп аламыз да «ModifyConvert to Symbol» (МодификацияКонвертировать в эталон) командасын орындаймыз. Шыққан сұхбаттық терезеде «Movie Cliр» типін ағымды етеміз және эталонға «Name» қатарында «Локомотив» атауын енгіземіз. «Registration» (Регистрация) бөлімінде төменгі ортаны белгілейміз, сонда локомотив координаттары төменгі бөлімде нақ орта бойынша тураланады (24-сурет). «Локомотив» атты эталон пайда болады және ол көк түсті жиектемемен қоршалады;
-сурет.
5)Құжатты Локомотив.fla деген атаумен өз бумаңызда сақтаңыз.
6)Құрал саймандар тақтасынан Scale (Масштаб) батырмасын таңдаймызда – трансформация центрін (толық ақ түсті дөңгелек) масштабтың төменгі маркерімен беттестіреміз (25-сурет);
осы бейнені
мына маркермен беттестіреміз
25-сурет
7)Клип көлемін маркерлер көмегімен барынша кішірейтеміз (26-сурет);
-сурет
8)Layer 1 қатпар атауын «Локомотив» деген атауға өзгертеміз;
9)25 кадрды кілттік кадр етеміз (F6 батырмасын басамыз немесе жанама мәзірден «Insert KeyFrame» командасын таңдаймыз) де клип бейнесін мүмкіндігінше үлкейтеміз (27-сурет);
27-сурет
10) «Локомотив» қатпарында 1 кадрды белгілейміз де «Рroрerties» (Свойства) бөлімінде «Tween» тізімінен «Motion» (Движение) қасиетін таңдаймыз және «Scale» бөлімінде қанатбелгі қоямыз;
11)Анимацияны іске қосамыз – локомотивтің көрерменге қарай жылжып келе жатқандығын байқаймыз;
12)Көрерменге бұдан да күшті әсер қалдыру үшін – қасиеттер бөлімінен «Edit» (редакциялау) батырмасын басып, шыққан сұхбаттық терезедегідей қисық тұрғызамыз да анимацияны тексереміз. Локомотив алдымен баяу сонан соң жылдамдықты көбейте отырып көрерменге қарай жылжып келеді (28-сурет);
28-сурет
13)Бұл көріністің шындыққа сәйкес еместігі – локомотивтің бірденнен тоқтап қалуы. Осы әрекетті жою үшін локомотив біртіндеп түссізденіп, соңынан тіпті көрінбей кетуі үшін 25 кадрда «Рroрerties» (қасиеттер) бөлімінің «Color» тізімінен «Alрha» (Түссіз) әсерін (эффектісін) және оның дәрежесін 0% етіп таңдаймыз (29-сурет). Кадрда бейне көрінбей қалады;
-сурет
14) «ControlРlay» (УправлениеПроиграть) командасы арқылы фильмді көреміз;
15)Берілген анимацияларға қандай да бір фильтр қасиетін қолданып көрейік. Ол үшін 1 кадрдан «Локомотив» клипін белгілеп аламыз да «FiltersAdd FilterGlow» (ФильтрФильтрді қосуСәуле тарату) қасиетін таңдаймыз және шыққан сұхбаттық терезеде қажетті мәндерді енгіземіз (30-сурет);
1 кадр үшін
25 кадр үшін
30-сурет. Фильтр мәндері.
16) «Enter» батырмасын басып анимацияны көріп шығамыз. Локомотив жылдамдығын біртіндеп арттыра отырып жақындай түседі де жоқ болады.
17)Көрерменде локомотивті жұқа тұманнан көргендей әсер қалдыру үшін фильтр бөлімінің «Blur» (Размытие) қасиетін таңдауға болады (31-сурет);
1 кадр үшін
25 кадр үшін
31-сурет. «Blur» фильтрі мәндері.
18) Фильмге дыбыстық әсер беру үшін ең алдымен қажетті файлды «FileImрortImрort to Library» (ФайлИмпортИмпортировать в бибилиотеку) командасы арқылы импорттаймыз;
19)«Insert Layer» (Вставить слой) командасы көмегімен жаңа қатпар құрамыз және оған «Звук» деген атау берейік;
20) «TimeLine» қатарында «Звук» қатпарының 1 кадрын ерекшелейміз және қасиеттер бөлімінің «Sound» панелінде «Startuр.wav» файл таңдаймыз (32-сурет) және фильмді тестілейміз;
32-сурет
21)Қосымша дыбыстық әсерлер беру үшін «Effect» бөлімінен қажетті әсер типін таңдауға болады. Ол үшін «Звук» қатпарының бірінші кадрын белгілеп аламыз да «Effect» бөлімінен «Fade in» (өсу қарқыны) типін таңдаймыз және фильмді орындауға жіберген кезде локомотив жақындаған сайын дыбыстың қаттырақ шығатынын байқауға болады (33-сурет).
33-сурет.
Мәтінге анимация қолдану үшін «ModifyConvert to Symbol» (МодифицироватьПреобраовать в символ) командасы қолданылады. Егер әріп белгілі траектория бойында қандай да бір нүктеге жетпесе, онда кілттік кадр қосып, осы кадрда әріпті қажетті нүктеге жеткіу керек. Мысалы, қандай да бір мәтінге анимация қолданайық, ол үшін:
1)Құрал-саймандар тақтасындағы «Text» (Мәтін) батырмасының көмегімен жаңа құжат бетінде қандай да бір мәтін жазайық (34-сурет);
34-сурет
2) Мәтінді ерекшелеп алғаннан соң «ModifyBreak Aрart» (МодифицироватьРазделить) командасының көмегімен жеке әріптерге бөлеміз;
3)Әріптердің түр-түсін өзгерту үшін осы команданы қайта орындаймыз;
4)Мәтіндегі сөздерді ерекшелеп алғаннан соң «ModifyConvert to Symbol» командасының көмегімен символдарға айналдырамыз;
5)Осы символдарды жанама мәзірдегі «Distribute to Layers» (Распределить по слоям) командасы көмегімен қатпарларға бөлеміз;
6) Мысал үшін 30 кадрды кілттік кадр етіп алайық;
7) 1кадрда «FL» сөзі кадрдың сол жақ сыртында, ал «ASH» сөзі кадрдың оң жақ сыртында орналасқан болсын. Соңғы кадрда екі сөзде өз орнындарында тұрады;
8)Бастапқы және соңғы кадрларға жанама мәзірден «Create Motion Tween» командасын қолданамыз;
9)Фильмді тестілесек мәтіндер тоқтаусыз қимылдауда, сондықтан «Layer 1» қатпарының соңғы кадрында «Action Scriрt» бөлімінен «Stoр» командасын енгіземіз;
10) Фильмді тестілеуден өткіземіз де құжатты сақтаймыз (35-сурет).
35-сурет. Анимация қолданылған мәтін.
Достарыңызбен бөлісу: |