Опубликован новый урок по Adobe Illustrator. Как нарисовать бесшовный арабский узор или мозаику, взяв за основу один квадрат.
Опубликован новый урок по Adobe Illustrator. Простой способ нарисовать абстрактный фон с боке, позволяющий быстро менять цвет иллюстрации.
Опубликован новый урок по Adobe Illustrator. Использование глобального цвета и градиент «павлиний хвост» в иллюстраторе.

Подписаться на рассылку
E-mail*:







Урок 5. Как нарисовать смайлик.

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

Итак, с чего начать рисовать смайлики? Когда я рисовала свой первый сет первым делом я записала все эмоции, которые мне пришли в голову — получилось более 50 штук (улыбка, смех, грусть, плачь, задумчивость, мечтание, злость и т.д.), попробуйте и вы — уверена, что у вас получится не меньше. Пока будете писать список — в голове обязательно возникнет образ будущего смайлика. Дальше — рисуем подложку (основу под мордашку), она может быть произвольной формы — традиционно-круглая, квадратная, овальная, треугольная —  да какая угодно, я буду рисовать круглый смайл. Не хочется совсем зацикливаться на стереотипах, поэтому смайлики у меня будут не желтые (как привычно), а, например… зеленые! О_о. Цвета я возьму свои любимые — из урока про траву (не зря же я пол-дня бегала по полю и фотографировала все зеленое, чтобы найти красивые цвета): #AFE03B, #82BC00, #A4D72C, #9ED325, #87C006. Советую вам сразу добавить нужные цвета в палитру «Swatches», чтобы потом удобнее было работать с цветом.

Берем инструмент Ellipse Tool (‹L›) и рисуем им окружность (для получения ровного круга, а не эллипса — зажмите клавишу ‹Shift›):

Как нарисовать смайлик. Уроки Adobe Illustrator

Удаляем обводку и закрашиваем круг градиентом:

Как нарисовать смайлик. Градиент. Уроки Adobe Illustrator.

Смещаем центр радиального градиента вверх при помощи инструмента «Gradient Tool (‹G›)

Линейка градиента. Уроки Adobe Illustrator. Как нарисовать смайлик.

Тянем инструментом почти от верха до «чуть ниже низа», чтобы получилось примерно во так:

Как нарисовать смайлик. Уроки Adobe Illustrator. Смещение центра градиента.

Теперь нарисуем блик (если хотим, чтобы смайлы были блестящими), опять же инструментом Ellipse Tool (‹L›):

Как нарисовать смайлик. Уроки Adobe Illustrator. Рисование эллипса

Этот блик нужно закрасить линейным градиентом сначала от белого цвета до цвета места, которое находится прям под верхним эллипсом, чтобы не было заметно цветового перехода. Такой же фокус я проделывала в уроке «Сердце ко дню святого Валентина» — при помощи программки Color Cop, которая позволяет брать цвета с любого объекта на экране. Она бесплатная и последнюю версию можно скачать отсюда: http://colorcop.net/download.

Уроки Adobe Illustrator. Как нарисовать смайлик. Раскрашивание градиентом.

Цвет получился #93c916 (у вас может получится другой). Значит, заливаем блик градиентом от цвета #ffffff до цвета #93c916:

Уроки Adobe Illustrator. Как нарисовать смайлик. Раскрашивание смайлика градиентом.

Можно оставить и так, но мне лично не нравится белый цвет. Очевидно, в «реальной» жизни такого блика не получится (хотя, о какой я реальной жизни — это же смайлик), все таки верхний цвет будет не белым, а светло-зеленым. Чтобы этого добиться кликните мышью на линию градиента где‑нибудь поближе к белому цвету, появится еще один маркер:

Уроки Adobe Illustrator. Как нарисовать смайлик. Добавление маркера в градиент.

После этого уберите белый маркер, а новый светло-зеленый передвиньте на его место. Вот так мне нравится больше:

Уроки Adobe Illustrator. Как нарисовать смайлик. Удаление цвета из градиента.

Основа для смайлика готова, она будет неизменна для каждой эмоции, теперь можно рисовать рожицы. Эмоции у смайлов передаются в основном глазами и ртом. Вначале рисуем глаза — они тоже в основном будут одинаковые у всех. Вот тут можете уже включать свою фантазию — глаза могут быть круглые, овальные, анимэшные, узкие, широкие, с радужкой или только со зрачком, в общем — какие угодно. Я нарисую овальные с радужкой. Для этого снова берем инструмент Ellipse Tool (‹L›) и рисуем им вертикальный белый эллипс:

Уроки Adobe Illustrator. Как нарисовать смайлик. Вертикальный эллипс.

Копируем его (‹Ctrl+C›), вставляем на то же место поверх первого (‹Ctrl+F›) и при помощи клавиши «вниз» на клавиатуре перемещаем вниз и немножко увеличиваем:

Уроки Adobe Illustrator. Как нарисовать смайлик. Копирование и вставка объекта на то же место.

Теперь выделите оба объекта и вычтите верхний из нижнего при помощи палитры «Window->Pathfinder»:

Уроки Adobe Illustrator. Как нарисовать смайлик. Палитра Pathfinder. Вычитание объектов.

Если у вас, как и у меня Illustrator CS3, то вам понадобится еще нажать кнопку «Expand» на палитре Pathfinder, если же у вас версия выше CS3, то кнопку нажимать не надо:

Уроки Adobe Illustrator. Как нарисовать смайлик. Вычитание объектов. Кнопка Expand.

Получится, что мы «отрежем» небольшой кусочек снизу и как‑бы схематично обозначим «щечку»:

Уроки Adobe Illustrator. Как нарисовать смайлик. Рисование глаза.

При помощи подобных манипуляций можно еще придать небольшой объем глазу — ‹Ctrl+C›, потом 2 раза (обязательно 2 раза) ‹Ctrl+F›, опустить немного верхнюю копию и вычесть ее из нижней. Должно получится вот так:

Уроки Adobe Illustrator. Как нарисовать смайлик. Рисование века.

Окрасьте полученную дугу в самый темный цвет из используемых вами в этой иллюстрации (в данном случае — #82BC00):

Уроки Adobe Illustrator. Как нарисовать смайлик. Закрашивание сплошной заливкой.

Теперь при помощи все того же эллипса нарисуйте радужную оболочку, зрачок и блики на глазах (форма из будет зависеть только от вашей фантазии). У меня получилось вот так:

Уроки Adobe Illustrator. Как нарисовать смайлик. Рисование глаза эллипсами.

Скопируйте полученный глаз на другую сторону смайлика и вот уже на вас уже кто‑то смотрит (прямо Буратино на Папу Карло):

Уроки Adobe Illustrator. Как нарисовать смайлик. Копирование объектов.

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

Уроки Adobe Illustrator. Как нарисовать смайлик. Вычитание объектов.

Я еще немного нижнюю точку белой стрелочкой (‹A›)вниз подвинула, чтобы улыбка стала шире:

Уроки Adobe Illustrator. Как нарисовать смайлик. Улыбка.

Еще мне захотелось улыбку вверх поднять и все — первый смайлик готов!

Уроки Adobe Illustrator. Как нарисовать смайлик. Смеющийся смайлик. :-D

Переверните рот уголками вниз — будет злой смайлик:

Уроки Adobe Illustrator. Как нарисовать смайлик. Злой смайлик. D-:

Нарисуйте дугу вместо белого сегмента и будет печальный смайлик, особенно если добавить слезку:

Уроки Adobe Illustrator. Как нарисовать смайлик. Печальный смайлик :'-(

И еще много-много вариаций :)

Уроки Adobe Illustrator. Как нарисовать смайлик. Коллекция смайлов.

Другие уроки Adobe Illustrator






Если вам интересно попробовать себя в стоковом бизнесе - регистрируйтесь на фотобанках по этим ссылкам:

ShutterStock.com
Fotolia.com
Dreamstime.com
DepositPhotos.com
BigStockPhotos.com
Crestock.com
iStockphoto.com
Lori.ru
VectorStock.com
123rf.com

Я всегда буду рада ответить на все ваши вопросы: nataly@stockers.ru

Крупнейший в мире фотобанк, работающий по подписке и наиболее любимый авторами — доход от продаж на нем часто составляет до 60% от продаж на всех остальных фотобанках вместе взятых. Кроме фотографий и векторных иллюстраций ShutterStock также продает видеоролики, причем, для загрузки видео авторам пока даже не требуется проходить экзамен.
Хороший фотобанк, со средним объемом продаж. Подойдет начинающим стокерам, так как лоялен к качеству изображений, не требует прохождения экзамена и не требует загрузки удостоверения личности для регистрации аккаунта. Принимает фотографии, векторные иллюстрации и видео-ролики.
Один из тех фотобанков, которые можно посоветовать новичку. Экзамена на нем нет, документа для регистрации не требуется, зато к качеству работ требования не самые низкие. По доходности занимает обычно второе-третье место среди остальных фотобанков.
Молодой, активно развивающийся фотобанк с программой стимулирования авторов. Удобный интерфейс, в том числе и на русском языке.
Еще один фотобанк, который подойдет новичкам, так как не требует для регистрации ни удостоверения личности, ни прохождения экзамена. Небольшой теоретический тест по вступительному руководству — и можно начинать работать. Единственный фотобанк, который «угадывает» категории по ключевым словам.
Банеры для регистрации