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

Але перш, ніж перейти до ідеї розвитку блога про Flash, PHP та веб-програмування, я хотів би поділитися кількома спостереженнями, які стосуватимуться інших ресурсів в Інтернеті та зокрема паперових видань.

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

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

Читати далі про концепцію ідеального навчального сайту по Flash…

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

Настав час переходити безпосередньо до практики.

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

Завдання даного уроку – показати основні принципи функціонування векторної графіки у флеші та навчитися користуватися ними на практиці (чи, простіше кажучи, створювати малюнки).

Звісно, можна було б розповідати про роботу таких інструментів як лінія (line), прямокутник (rectangle), овал (oval) і т. п.. Але, щоб урок не видавався занадто нудним, ми просто спробуємо з нуля намалювати пляжний м’ячик, подібний до того, який вже використовувався у одному з попередніх уроків про автоматичну анімацію (motion tween) у Flash.

Читати далі про загальні принципи малювання у Flash…

Сьогодні через проблеми, пов’язані з перенесенням сайту на інший сервер (оскільки попередній постійно потерпав від ддосових атак) було втрачено всі оновлення на блозі, які з’являлися тут протягом останніх 10 днів. І хотів би я сказати, що винен в цьому тільки хостер. Але ж ні - є частина й моєї вини. Тому щиро прошу пробачення у всіх коментаторів, чиї коментарі зникли внаслідок цієї прикрої події. Дві статті, опубліковані за цей період, я легко і швидко відновив (от що значить зберігати копію кожної своєї публікації у вордівському файлі). А от із коментарями складніше…

Єдине, що втішає - тепер сайт повинен почати працювати швидше…

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

З іншого боку, якщо використовувати флеш не лише для створення банерів, але для повноцінного дизайну анімаційних фільмів та ігор – без основ малювання ніяк не обійтися. Тому сьогодні я пропоную вашій увазі першу ввідну статтю про малювання у флеші, в якому коротко і по суті постараюсь розповісти, що воно за звірі такі «векторна» (vector) та «растрова» (bitmap) графіка і з чим їх «їдять».

Два способи представлення графічної інформації

Будь-яке зображення може бути представлене у комп’ютері двома способами. Розуміння принципової різниці між ними допоможе вам працювати із флешем більш ефективно.

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

Читати далі про різницю між растровим та векторним представленням графічної інформації…

Протягом серії попередніх уроків ми навчилися використовувати функції покадрової та автоматичної анімацій, а також дізналися про різновиди shape та motion (classic) tween. Сьогодні ж поговоримо про функцію motion guide, яка, на зразок функції shape hints для анімації форми, дозволяє контролювати поведінку об’єктів під час автоматичної анімації руху (motion tween).

Суть тут надзвичайно проста: якщо створити елементарну автоматичну анімацію руху, в якій об’єкт повинен переміститися з однієї точки в іншу, то таке переміщення буде відбуватися по найкоротшій траєкторії (прямій). Якщо ж вам потрібно досягнути зміни траєкторії – потрібно вдаватися до хитрощів. Звісно, можна задати декілька десятків ключових кадрів на шкалі часу (timeline) і тим самим чітко проконтролювати рух об’єкта. Але набагато простіше буде скористатися функцією motion guide. Motion guide – це крива, по якій буде рухатися ваш об’єкт.

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

Читати далі про використання функції motion guide у flash…

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

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

1. Перш за все створіть новий проект Flash (версія Action Script, як завжди, значення не має) і імпортуйте в бібліотеку чотири зображення «крокуючого чоловічка». Для того, щоб полегшити вам життя, я знову викладаю всі чотири зображення, які ви можете легко завантажити.



2. Виберіть опції сцени 300х102 (ширина довільна, висота відповідає висоті зображення), а кількість кадрів встановіть, приміром, у положення 12 кадрів на секунду.

Читати далі про об’єднання frame та motion tween у Flash…

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

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

Нижче наведено перелік ресурсів, разом з вказівками того, куди потрібно перейти і на що “клікнути”, щоб все “таємне” стало явним. Насолоджуйтесь:

• Компанія Neversleep - двічі клікнути на щит

Читати далі про приколи флешерів…