Меня часто спрашивают, как я так ровно умудряюсь рисовать мышкой во Flash....на самом деле всё просто)
Я решила создать этот урок, чтоб не объяснять по 100 раз, как я рисую то или это =)
=================================
Итак..начнём! =)
Набросок делаем на бумаге(ибо так намного проще)...Я решила нарисовать Мью..
[показать]потом сканируем/фотаем и открываем во Flash таким образом:
[показать]Скорей всего картинка окажется слишком большой, поэтому кликаем по ней и меняем размер в окошечках, как указано на скрине(замочек рядом с окошками лучше не снимать, чтобы картинка не искажалась):
[показать]Размер самого Flash-документа можно изменить здесь:
[477x188]Далее создаём новый слой....
[показать]Закрепляем слой с наброском(чтоб не мешался), на верхнем слое будем рисовать...
[показать]Выбираем в инструментах линию
Убираем краску(чтоб она тоже не мешалась), как указано на скрине:
[показать]Линию можно сделать потолще(помоему так рисовать удобней), хотя можно оставить и так......Так же лучше линию сделать какого-нить яркого цвета(например красного), чтобы было хорошо видно...
[показать]Начинаем проводить линии..
[показать]Далее зажимаем ctrl - появляется стрелочка......подносим её к линии ..возле стрелочки появится полукруг(на краях линий уголочек).....в этот момент жмём на линию и тянем её в нужную сторону....
[показать]получается изогнутая линия...
[показать]так и обводим рисунок....
[показать]На рисунках бывают такие детали, которые надо нарисовать поверх других(в моём случае - это хвост и лапка......, чтобы не зацепиться за основную картинку - эти детали рисуем в группе....для этого проводим в любой части рисунка линию...выделяем её и нажимаем ctrl+g...вокруг линии появляется рамочка - это группа.....заходим в неё, кликая по линии 2 раза.....в группе удаляем эту линию и рисуем то, что должно быть поверх основного рисунка....как только дорисовали - кликаем 2 раза по фону и выходим из группы...
[показать]получается следущее:
[показать]Чтобы объединить то, что в группе с основной картинкой - не снимая выделение с группы - жмём ctrl+b
[показать]Далее выделяем все лишние линии и удаляем их нажатием кнопки Delete
[показать]Теперь выделяем картинку и меняем цвет линии на нужный
[показать]Вот что получается:
[показать]Чтобы картинка не теряла своей привлекательности при изменении размера - лучше линию сделать краской(ибо линия при изменении размера, своей толщины не меняет...и, допустим, на аватарке будет выглядеть страшно)
Выделяем картинку и конвертируем линию в краску, как показано на скрине:
[показать]Далее, по желанию, можно сделать контур ещё красивее....так же стрелочкой меняем форму, где хотим :
[показать]Получается вот что:
[показать]Заливаем картинку нужным цветом....
[показать]Лично я сделала глаза в отдельном слое.....но можно оставить и так....Чтобы залить их цветом, дорисовываем карандашом недостающие линии:
[показать]После заливки выделяем всё это и убираем линию, как показано на скрине:
[показать]Теперь тени.....тут я конечно сильно схалтурила...Х)....вобще надо хорошо продумывать, где должны быть тени......
Проводим карандашом границы теней, как показано на скрине:
[показать]Чтобы удачно подобрать цвет, воспользуйтесь правой панелью Color Mixer, как показано ниже:
[показать]После заливки выделяем картинку и убираем линию, как обьяснялось ранее....
Чтобы тень казалась более эффектной, делаем некоторые участки темнее:
[показать]Свет.....обычно он рисуется местами....Обводим области, и заливаем светлым оттенком:
[показать]Получается вот что:
[показать]Далее делаем блики и тени в глазах:
[показать]
[показать]
[показать]Чтоб глаза казались более "живыми" - делаем дополнительные блики.....цвет должен быть немного светлее глаз.....Эти блики удобно делать кисточкой:
[показать]Ну и последние блики, ещё чуть более светлого тона, чем предыдущие(лучше делать в отдельном слое, или группе) ...выравниваем их....и вот, что получается:
[показать]Готово!...Сохраняем картинку, как показано на скрине - в формате *PNG
[показать]Чтобы фон был прозрачным - нужны такие настройки(размер выставляется автоматически):
[показать]Результат:
[показать]--------------------------------------------------------------
Это, пожалуй, самый простой пример рисования во Flash...=)....
Всем спасибо за внимание +) © homa