Уроки Flash MX. Другий урок, Програми для роботи з графікою, Програмні керівництва, статті

Урок другий (створюємо перший повнофункціональний кліп, Бібліотека-що таке? Закріплення роботи з шарами)

Шари необхідні для того, щоб розділяти як відокремлені об’єкти, так анімовані композиції складаються з декількох об’єктів, також просто для того щоб ви могли розкидати фрагменти сцени по шарах, як вам зручно. Розмір файлу не змінюється від кількості шарів

Бібліотека-це місце де зберігаються всі ваші об’єкти. Ви можете імпортувати в неї також растрові зображення і звуки (про це детальніше на сл.занятіі). Достатньо один раз створити який або об’єкт або помістити його в бібліотеку, щоб використовувати його потім безліч разів, причому змінюючи його розмір місце положення колір. Основне вікно бібліотеки в інтерфейсі Flash за замовчуванням невидимо але після натискання клавіш ctrl + L воно має з’явитися







  1-назва об’єкта
2-область перегляду об’єкту
3-розгорнути вікно на повну
4-згорнути вікно на повну
5-видалити об’єкт
6-властивості об’єкта
7-створити папку
8-новий символ.

Ми повторили що таке шари і розглянули бібліотеку, саме час створити ролик який все це зв’яже (приклад дивися в самому кінці сторінки). Для початку давайте створимо новий файл (ctrl + N, якщо ти дійсно хочеш навчитися щось робити швидко, то тобі треба освоїти гарячі клавіші, я завжди їх вказую в дужках, але ти звичайно можеш нишпорити в різних менюшках шукаючи потрібну команду). Вказуємо розмір сцени 200х200, колір фону чорний, якщо хто забув це робиться в панелі “властивості”. Далі малюємо коло і вибираємо інструмент “заливка”, а тепер звернімо увагу на панель “колірної мікшер” (shift + f9)

Тут у полі 5 вибираємо radial, потім клацаємо по бігунка 3 та в поле 9 пишемо FFFFFF, тепер клацаємо по бігунка 6 і пишемо в полі 9 – FF0000. Тепер про поле-це якщо ви хочете вибрати колір для бігунка із запропонованих візуально, поле 2 відображає результат змішання, поле 7 і 8 відповідно для вибору кольору м його додаткових відтінків. Заливаємо наш круг, вийти приблизно наступне

Тепер виділяємо наш круг, в панелі “властивості” вибираємо розмір 64.5 на 64.5. Далі F8 modify (вказуємо ім’я-big circle) -> graphik -> OK. Клацаємо на фреймі 20 – f6 на фреймі 36 – f6 і на фреймі 50 теж. Виділяємо наше коло у двадцятому фреймі (не двадцята фрейм, а коло в ньому) і в панелі властивості пишемо color – alpha – 0%, те ж саме і у фреймі 36. Правий клік на фреймі 1 -> Create Motion Tween, на фреймі 36 те ж саме. Додаємо 6 шарів і даємо їм імена sphere 1 -> sphere 6 + шар з назвою loading text

У шарі sphere 1 ставимо ключовий (F6) кадр на позначці 15 відкривши вікно бібліотеки перетягуємо з неї символ big circle в центр кола і задаємо розмір йому 30Х30

Проробляємо те ж саме в шарах sphere 2 … sphere 6, в результаті якщо ви поставите каретку на фрейм 15 то побачите щось типу

Де 1-Наш великий круг, а 2-шість маленьких кружечків, які ви по на вставляли в sphere 1 ….. sphere 6. Переходимо знову до шару sphere 1, ставимо ключовий кадр на фреймі 25 і відтягує кулька від центру як показано на малюнку, потім теж саме і в шарах sphere 2 …. sphere 6

1-кулька в шарі sphere 1,
2-кулька в шарі sphere 2 ітп.
Виділіть кулі в кадрі 15 в шарах sphere 1 ….. sphere 6 і пропишіть їм color – alpha – 0%, далі правий клік на фреймі 15 Create Motion Tween зробите це в шарах sphere 1 …… sphere 6. А ось тепер УВАГА я поясню на прикладі шару sphere 1. Ставимо ключовий кадр на позначці 35 і перетягуємо наш кулька з положення 1 показаного на малюнку, в положення в якому знаходиться куля шару sphere 2, тобто за годинниковою стрілкою. У шарі sphere 2 кулька в ключовому тридцять п’ятому кадрі перетягуємо з положення 2 в положення 3. Те ж саме виконайте і з рештою шарами sphere 3 … sphere 6. Ну все тепер справа в капелюсі, в шарах sphere 1 …. sphere 6 ставимо ключовий кадр на позначці 46 і ставимо кульці color – alpha – 0% і перетягуємо їх у центр великого кола (туди де вони знаходяться у фреймі 15). Тепер в шарі loading text прописуємо, будь-який текст, можна також анімований, як у мене. Тиснемо ctrl + enter і милуємося.

Підіб’ємо підсумок, ви зробили цілий анімаційний кліп, використовуючи всього один символ закладений в бібліотеку, а також розібралися як можна застосовувати шари.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*