Использование градиентов (Gradient Fills) во флеше.

Нарисуем симпатичного рыжего мальчика, используя градиентную заливку. Градиенты добавляют картинке объема и оживляют ее. Благодаря плавным переходам между цветами, объекты выглядят более детализированными, проработанными. Использовать градиентные заливки нужно аккуратно, чтобы добиться действительного хорошего результата и не испортить рисунок. В случае  с градиентами лучше меньше, чем больше:)
Итак, подготовим карандашный эскиз и разукрасим его, используя градиентную заливку. В конце работы все карандашные линии удаляем, они нам нужны лишь как формы для заливки. Более подробно об этапах создания персонажей можно ознакомиться здесь :)   
Начнем  с лица.  Применим к нему  радиальный градиент, чтобы придать ему округлость.  Вначале выделяем лицо - и на панели инструментов выбираем инструмент Fill Color. В самом низу выбираем радиальный градиент:
 
Затем открываем вкладку Color (Window-Color) и припудрим нашего героя - выбираем 2 оттенка телесного цвета, делаем переход от более светлого (в центре) и темнее (по краям).
 
Подобным образом делаем волосы, не забываем включить функцию reflect color.

А теперь смоделируем мальчику чубчик, используя Gradient transform tool. Круг нужно сжать, чтобы придать  форму волосам, а также сдвинуть центр и немного изменить угол наклона.

 
С помощью градиентной заливки добавим так же объем глазам:
 

Зрачки, брови, рот  закрашиваем по аналогии.

Приклеим мальчику носик. Чтобы цвет дополнительного объекта совпадал с основным - воспользуемся пипеткой (Eyedropper tool). Кликаем на цвете ползунка, затем у основания носа, чтобы взять нужный цвет. Иначе нос будет смотреться как инородный объект.
 

Для щечек создадим полупрозрачный градиент. Все то же самое, только один из цветов с 0% альфой (для телесного цвета, чтобы аккуратно наложить на лицо, не создавая резких переходов ). Цвет подгоняем пипеткой. И еще одна хитрость - лучше применять градиент к круглым объектам, а уже потом с помощью инструментов масштабирования изменять форму объекта. Редактировать форму в градиенте сложнее, могут быть несовпадения  в несколько пикселей, и это будет заметно.
 
Красивая щечка:)
 
Градиент можно применить как  к заливке, так и к карандашным контурам. Раскрасим мальчику уши, которые нарисованы карандашом.
 
Доработаем голову нашего персонажа, добавим несколько деталек: чтобы выделить на лице глаза, рисуем дополнительные круглые подложки более темного цвета. Так же добавим на лице тень под волосами с помощью полупрозрачного градиента.
 

Тело и одежку закарашиваем по аналогии.
 

Цвета в градиентной заливке легко менять, добавлять новые и редактировать на вкладке Color. Процесс творческий, поэтому единственно правильного решения в выборе цветов, я думаю, нет. Лично я стараюсь выбирать не сильно контрастные цвета для градиента, тогда персонаж будет смотреться более натурально.
Результат проделанной работы:
 

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

Комментарии
Аватар пользователя merki123nagibator228

Cooooooooooooooooooooooooooooooooollllllllllllllllllllllll

Аватар пользователя Джив

Спасибо за хорошие уроки, скажите пожалуйста, где в флеше пипетка?

Аватар пользователя LeeTovetz

кто ищет тот находит. меня всегда удивляют такие вопросы. т.е. человек задал вопрос и сидит ждет пока кто то другой ответит. и на это уйдет и час и два и три. а гугл. а просто по кнопочкам поискать. а голову включить. а базовые тренинги о которых мы часто тут говорим и сылки даем на эти уроки... аааа?
на клавиатуре I английское и. блин.

моя радость тут ))) http://leetovetz.deviantart.com/gallery/

Аватар пользователя Samovarnet

Спасибо за Ваши секреты!Smile)) Узнал много тонкостей... Сейчас сврего персонажа разрабатывать начал... А что с градиентом не так? Можете поподробнее объяснить проблему ее анимации?

А куда я попал? Блог Самовара

Аватар пользователя Arman11

а куда брови делись? сбрились?

Аватар пользователя Oksana

хм, действительно,потерялись в пути брови(

Аватар пользователя Nicky

напишите пожалуста урок по рисованию красивых женских причесек в градиентном стиле
а то с этим проблематично. смотрел ваши работы на ХедХантер.ру, хотелось бы поподробнее рассмотреть прическу той девочки что посередине

Аватар пользователя Nicky

Вот вопрос - не получилось только щечки с румянцем создать. Вместо них как прыщики вышлою. Подскажите пожалуста как именно сделать - по разному пробовал
(работа - http://cs11256.vkontakte.ru/u11215603/135789425/x_0f412349.jpg)

Аватар пользователя Oksana

почему румянец на лбу?)послепраздничный цвет лица и румянец плохосочетаемы)попробуйте сделать,используя цвета из урока,и будет натуральней смотреться

Аватар пользователя Гость

В уроки много моментов которые нужно доработать
неподготовленному человеку сразу сделать такюу картинку неудасться
Выложите исходник пожалуста

Аватар пользователя Oksana

цель урока - понять принцип создания градиентов,необязательно рисовать такого персонажа.

Аватар пользователя Павел

Спасибо, интересный блог, очень нравится чистый и приятный глазу стиль.

Аватар пользователя Leetovetz

Отличные уроки, советы и анимация. Все очень и очень интересно. Спасибо огромное. Очень хочется еще уроков по движению, по анимации, по персонажам и пусть даже немного по скрипту. Будем очень очень благодарны.
Не очень еще разобрался. Вот я рисую персонажа. И Хочу ему тень сделать . Рисую линии другого цвета и потом заливаю тень. Но я видел в каком-то уроке, что они (эти линии) как то быстро удаляются. Рисовал на другом слое. не получается. В чем же секрет, что бы не каждую линию удалять а все сразу. Или лучше сформулирую вопрос как же тени прорисовывать, Спасибо.

Аватар пользователя Oksana

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

Аватар пользователя AnnTenna

Ха! Оказывается, и комментарии читать очень полезно, даже в них почерпнула важный секрет)) Спасибо ^___^

Аватар пользователя Oksana

полезно,очень даже)
из комментариев узнала,что забыла мальчику сделать брови^_^

Аватар пользователя Bakame

Оксана, а в анимации пробовала этого персонажа? Девочки по ссылке отлично для анимации подходят, а этот персонаж для чего предназначен?
Есть ли вариант справится с градиентами при анимации?

Аватар пользователя Oksana

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

Аватар пользователя Vadim

Немного не по посту коммент. А можно вон того пса вверху подвинуть немного, а то загораживает название блога=) А вообще у вас очень приятная анимация, радует глаз. Смотрю на свой мультик сделанный еще в школе и просто стыдно за такое "художество"

Аватар пользователя Vadim

Немного не по уроку коммент=) А можно вон того замечательного пса, который висит наверху немного сдвинуть, а то прям название перекрывает=) А вообще очень нравится ваш блог, никогда рисовать не умел, но очень нравится анимация. Даже была попытка сделать мультфильм, он даже был закончен, но смотреть его страшно=) Ваши стиль очень радует глаз, спасибо!

Аватар пользователя Oksana

благодарю за такой интерес к оленю-псу))
и спасибо за теплые слова)

Аватар пользователя Валерьянкин

Малыш просто изумительный получился, я в восторге! Так хорошо что вы пишите свои уроки, надеюсь поднять свой скромный уровень на новую высоту. Обычно наши блоггеры редко делятся своими секретами,Вы-приятное исключение.

Аватар пользователя Oksana

женщины не умеют хранить секреты)

Аватар пользователя Гость

Сам рисовать не умею, всегда было интересно как создаются такие илюстрации. Весьма познавательно.

Аватар пользователя Oksana

спасибо)

Аватар пользователя Al

Спасибо, замечательный туториал) Равно как и все остальные. Ваш блог открыл для себя недавно, очень нравится. Посты лаконичны, интересны и всегда по делу. Подписался и жду новых!)

P.S. Очень доставляет стиль ваших персонажей)

Аватар пользователя Oksana

благодарю)

Пожалуйста, оставьте ваш комментарий. Спасибо!
Содержимое этого поля является приватным и не будет отображаться публично.
CAPTCHA
Вопрос для проверки
Заполните поле проверки