Протягом останніх півроку Apple змусила битися частіше серце кожного розробника, який працює у середовищі Adobe Flash (а таких більше 2 мільйонів). І якщо ви читаєте цей блог, то, вочевидь, мені не варто пояснювати, що стало причиною. У квітні 2010-го року великий революціоніст і просто голова корпорації Apple – Стів Джобс, розповів суспільству, чому технологія Flash на даний момент уже не актуальна, а тому пристрої Apple не будуть підтримувати її.

Резонанс, викликаний промовою Thoughts on Flash був цілком закономірним, а головне – очікуваним. Адже мільйони програмістів Adobe Flash по суті ставилися перед вибором: або відмовитися від значної частини ринку мобільних програм для смартфонів (в цій сфері перспективність Apple важко поставити під сумнів), або ж перепрофілюватися, відмовившись від Flash на користь іншого програмного середовища, яке, на відміну від дітища Adobe, спромоглося потрапити в милість до Apple. Складний вибір, чи не так?

Я не зупинятимусь детально на причинах, через які Джобс назвав Flash безперспективню технологією (тим більше, що, як ми побачимо далі, зрештою він визнав свою неправоту). Серед них і „закритість системи”, і „ненадійність технологій Adobe”, і „негативний вплив Flash на тривалість роботи батарей приладів Apple”, і „неоптимальність використання Flash для розробки прикладних програм”. У сфері ораторського мистецтва Джобс дійсно відчуває себе, як риба у воді. Про те, чого насправді варті ці закиди, дуже доступно написано в статті „Стів Джобс про флеш-технології. Прикладна риторика”. Особливо цікаво ознайомитися з нею буде захисникам Apple, які звикли вважати, що їх кумир „завжди правий”. На безоглядно закоханих у Джобса стаття діє витверезвлююче.

Читати далі про боротьбу Apple з Flash…

Як і обіцяв у попередній статті, в якій ми вчилися анімувати вибух м’ячика, сьогодні я поділюся з вами скрінкастом самого процесу малювання. Оскільки планшету для малювання в мене ще немає, доводилося обходитися мишею. Наскільки вдало це вийшло – судити вам.

Кілька коментарів до відео:

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

Відео пришвидшене у чотири рази. Оригінальний його розмір – 14 з лишком хвилин. Тобто можна приблизно уявити, скільки часу займає така робота. Зверніть увагу, що це лише хмарки від вибуху (та й то не всі кадри). Загальні роботи над кліпом, разом з малюванням шматків самого м’яча, зайняли в мене близько години. Втім, впевнений, що з придбанням планшету та вдосконаленням навичок малювання, процес займатиме куди менше часу. Правда й самі кліпи, з якими ми будемо працювати, ставатимуть складнішими.

Якщо у вас залишились якісь запитання щодо створення покадрової анімації вибуху, задавайте їх у коментарях.

Настав час повернутися до нашого улюбленого м’ячика, який ми навчилися малювати, а також навчили його стрибати у одній із попередніх статей. Якщо подумати, що ще може трапитися з м’ячиком, то на думку спадає лише одна ідея? Звісно – м’яч може луснути! Тому сьогодні ми навчимося створювати анімацію вибуху нашого м’яча.

Анімація вибуху з одного боку простіша, ніж попередні види анімації, які ми вчилися створювати, оскільки не потребує додаткових можливостей Flash (motion tween), а з іншого боку, набагато складніша, оскільки нам доведеться вручну малювати кожен кадр вибуху. У флеші такий вид анімації називається покадровою анімацією, оскільки кожен наступний кадр ми малюватимемо вручну.

На щастя, вибух – це досить коротка подія. У нашому випадку він триватиме всього чверть секунди. І оскільки частота кадрів (frame rate) кліпу складає 24 кадри на секунду – то намалювати доведеться всього шість кадрів.

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

Читати далі про анімацію вибуху…

За час моєї вимушеної «відпустки», коли блог не оновлювався – сталося декілька доволі суттєвих подій. Основна з них – вихід нової версії флеш – Adobe Flash Professional CS5, в якій, що цілком закономірно, використовуються кілька нових принципів та інструментів розробки та дизайну.

Одна із таких змін – використання drawing objects (об’єктів-малюнків). Якщо бути до кінця об’єктивним: можливість використання drawing objects була закладена у флеш починаючи з його восьмої версії. Втім, тільки у Adobe Flash Professional CS5 вона почала використовуватися за замовчуванням. Тому у сьогоднішній статті йтиметься про основні відмінності режиму drawing objects від режиму, який використовувався за замовчуванням у попередніх версіях Flash і став звичним для багатьох дизайнерів – merge objects (поєднування об’єктів).

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

Вибір того чи іншого режиму малювання доступний для кількох стандартних інструментів флеш, таких як: pen tool (перо), pencil tool (олівець), rectangle tool (прямокутник) (та всі його різновиди), а також line tool (лінія).

Для того, щоб переключитися з одного режиму в інший, потрібно, при вибраному інструменті натиснути гарячу клавішу «J», або натиснути на іконку «Object drawing» у нижній частині панелі інструментів

Читати далі про режими merge objects та drawing objects у флеш…

Як ви пам’ятаєте, кількома уроками раніше ми навчалися додавати найпростішу текстову анімацію у банери, застосовуючи при цьому ефекти motion tween. У сьогоднішньому уроці ми також будемо працювати з текстом, який можна додати у банери, але спробуємо створити дещо складніший ефект – змусимо пробігати по тексту відблиски.

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

Шар маска (mask layer)

Для того, щоб засвоїти цей урок, нам знадобиться вивчити принципи функціонування нового поняття – маскувального шару у Flash. Таким чином ми вбиваємо двох зайців – навчаємося створювати текст з анімованим відблиском (який «пробігатиме» по всій довжині тексту) і знайомимося із шаром-маскою (mask layer) (який ще неодноразово знадобиться нам у наступних уроках).

Читати далі про створення анімованих відблисків у Flash…

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

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

1. Перше, що ми зробимо – це відконвертуємо наш м’ячик в символ (Movie Clip) і трішки його зменшимо, щоб зручніше було працювати. Розміри сцени збільшимо, щоб у м’ячика було місце для стрибків. Тип Movie Clip вибрано для того, щоб вкласти анімацію у сам м’ячик (він не лише стрибатиме, але й буде обертатися).

Читати далі про анімацію стрибаючого м’ячика у флеш…

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

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

Тепер спробуємо додати в цей банер трохи життя. Для цього ми скористаємося функціями motion tween, детально описаними у одному з попередніх уроків. Для простоти я обрав текстову анімацію (тобто працювати ми будемо з текстом).

1. Перш за все потрібно вигадати короткий слоган, який з’являтиметься на банері. Можливо – кілька влучних фраз або словосполучень, які можна умовно розділити на логічні одиниці. Я вирішив обмежитись трьома фразами, які почергово з’являтимуться на банері. «Анімація, ігри, банери -> Flash для новачків -> Просто, доступно і абсолютно безкоштовно».

Читати далі про анімацію простих банерів у Flash…