Вивчаємо Flash та ActionScript разом

…уроки Flash, створення банерів, розробка ігор, ActionScript 3

Підпишіться на оновлення цього блога
  • Головна
  • Про блог
  • Уроки Flash

Урок 7. Як зробити банер у Flash: Вчимося створювати прості банери

Липень 6, 2009  
Розміщено в категорії: Flash, Загальна, Практика, Уроки    
Tweet

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

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

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

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

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

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

Коментарів: 26 16,128 views

Скрінкаст: Практичний урок малювання з допомогою інструмента “перо” (pen tool).

Квітень 15, 2009  
Розміщено в категорії: Flash, Загальна, Уроки    
Tweet

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

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

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

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

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

Коментарів: 6 12,228 views

Урок 3. Малюємо новорічну ялинку з допомогою інструмента перо (pen)

Квітень 9, 2009  
Розміщено в категорії: Flash, Загальна, Малювання, Уроки    
Tweet

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

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

christmas_tree

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

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

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

Коментарів: 7 56,420 views

Уроки векторного малювання у Flash. Урок 2. Малювання з допомогою кривих Безьє (перо (pen) та інструмент часткового вибору (subselection tool).

Квітень 7, 2009  
Розміщено в категорії: Flash, Загальна, Малювання, Уроки    
Tweet

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

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

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

pensubselection-tool

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

Коментарів: 2 10,020 views

Вся інформація, яка потрібна flash-розробникові, в одному ресурсі!

Березень 27, 2009  
Розміщено в категорії: Flash, Загальна, Теорія    
Tweet

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

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

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

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

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

Коментарів: 17 11,462 views

Уроки векторного малювання у Flash. Урок 1. Загальні принципи та елементарні інструменти (малюємо м’ячик)

Березень 25, 2009  
Розміщено в категорії: Flash, Малювання, Практика, Уроки    
Tweet

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

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

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

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

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

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

Коментарів: 10 16,602 views

Прошу вибачення за проблеми, пов’язані з хостингом

Березень 16, 2009  
Розміщено в категорії: Загальна    
Tweet

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

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

Коментарів: 7 5,898 views
 Сторінка 9 з 11  « First  ... « 2  3  4  5  6  7  8  9  10  11 »
  • Категорії

    • ActionScript
    • Flash
    • Загальна
    • Малювання
    • Практика
    • Результати і статистика
    • Софт
    • Теорія
    • Уроки
  • Блогролл

    • Best flash games
    • Flash Animation
    • Maque.org.ua
    • The Gamest
    • Xitri.com
    • Ант Карлов блог
  • Архіви

    • Жовтень 2016
    • Жовтень 2015
    • Грудень 2014
    • Листопад 2014
    • Березень 2014
    • Листопад 2013
    • Жовтень 2013
    • Травень 2013
    • Березень 2013
    • Січень 2013
    • Грудень 2012
    • Листопад 2012
    • Жовтень 2012
    • Квітень 2012
    • Березень 2012
    • Лютий 2012
    • Грудень 2011
    • Листопад 2011
    • Жовтень 2011
    • Вересень 2011
    • Серпень 2011
    • Липень 2011
    • Червень 2011
    • Травень 2011
    • Квітень 2011
    • Березень 2011
    • Січень 2011
    • Грудень 2010
    • Листопад 2010
    • Жовтень 2010
    • Вересень 2010
    • Липень 2009
    • Квітень 2009
    • Березень 2009
    • Лютий 2009
    • Січень 2009
  • Останні публікації

    • Get A Little Gold: Реліз!
    • Get A Little Gold на завершальній стадії
    • Растеризація як спосіб підвищення швидкодії ігор: Кешуємо анімації
    • Растеризація як спосіб підвищення швидкодії ігор: Cache as Bitmap вручну!
    • Збереження (save) та завантаження (load) ігрового прогресу з допомогою SharedObject
  • Останні коментарі

    • Ніна до Get A Little Gold: Реліз!
    • domino qq online до Як я малював змію для гри про черепаху
    • thuốc kéo dài thời gian quan hệ до Що нового: Frogged, Symbiosis:Greenland, The Choise
    • click here до Як я малював змію для гри про черепаху
    • devis Demenagement limoges до Привіт, світе! або Мрії повинні збуватися…
  • Теги

    motion tween ігри посібник turtle dreams to fly скрінкаст Уроки ActionScript 3 bitmap AS3 малювання анімація флеш автоматична анімація Практика symbiosis вибух веб-програмування Event Listeners векторна графіка Adobe статистика реліз уроки flash Flash уроки ActionScript символ програмування відео банер tween гра pen tool ActionScript черепаха Adobe Flash CS4 flash game флеш-гра урок розробка навчання
  • Спонсори

©2008-2021 Вивчаємо Flash та ActionScript разом
Дизайн Dezzain Studio
UA TOP Bloggers