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


Как ровно рисовать в Macromedia Flash 8...=) 11-08-2008 18:27 к комментариям - к полной версии - понравилось!


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

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

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

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


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

[показать]

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

[показать]

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

[показать]

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

[477x188]

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

[показать]

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

[показать]

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

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

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

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

[показать]

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

[показать]

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

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

[показать]

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

[показать]

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

[показать]

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

[показать]

[показать]

[показать]

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

[показать]

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

[показать]

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

[показать]

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

[показать]

Результат:

[показать]

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

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

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


вверх^ к полной версии понравилось! в evernote
Комментарии (9):
Bessonova 11-08-2008-18:41 удалить
Блин круто,ток у мя проги такой нету(
homa_ 11-08-2008-18:46 удалить
Танец_низких_частот, её легко можно найти и скачать в интернете +)
Dole-kun 11-08-2008-19:16 удалить
ты ппц ГУРУ)))) эт жэсть ваще))) никада так не смогу))
Ocean-san 25-08-2008-00:43 удалить
ооо, здорово!!! нада попробовать ^^
Oli_if 20-09-2008-13:53 удалить
класс. а сколько по времени в общей сложности занимает?
homa_ 21-09-2008-20:35 удалить
Oli_Nuki_if, с наброском..около 2х часов..но это если мышкой рисовать....планшетом намного быстрей(эх..мечты-мечты)
не_ненси 04-05-2010-10:23 удалить
класс круто;) я сама примерно так же делаю но мои работы похожи на бред второкласника(
mutro 09-07-2010-12:04 удалить
уважаю за самостоятельную деятельность!! клёво вышло!
30-11-2012-17:33 удалить
Здраствуйте. Великолепно получилось! Но не поняла этап, когда вы заужаете концы контура)
13-07-2015-12:45 удалить
Ответ на комментарий homa_ # Можно ли как-нибудь восстановить некоторые скрины с радикала? Не прогружаются:(
homa_ 14-07-2015-13:03 удалить
Ответ на комментарий # восстановить можно, но муторно, попробую позже, а пока урок можно посмотреть тут http://vk.com/album-54496023_190475239


Комментарии (9): вверх^

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

Дневник Как ровно рисовать в Macromedia Flash 8...=) | homa_ - Me Against The World... | Лента друзей homa_ / Полная версия Добавить в друзья Страницы: раньше»