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

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







Урок 1. Елочный шарик.

Результатом выполнения этого урока будет вот такой елочный шарик.

Урок Illustrator 'Елочный шарик'. Конечный результат выполнения урока.

Для создания основного контура шарика возьмите инструмент Ellipse Tool (‹L›) и нарисуйте им круг.

Урок Illustrator 'Елочный шарик'. Инструмент Ellipse Tool.

Для того, чтобы контур не искажался и окружность получилась идеально ровной, во время рисования удерживайте нажатой клавишу ‹Shift›.

Урок Illustrator 'Елочный шарик'. Рисование окружности инструментом Ellipse Tool

Не снимая выделения с круга, выберите основной цвет шарика, для этого дважды «кликните» на иконке заливки в панели инструментов.

Урок Illustrator 'Елочный шарик'. Изменение цвета заливки.

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

Урок Illustrator 'Елочный шарик'. Выбор цвета.

После того, как вы нажмете на кнопку «Ok» в этом диалоговом окне, шарик окрасится в выбранный вами цвет.

Урок Illustrator 'Елочный шарик'. Изменение заливки.

Обводку круга необходимо удалить. Для этого сделайте активной иконку обводки, нажав на нее.

Урок Illustrator 'Елочный шарик'. Изменение цвета обводки.

А затем нажмите на перечеркнутый квадратик ниже иконки заливки:

Урок Illustrator 'Елочный шарик'.Удаление обводки.

Эти же действия можно произвести быстрее при помощи горячих клавиш: ‹X› — поменять фокус на цвет обводки, ‹/› — удалить обводку.

Теперь возьмите инструмент «Gradient Mesh» (‹U›).

Урок Illustrator 'Елочный шарик'. Инструмент Gradient Mesh.

Кликните инструментом в середину нарисованного круга.

Урок Illustrator 'Елочный шарик'. Градиентная заливка.

Затем обозначьте положения верхнего и нижнего рефлексов (световых пятен, которые бывают от источников света и которые придадут объем нашему шарику). Должна получится примерно вот такая сетка:

Урок Illustrator 'Елочный шарик'. Градиентная сетка - Gradient Mesh.

Теперь инструментом «Direct Selection Tool»(‹A›), в простонародье «белая стрелочка», выделите точку верхнего рефлекса и в палитре «Window->Color» (‹F6›)подберите подходящий цвет. Я предпочитаю делать это в режиме HSB.

Урок Illustrator 'Елочный шарик'. Палитка Color.

Должно получиться что-то вроде этого:

Урок Illustrator 'Елочный шарик'. Задание цвета точке в градиентной сетке.

Кстати, советую основной цвет и цвет рефлекса сохранить в палитре «Swatches», они нам еще пригодятся для дальнейшей работы. Чтобы сохранить текущий цвет нажмите на кнопку «New Swatch» в палитре «Swatches».

Урок Illustrator 'Елочный шарик'. Палитра Swatches.

Теперь выделите центральную точку нижнего рефлекса белой стрелочкой, либо инструментом «Lasso Tool»(‹Q›) и задайте ей тот же цвет, что и верхнему при помощи палитры «Swatches», либо взяв цвет «пипеткой» с верхней точки — инструментом «Eyedropper Tool» (‹I›).

Урок Illustrator 'Елочный шарик'. Инструмент Eyedropper Tool

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

Урок Illustrator 'Елочный шарик'. Задание цвета точкам градиентной сетки.

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

Урок Illustrator 'Елочный шарик'. Редактирование цветов точек градиентной сетки.

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

Урок Illustrator 'Елочный шарик'. Редактирование градиентной сетки.

Основная работа по шарику закончена. Теперь нужно нарисовать цилиндрик, к которому крепится ниточка или цепочка. Для этого понадобится нарисовать прямоугольник инструментом «Rectangle Tool»(‹M›).

Урок Illustrator 'Елочный шарик'. Rectangle Tool.

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

Урок Illustrator 'Елочный шарик'. Рисование прямоугольника.

Но это пока просто прямоугольник, для того, чтобы превратить его в цилиндр, добавим одну точку посередине на на верхней его линии при помощи инструмента «Add Anchor Point Tool» (‹+›), это «перо с плюсом».

Урок Illustrator 'Елочный шарик'. Add Anchor Point Tool.

Теперь поднимите эту точку немного вверх при помощи белой стрелочки (‹A›).

Урок Illustrator 'Елочный шарик'.

Для того, чтобы сгладить получившийся острый угол, возьмите инструмент «Convert Anchor Point Tool»(‹Shift+C›), выделите им верхнюю точку и немного потяните вправо — появившиеся направляющие создадут плавную дугу:

Урок Illustrator 'Елочный шарик'. Использование инструмента Convert Anchor Point Tool.

Следующий элемент — металлическая штучка (не знаю как она называется), в которую вдевают петельку для нитки. По форме она напоминает фигурную ромашку с загнутыми лепестками. Нарисуем половинку такого лепестка при помощи инструмента «Pen Tool»(‹P›) — «Перо». Какой формы он будет, зависит от вашей фантазии. У меня получился вот такой:

Урок Illustrator 'Елочный шарик'. Инструмент Pen Tool.

Создайте зеркальную копию по горизонтали относительно правого края этой половинки при помощи инструмента «Reflect Tool».(‹O›).

Урок Illustrator 'Елочный шарик'. Reflect Tool

Объедините обе половинки в один объект при помощи палитры «Window->Pathfinder». Для того, чтобы сразу объединить полученный объект нажимайте на указанную кнопку с зажатой клавишей «Alt».

Урок Illustrator 'Елочный шарик'. Использование палитры Pathfinder.

Скопируйте полученный объект 2 раза и объедините их таким же образом в один. И закрасьте его градиентом, например, «под золото». Цвета, которые я использую для градиента золотых элементов — #E1B65C и #F7EEA5. Получится примерно вот это:

Урок Illustrator 'Елочный шарик'. Градиентная заливка.

Наложите полученный элемент на нарисованный ранее цилиндр и при помощи эффекта «Effect->Warp->Arc Upper» добейтесь такого же изгиба, как и у него.

Урок Illustrator 'Елочный шарик'. Применение эффектов. Effect- Warp- Arc Upper

Во время выставления величины кривизны включите галочку «Preview», чтобы видеть результат свои действий:

Урок Illustrator 'Елочный шарик'. Использование эффектов.

«Экспандните» полученный объект командой «Object->Expand Appearance»

Урок Illustrator 'Елочный шарик'. Использование команды Expand Appearance.

Расположите полученную группу объектов под шариком при помощи команды «Object->Arrange->Send to Back» (‹Shift+Ctrl+[›) и отпозиционируйте их по центру относительно при помощи палитры «Window->Align».

Урок Illustrator 'Елочный шарик'. Позиционирование объектов и использование палитры Align

Остался последний элемент — петелька для ниточки. Для этого нарисуйте две окружности друг над другом и «вычтите» одну из другой при помощи уже знакомой вам палитры «Window->Pathfinder». Закрасьте полученную петлю таким же золотым градиентом, который использовали ранее.

Урок Illustrator 'Елочный шарик'. Использование палитры Pathfinder. Вычитание объектов.

Разместите колечко под всеми объектами на рисунке «Object->Arrange->Send to Back» (‹Shift+Ctrl+[›) и можно считать, что наш шарик готов.

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