• Авторизация


Научитесь рисовать в Macromedia Flash 8 11-03-2010 03:39 к комментариям - к полной версии - понравилось!

Это цитата сообщения homa_ Оригинальное сообщение

Как ровно рисовать в Macromedia Flash 8...=)



Меня часто спрашивают, как я так ровно умудряюсь рисовать мышкой во Flash....на самом деле всё просто)

Я решила создать этот урок, чтоб не объяснять по 100 раз, как я рисую то или это =)

=================================

Итак..начнём! =)


Набросок делаем на бумаге(ибо так намного проще)...Я решила нарисовать Мью..

[показать]

потом сканируем/фотаем и открываем во Flash таким образом:

[показать]

Скорей всего картинка окажется слишком большой, поэтому кликаем по ней и меняем размер в окошечках, как указано на скрине(замочек рядом с окошками лучше не снимать, чтобы картинка не искажалась):

[показать]

Размер самого Flash-документа можно изменить здесь:

[477x188]

Далее создаём новый слой....

[показать]

Закрепляем слой с наброском(чтоб не мешался), на верхнем слое будем рисовать...

[показать]

Выбираем в инструментах линию

Убираем краску(чтоб она тоже не мешалась), как указано на скрине:

[показать]

Линию можно сделать потолще(помоему так рисовать удобней), хотя можно оставить и так......Так же лучше линию сделать какого-нить яркого цвета(например красного), чтобы было хорошо видно...

[показать]

Начинаем проводить линии..

[показать]

Далее зажимаем ctrl - появляется стрелочка......подносим её к линии ..возле стрелочки появится полукруг(на краях линий уголочек).....в этот момент жмём на линию и тянем её в нужную сторону....

[показать]

получается изогнутая линия...

[показать]

так и обводим рисунок....

[показать]

На рисунках бывают такие детали, которые надо нарисовать поверх других(в моём случае - это хвост и лапка......, чтобы не зацепиться за основную картинку - эти детали рисуем в группе....для этого проводим в любой части рисунка линию...выделяем её и нажимаем ctrl+g...вокруг линии появляется рамочка - это группа.....заходим в неё, кликая по линии 2 раза.....в группе удаляем эту линию и рисуем то, что должно быть поверх основного рисунка....как только дорисовали - кликаем 2 раза по фону и выходим из группы...

[показать]

получается следущее:

[показать]

Чтобы объединить то, что в группе с основной картинкой - не снимая выделение с группы - жмём ctrl+b

[показать]

Далее выделяем все лишние линии и удаляем их нажатием кнопки Delete

[показать]

Теперь выделяем картинку и меняем цвет линии на нужный

[показать]

Вот что получается:

[показать]

Чтобы картинка не теряла своей привлекательности при изменении размера - лучше линию сделать краской(ибо линия при изменении размера, своей толщины не меняет...и, допустим, на аватарке будет выглядеть страшно)

Выделяем картинку и конвертируем линию в краску, как показано на скрине:

[показать]

Далее, по желанию, можно сделать контур ещё красивее....так же стрелочкой меняем форму, где хотим :

[показать]

Получается вот что:

[показать]

Заливаем картинку нужным цветом....

[показать]

Лично я сделала глаза в отдельном слое.....но можно оставить и так....Чтобы залить их цветом, дорисовываем карандашом недостающие линии:

[показать]

После заливки выделяем всё это и убираем линию, как показано на скрине:

[показать]

Теперь тени.....тут я конечно сильно схалтурила...Х)....вобще надо хорошо продумывать, где должны быть тени......

Проводим карандашом границы теней, как показано на скрине:

[показать]

Чтобы удачно подобрать цвет, воспользуйтесь правой панелью Color Mixer, как показано ниже:

[показать]

После заливки выделяем картинку и убираем линию, как обьяснялось ранее....

Чтобы тень казалась более эффектной, делаем некоторые участки темнее:

[показать]

Свет.....обычно он рисуется местами....Обводим области, и заливаем светлым оттенком:

[показать]

Получается вот что:

[показать]

Далее делаем блики и тени в глазах:

[показать]

[показать]

[показать]

Чтоб глаза казались более "живыми" - делаем дополнительные блики.....цвет должен быть немного светлее глаз.....Эти блики удобно делать кисточкой:

[показать]

Ну и последние блики, ещё чуть более светлого тона, чем предыдущие(лучше делать в отдельном слое, или группе) ...выравниваем их....и вот, что получается:

[показать]

Готово!...Сохраняем картинку, как показано на скрине - в формате *PNG

[показать]

Чтобы фон был прозрачным - нужны такие настройки(размер выставляется автоматически):

[показать]

Результат:

[показать]

--------------------------------------------------------------

Это, пожалуй, самый простой пример рисования во Flash...=)....

Всем спасибо за внимание +) © homa


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Научитесь рисовать в Macromedia Flash 8 | offcentr - Дневник offcentr | Лента друзей offcentr / Полная версия Добавить в друзья Страницы: раньше»