Урок 1. Рисование крыла бабочки

 

 Урок 1. Рисование крыла бабочки
 Рисование с помощью встроенных инструментов программы Adobe Flash (Перо)

В Adobe Flash имеются примитивные инструменты рисования, но оперируя ими можно создавать сложные графические объекты.
И для того чтобы нарисовать крыло бабочки мы можем воспользоваться инструментом "Перо".

 

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

 

Понятно, что "вызов горячими клавишами" обозначен справа от каждого пункта в списке функций.
Нажав на клавиатуре букву "Р" латинского алфавита, мы вызываем инструмент "Перо" и так далее. 

Выделенный инструмент означает, что мы выбрали его и теперь можем рисовать контурные объекты, ставив точки одну за одной, задав настройки на панели "Свойства": толщину и цвет контурной линии. 



Таким образом, рисуем любой контур, с которым далее можно поработать применяя другие инструменты.

Используя "Перо" в режиме "Добавить узловую точку" или "Удалить узловую точку" мы можем добавить дополнительную или удалить лишнюю узловую точку.


Используя "Перо" в режиме "Преобразование узловой точки" мы изменяем форму узла.

Расставив необходимое количество точек и убрав лишнее мы можем редактировать контур с помощью инструмента "Стрелка".
Размещаем узловые точки в нужном порядке и изгибаем линии, придаём форму фигуре.

Другой вариант:

С помощью инструмента "Стрелка"  выделяем созданную фигуру и работаем с её расцветкой в панели свойства внизу или в правой панели "Цвет"

Как видно из настроек, цвет обводки фигуры красный  непрозрачный 100% (Альфа: 100%), заливка прозрачная , тип заливки сплошной.
Если мы хотим применить градиентную заливку, то необходимо выбрать из выпадающего окошка тип заливки; Линейный или Радиальный и подобрать цвета для каждой точки нашего градиента.
Что бы убрать обводку, кликаем на значок обводки  и ставим значение Альфа = 0.

Украшаем дополнительными элементами наше сплошное крыло.
Для украшения можно использовать фигуру "Овал"  с радиальным градиентом.
(Для овальных фигур подходит радиальный градиент, настраивается в вышеуказанной панели)

Теперь с помощью инструмента "Стрелка"  выделяем крыло вместе со всеми элементами, копируем.
Создаём новые слои  на линейке времени.

 

Рисуем тело бабочки на своё усмотрение на нижнем слое, а крылья размещаем на верхних слоях
 Важно! Если в будущем мы желаем анимировать наш рисунок, то для каждого элемента необходимо создавать отдельный слой.
То есть крыло левое создаётся на одном слое, а правое крыло на другом.
В итоге, что бы создать правое крыло, копируем левое крыло (Ctrl+С) и вставляем на другом слое (Ctrl+V), затем отражаем по горизонтали. 

 Подождите немного пока ролик подгрузится! 

Видеоурок рисования бабочки 1 часть (18Mb)
Чтобы скачать этот урок, Вам необходимо зарегистрироваться

 

 

Комментарии  

 
+3 #1 Ирина 05.05.2010 11:33
Прикольно, мне очень понравилось
Цитировать
 
 
+1 #2 Вова 08.05.2010 19:32
Хи, привет! Класный сайт, спс за уроки.
Мда, я уже многому научился у тебя...Спс.
Цитировать
 
 
+1 #3 Виталий Кадников 08.05.2010 20:14
Немаловажная часть в технологии флэш это рисование!
Задать анимацию рисункам это уже дело техники.
Рисованная графика сильно снижает вес ролика в отличие от импортированной .
Цитировать
 
 
+2 #4 guljan 14.05.2010 19:38
Урок очень интересный, а главное просто и доходчиво. Благодарю!
Цитировать
 
 
+2 #5 Антон 28.05.2010 16:30
Огромное СПАСИБО создателям этого сайта! Я многому здесь научился... И информация через рассылку - очень удобно!!!
Цитировать
 
 
+2 #6 termitts 13.08.2010 22:18
Спасибо отличный матерал!
Цитировать
 
 
+2 #7 AlexDvo 26.11.2010 20:11
Спасибо, замечательный урок, да и все остальные тоже+++
только я так и не понял как сделать прозрачный градиент - все сделал как в видео, но при перемещении объекта "прозрачный рисунок " перекрывает основной((( подскажите плз что не так делаю
Цитировать
 
 
0 #8 Виталий Кадников 30.11.2010 17:50
Может быть много причин, я же не вижу что Вы делаете и что не получается.

Возможно Вы делаете всё в разных слоях и прозрачный объект находится
на слое ниже основного, поэтому идёт ненужное перекрытие.
Решение: поднимите его выше основного рисунка.

В данном уроке всё происходит на одном слое, что не совсем удобно.
Но урок собственно об использовании инструмента "Перо".
Цитировать
 
 
0 #9 adik80 10.05.2011 09:06
Цитирую AlexDvo:
Спасибо, замечательный урок, да и все остальные тоже+++
только я так и не понял как сделать прозрачный градиент - все сделал как в видео, но при перемещении объекта "прозрачный рисунок " перекрывает основной((( подскажите плз что не так делаю


У меня тоже так было но потом я понял что надо было сделать.После как нарисуешь этот объект и сделаешь его прозрачным и наложишь на крыло, надо его преобразовать в фрагмент ролика и после наложить на крыло.Я так сделал и все получилось.В этом случае он не будет съедать нижний цвет.
Цитировать
 
 
0 #10 irenka 08.04.2012 21:11
Спасибо, все получилось. Хорошие уроки.
Цитировать
 

Добавить комментарий


Защитный код
Обновить

Наша рассылка

Какой редактор удобнее?
 
 

Поиск по сайту

Вход / Регистрация

Регистрация расширит Ваши возможности!

Сейчас на сайте :

Нет



Получите 5 уроков анимации в Фотошоп на свой Е-мэйл