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

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

1. Створення основи (сцени, на якій розгортатиметься вся дія банері)
2. Лінкування (прив’язування банера до того чи іншого сайту, на який він посилатиметься)
3. Створення анімаційного ряду (того, що побачить відвідувач і що спонукатиме його перейти за лінком)

Створення основи: тло та поля

Створення основи – це, мабуть, найпростіший, і при цьому – дуже важливий крок при створенні банера. Перш за все потрібно визначитись з його розмірами. Я обрав один з найбільш стандартних форматів: 468 x 60.

Читати далі про створення найпростішого банера у Flash…

Як і обіцяв у попередній статті про роботу з інструментом перо (pen tool), викладаю скрінкаст. У цьому короткому відео ви побачите, яким чином з допомогою пера можна “обмалювати” (створити векторний контур) “верхньої” частини ялинки.

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

Але, менше слів – дивіться відео:

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

UPD: ще цікавить ваша думка про якість відео! Може бути? Чи потрібно робити більш якісні відеофайли, жертвуючи при цьому трафіком (оскільки розмір відео у мегабайтах закономірно буде більшим).

У попередньому уроці ми дізналися про загальні принципи функціонування інструментів перо (pen) та додаткового вибору (subselection tool). А сьогодні ми спробуємо більш детально розібратися з функціонуванням кривих Безьє з допомогою інструменту перо (pen). А щоб урок не видався нудним, спробуємо провести детальне практичне заняття, в якому намалюємо новорічну ялинку (ну то й що, що Новий рік вже закінчився).

За основу, яку будемо «обмальовувати», візьмемо ось таку привабливу ялиночку, яка складається із простих контурів. Можете скопіювати зображення, щоб і собі попрактикуватися з ним.

Сьогодні ми спробуємо не лише досконало повторити її у флеші, але й розфарбуємо. Отож, до справи:

1. Імпортуємо в бібліотеку (File -> Import -> Import to Library) зображення ялиночки і відразу ж розміщуємо його на сцені (не забудьте підігнати розмір сцени до розміру зображення). Шар, на якому буде розміщуватися це зображення виступатиме фоном. В наступних кроках ми будемо повторювати зображення. Тому, щоб випадково не «пошкодити» цей шар, замкнемо його у шкалі часу (timeline). Натисніть на замок



Читати далі про малювання з допомогою інструмента перо (pen)…

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

Отже, можливість безпосереднього керування кривими Безьє з’явилася ще у п’ятій версії Flash. Для роботи з ними у програмі виділено відразу два інструменти. Це вже згадуваний нами інструмент перо (pen), а також інструмент часткового вибору (subselection tool).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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