Розробка дизайнерських програм для анімації Flash CS3

• Може 16, 2024

Власник J3 Designs попросив мене створити рекламну мережу для її веб-сайту цифрового скрапбукінгу. Вона хотіла зберегти класичну елегантність фірмового бренду і подарувала мені набір графіки, яку вона вже використовувала для свого логотипу. Вони складалися з камею, мережива, гранж-фонів, лука, сухоцвітів та двох сонечок. Ці графіки спочатку були створені при 300 dpi і були дуже великими. Тож моєю першою роботою було зменшити кожну графіку до 72 точок на дюйм та розмір, достатньо малий, щоб використовувати її у блимке 150 x 50 пікселів. З цього тесту я міг визначити, який з елементів можна використовувати при такому невеликому розмірі, не втрачаючи занадто багато їх деталей.

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

Я почав будувати дизайн зі статичними елементами фону. Ці елементи не були б частиною анімації. Я вибираю один із чотирьох гранж-фонів, що входять до графічних зразків, як загальний фоновий шар. Далі я додав мереживо та камею. Щоб зберегти місце у верхній частині бликітки для анімації тексту, я розмістив шнурок під кутом в нижньому лівому куті. Нарешті я додав одну з двох сонечок. Але ці корівки просто чекали, щоб їх оживили.

Основу анімації складали б кілька текстових анімацій. Але ці сонечки продовжували дивитись на мене, тому я вирішив додати другу анімацію, в якій знялися сонечко. Одну сонечку буде видно під час анімації тексту, а потім друга сонечка з’явиться з-під камені. Нарешті вони відповзають разом. Для цього мені потрібно було розбити фоновий шар на кілька шарів. Першим фоновим шаром буде графіка гранж. Другим було б мереживо та камею. Звичайно, мені потрібні були PNG обох сонечок, мереживо та камею, щоб зберегти прозорість у Flash.

Отже, у мене зараз було чотири шари до мого blinkie, крім шару текстової анімації, який я б додав пізніше.

Більшість монет на сайтах скрапбукінгу розміром 150 x 50 пікселів. Це не дає багато місця для складної анімації тексту. Я вирішив використовувати вбудовані ефекти Timeline для анімації тексту. Перша частина анімації буде ім'ям дизайнера. Для цього веб-сайту є п'ять дизайнерів, включаючи мене. Оскільки моя назва компанії була найдовшою, я вирішу створити оригінальну анімацію, використовуючи своє ім’я. Тоді було б легко вимкнути ім'я дизайнера для інших чотирьох мигтів. Тепер, коли дизайн побудований, ми готові створити нашу анімацію.

J3 Конструкції

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe перевидано з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (іми) Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: Как создать ролик анимации Flash ActionScript 3.0 HD (Може 2024).