-Музыка

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в homa_

 -Интересы

 -Сообщества

Читатель сообществ (Всего в списке: 2) Жёсткая-критика-лиру novate

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.01.2007
Записей:
Комментариев:
Написано: 2214


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

Понедельник, 11 Августа 2008 г. 18:27 + в цитатник
Меня часто спрашивают, как я так ровно умудряюсь рисовать мышкой во Flash....на самом деле всё просто)

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

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

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


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



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



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



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



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



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



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

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



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



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



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



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



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



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



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



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



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



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



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



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

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



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



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



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



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



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



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

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



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



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

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



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



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



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







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



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



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



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



Результат:



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

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

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




Процитировано 4 раз

Bessonova   обратиться по имени Понедельник, 11 Августа 2008 г. 18:41 (ссылка)
Блин круто,ток у мя проги такой нету(
Ответить С цитатой В цитатник
homa_   обратиться по имени Понедельник, 11 Августа 2008 г. 18:46 (ссылка)
Танец_низких_частот, её легко можно найти и скачать в интернете +)
Ответить С цитатой В цитатник
Dole-kun   обратиться по имени Понедельник, 11 Августа 2008 г. 19:16 (ссылка)
ты ппц ГУРУ))))
эт жэсть ваще)))
никада так не смогу))
Ответить С цитатой В цитатник
homa_   обратиться по имени Понедельник, 11 Августа 2008 г. 19:20 (ссылка)
Ответить С цитатой В цитатник
Ocean-san   обратиться по имени Понедельник, 25 Августа 2008 г. 00:43 (ссылка)
ооо, здорово!!!
нада попробовать ^^
Ответить С цитатой В цитатник
Oli_if   обратиться по имени Суббота, 20 Сентября 2008 г. 13:53 (ссылка)
класс. а сколько по времени в общей сложности занимает?
Ответить С цитатой В цитатник
homa_   обратиться по имени Воскресенье, 21 Сентября 2008 г. 20:35 (ссылка)
Oli_Nuki_if, с наброском..около 2х часов..но это если мышкой рисовать....планшетом намного быстрей(эх..мечты-мечты)
Ответить С цитатой В цитатник
не_ненси   обратиться по имени Вторник, 04 Мая 2010 г. 10:23 (ссылка)
класс круто;)
я сама примерно так же делаю но мои работы похожи на бред второкласника(
Ответить С цитатой В цитатник
mutro   обратиться по имени Пятница, 09 Июля 2010 г. 12:04 (ссылка)
уважаю за самостоятельную деятельность!! клёво вышло!
Ответить С цитатой В цитатник
Аноним   обратиться по имени Понедельник, 13 Февраля 2012 г. 02:54 (ссылка)
Ответить С цитатой В цитатник    |    Не показывать комментарий
Аноним   обратиться по имени Пятница, 30 Ноября 2012 г. 17:33 (ссылка)
Здраствуйте. Великолепно получилось!
Но не поняла этап, когда вы заужаете концы контура)
Ответить С цитатой В цитатник    |    Не показывать комментарий
Аноним   обратиться по имени Понедельник, 13 Июля 2015 г. 12:45 (ссылка)

Ответ на комментарий homa_

Можно ли как-нибудь восстановить некоторые скрины с радикала? Не прогружаются:(
Ответить С цитатой В цитатник    |    Не показывать комментарий
homa_   обратиться по имени Вторник, 14 Июля 2015 г. 13:03 (ссылка)

Ответ на комментарий

восстановить можно, но муторно, попробую позже, а пока урок можно посмотреть тут
http://vk.com/album-54496023_190475239
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку