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

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







Урок 8. Мордашки-смайлики.

Итак, сегодня в центре внимания снова смайлики. Но... смайлики необычные: во-первых, это смайлики-животные, а во-вторых, это совершенно разные животные на основе одинаковых элементов, в основном, эллипсов.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Результат выполнения урока.

Включите «умные» направляющие: View->Smart Guides(Ctrl+R)

Мордашки-смайлики. Уроки Adobe Illustrator. Включение Smart Guides

Выберите инструмент Elipse Tool (L)

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Elipse Tool.

Нарисуйте им вот такой эллипс:

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование эллипса.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование эллипса. от центра.

Расположите верхнюю фигуру под ранее нарисованным эллипсом командой: Ctrl+[(так же эту команду можно выполнить, щелкнув правой кнопкой мыши по фигуре и выбрав пункты Arrange->Send Backward):

Мордашки-смайлики. Уроки Adobe Illustrator. Send Backward.

Сместите эту фигуру немного выше:

Мордашки-смайлики. Уроки Adobe Illustrator.

Теперь надо обрезать нижнюю часть, для этого нам потребуется палитра Window->Pathfinder:

Мордашки-смайлики. Уроки Adobe Illustrator. Палитра Pathfinder.

Нарисуйте прямоугольник поверх всех фигур и, выделив одновременно нижний эллипс и прямоугольник, щелкнике по кнопке «вычитания» в палитре Pathfinder:

Мордашки-смайлики. Уроки Adobe Illustrator. Палитра Pathfinder. Вычитание.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Палитра Pathfinder. Expand.

Фигура снова оказалась сверху, отправьте ее снова назад уже знакомой вам командой Arrange->Send Backward (Ctrl+[):

Мордашки-смайлики. Уроки Adobe Illustrator. Send Backward.

Должно получиться что‑то вроде такого:

Мордашки-смайлики. Уроки Adobe Illustrator.

С помощью того же эллипса со сплошной черной заливкой нарисуйте один глаз:

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование эллипса.

Теперь нужно скопировать его симметрично относительно центра иллюстрации. Выберите инструмент Selection Tool(V), черную стрелочку:

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Selection Tool.

Выделите «глаз»:

Мордашки-смайлики. Уроки Adobe Illustrator. Выделение черной стрелочкой.

Теперь возьмите инструмент Reflect Tool (O):

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Reflect Tool.

Наведите курсором на нижний эллипс. Постарайтесь наводить на центр фигуры. Как только курсор окажется над центром, появится слово «center» (это только в том случае, если в начале урока вы включили «умные направляющие»):

Мордашки-смайлики. Уроки Adobe Illustrator. Использование умных направляющих.

Щелкните в этом месте левой кнопкой мыши, тем самым вы обозначите «центр вращения» и с зажатыми клавишами Alt и Shift переместите черный эллипс на правую часть смайлика:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Reflect Tool.

Это странное нечто как раз и будет основой для всех смайликов-мордашек:

Мордашки-смайлики. Уроки Adobe Illustrator. Основа для смайлика.

Первым я нарисую коровко-смайлик. Для начала пририсуем ноздри, точнее пока одну ноздрю. Выберите инструмент Pencil Tool (N):

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Pencil Tool.

И нарисуйте контур, похожий на перевернутую каплю:

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование инструментом Pencil Tool.

Кликнув правой кнопкой мыши на нарисованной закорючке, вызовите всплывающее меню и выберите пункт «Join» для того, чтобы замкнуть контур:

Мордашки-смайлики. Уроки Adobe Illustrator. Замкнуть контур. Join.

Теперь при помоши «белой стрелочки» — Direct Selection Tool (A) — поправьте форму контура:

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Direct Selection Tool.
Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Direct Selection Tool.

Раскрасьте контур сплошной черной заливкой:

Мордашки-смайлики. Уроки Adobe Illustrator. Сплошная заливка.

Черной стрелкой переместите «ноздрю» на нужное место и переверните ее. Для переворота и трансформирования фигур используется инструмент Selection Tool (V): если выделить фигуру черной стрелочкой и подвести курсор к любому угловому маркеру появится значок поворота и фигуру можно будет повернуть на любой произвольный угол относительно центра:

Мордашки-смайлики. Уроки Adobe Illustrator. Трансформация и переворот фигур.

Если навести курсор на такой же маркер, то появится другой значок и фигуру можно будет трансформировать:

Мордашки-смайлики. Уроки Adobe Illustrator. Трансформация фигуры.

Следующим шагом будет копирование полученной фигуры относительно центра, точно так, как было с рисованием глаз. И последовательность действий будет та же: Выделить объект (или не снимать выделения), выбрать инструмент Reflect Tool (O):

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Reflect Tool.

Найти центр «носа»:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование умных направляющих.

Скопировать объект с зажатыми клавишами Alt и Shift на левую часть смайлика:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Reflect Tool.

Коровко-смайлику явно не хватает рогов. Нарисуйте один так же, как рисовали ноздрю, при помощи инструмента Pencil Tool (N), не забудьте замкнуть контур и отредактировать кривую до нужной формы. Примерно, вот так:

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

Скопируйте этот рог симметрично относительно центра, как и предыдущие элементы:

Мордашки-смайлики. Уроки Adobe Illustrator. Коровко-смайлик.

При помощи тех же самых действий, с помощью которых рисовали рога и нос, нарисуйте ухо прямо под рогом:

Мордашки-смайлики. Уроки Adobe Illustrator. Коровко-смайлик. Ухо.

Для того, чтобы дорисовать внутреннюю часть уха скопируйте имеющийся контур: для этого выделите его черной стрелочкой и нажмите Ctrl+C, либо выберите Edit->Copy:

Мордашки-смайлики. Уроки Adobe Illustrator. Копирование объекта Edit-Copy

И вставьте копию на то же самое место: либо Ctrl+F, либо при помощи меню Edit->Paste in Front:

Мордашки-смайлики. Уроки Adobe Illustrator. Вставить на то же место.

На первый взгляд, ничего не изменилось, но на самом деле теперь у нас есть два контура, лежащих друг над другом. Не снимая выделения, уменьшите верхнюю копию:

Мордашки-смайлики. Уроки Adobe Illustrator. Трансформация и переворот фигур.

И перекрасьте ее в черный цвет и, если нужно, немножко поверните:

Мордашки-смайлики. Уроки Adobe Illustrator.

Выделите обе фигуры черной стрелочкой и объедините части уха в одну группу: щелкните правой кнопкой по выделенным объектам и выберите пункт «Group» (Ctrl+G):

Мордашки-смайлики. Уроки Adobe Illustrator. Группировка.

И скопируйте ухо на правую часть рисунка уже знакомым способом при помощи Reflect Tool (O):

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Reflect Tool.

Теперь нарисуем улыбку. Для этого выберите инструмент Pen Tool(P).

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Pen Tool.

Поставьте точку примерно посередине мордочки и потяните немного вправо по горизонтали:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Pen Tool.

отпустите направляющую и поставьте следующую точку правее и выше и потяните направляющую вверх:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Pen Tool.

Получилась улыбочка. В настройках вида линии в верхней панели (Stroke) сделайте окончания линии закругленными:

Cделайте копию полученной дуги, переместите ее в верхний угол улыбки:

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование улыбки.

Выделите об части улыбки, немного поверните и, если нужно, трансформируйте — уменьшите или увеличите:

Мордашки-смайлики. Уроки Adobe Illustrator. Трансформация и поворот фигур.

Теперь у нас есть очень милый коровко-смайлик:

Мордашки-смайлики. Уроки Adobe Illustrator. Коровко-смайлик.

Почему‑то в этот момент я решила, что смайлику не хватает бровей. Для них я скопировала одну из ноздрей (как бы глупо это не звучало). Самый быстрый способ скопировать объект — выделить его черной стрелочкой (Selection Tool) и переместить его с зажатой клавишей Alt:

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование бровей.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Reflect Tool.

Теперь нужно раскрасить картинку, для этого найдите палитру Swatches. Если в рабочем пространстве ее нет, то ее можно включить с помощью меню Window-> Swatches:

Мордашки-смайлики. Уроки Adobe Illustrator. Палитра Swatches.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Коровко-смайлик без искорки в глазах.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Коровко-смайлик.

Один смайлик готов, теперь будем рисовать второй, на этот раз бегемото-смайл. Выделите все элементы картинки, нажав комбинацию Ctrl+A:

Мордашки-смайлики. Уроки Adobe Illustrator. Выделение нарисованного Ctrl+A

Теперь нажмите Alt и переместите коровко-смайлик вправо, тем самым скопировав его:

Мордашки-смайлики. Уроки Adobe Illustrator. Копирование.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование уха бегемото-смайлу.

Теперь выберите инструмент Convert Anchor Point Tool (Shift+C) из группы инструментов Pen:

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Convert Anchor Point Tool.

Щелкните левой кнопкой мыши по нижней точке только что нарисованного круга, чтобы удалить у этой точки направляющие:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Convert Anchor Point Tool.
Мордашки-смайлики. Уроки Adobe Illustrator. Перемещение отдельных точек.

Создайте копию полученной фигуры (Ctrl+C), вставьте копию на тоже самое место (Ctrl+F), уменьшите ее, и покрасьте в более темный цвет, получится ухо:

Мордашки-смайлики. Уроки Adobe Illustrator. Вставить на то же место.

Сгруппируйте обе части уха (Ctrl+G), переместите его «на место» и скопируйте относительно центра бегемото-смайла:

Мордашки-смайлики. Уроки Adobe Illustrator. Рисвание ушей бегемота.

Пришло время рисовать бегемоту зубы. Для этого выберите в палите Swatches самый светлый серый цвет (серый, потому что смайлик наш на белом фоне, а белый на белом мало заметен) и возьмите инструмент Rounded Rectangle Tool:

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Rounded Rectangle Tool.

И начните рисовать бегемоту зуб, зажав левую кнопку мыши:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Rounded Rectangle Tool.

Радиус скругления углов такого прямоугольника можно изменять прямо в процессе рисования: просто удерживайте Ctrl и нажимайте втрелки «вверх» и «вниз» на клавиатуре: кнопка «вверх» увеличивает радиус скругления, а «вниз», соответственно уменьшает. Как только форма станет подходящей, отпустите кнопку мыши.

Поместите нарисованный зуб в самый низ иллюстрации: выделите его инструментом Selection Tool(V), нажмите правую кнопку мыши, во всплывающем меню выберите Arrange->Send to Back (Shift+Ctrl+[):

Мордашки-смайлики. Уроки Adobe Illustrator. Изменение радиуса скругления углов.

Получился однозубый бегемот:

Мордашки-смайлики. Уроки Adobe Illustrator. Однозубый бегемот.

Выделите этот зуб черной стрелочкой и отразите его по горизонтали относительно центра смайлика при помощи инструмента Reflect Tool (O) (в который раз уже):

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Reflect Tool.

Следующий на очереди нос, а точнее ноздри. Нарисуйте круг темно-серого при помощи инструмента Elipse Tool (L), чтобы получилась идеально ровная окружность, при рисовании удерживайте клавишу Shift:

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование окружности.

Выберите инструмент Scissors Tool (C):

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Scissors Tool.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Scissors Tool.

Сделайте тоже самое с правым маркером:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование инструмента Scissors Tool.

Получилось два отдельных объекта. Выделите нижний черной стрелочкой:

Мордашки-смайлики. Уроки Adobe Illustrator. Выделение черной стрелочкой.

и удалите его, нажав кнопку Delete на клавиатуре. Верхний полукруг замкните с помощью команды Join:

Мордашки-смайлики. Уроки Adobe Illustrator. Замкнуть контур. Join.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Копирование объекта Edit-Copy и вставка на то же самое место.

Сгруппируйте оба объекта (Ctrl+G):

Мордашки-смайлики. Уроки Adobe Illustrator. Группировка объектов.

Не снимая выделения с группы, вызовите окно эффекта Effect->Warp->Arc:

Мордашки-смайлики. Уроки Adobe Illustrator. Эффект Arc. Искажение.

Поставьте в открывшемся окошке галочку «Preview», чтобы видеть результат применения эффекта и подвигайте ползунки до тех пор, пока не получится вот такая форма:

Мордашки-смайлики. Уроки Adobe Illustrator. Использование палитры Warp.

Нажмите кнопку «Ok». И выполните команду «Object->Expand Apperance»:

Мордашки-смайлики. Уроки Adobe Illustrator. Expand Apperance.

Поставьте полученную ноздрю «на место»:

Мордашки-смайлики. Уроки Adobe Illustrator. Бегемото-смайл.

и скопируйте ее на вторую половину бегемото-смайла:

Мордашки-смайлики. Уроки Adobe Illustrator. Бегемото-смайл.

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

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование медведо-смайла.

С помощью двух кругов, которые вы нарисуете уже знакомым инструментом Elipse Tool (L) нарисуйте медведо-ухо:

Мордашки-смайлики. Уроки Adobe Illustrator. Рисование кругов.

Сгруппируйте круги (Ctrl+G) и переместите ухо «на место»:

Мордашки-смайлики. Уроки Adobe Illustrator. Перемещение объектов.

Копированием создайте второе ухо симметрично первому:

Мордашки-смайлики. Уроки Adobe Illustrator. Копирование.

При помощи того же инструмента по рисованию эллипсов нарисуйте мишке удивленный рот:

Мордашки-смайлики. Уроки Adobe Illustrator. Медведо-смайлик.

А потом, при помощи пера – Pen Tool(P) – пририсуйте ему нос:

Мордашки-смайлики. Уроки Adobe Illustrator. Инструмент Pen Tool.

Итак, у нас уже есть три зверушко-смайлика:

Мордашки-смайлики. Уроки Adobe Illustrator.

А теперь домашнее задание: при помощи изученных инструментов и команд в этом уроке нарисуйте вот такой обезьянко-смайлик:

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