Vectorboom
Уроки / Иллюстрации / Comments: 7

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

Ярослав Лазунов
14.07.2014
Цель урока

This article was originally published on Vectips.com in English. You can view the original article here...

В этом уроке вы научитесь эффективно работать с простыми геометрическими формами, затем узнаете, как создавать удивительные световые эффекты, используя разные режимы смешивания и градиентные заливки. Быстро создать брызги вам помогут символы и Symbol Sprayer Tool. Немного усилий и вы сможете создать своими руками эту векторную иллюстрацию.

Шаг 1

Открываем Adobe Illustrator и переходим File > New. В открывшемся диалоговом окне установите необходимый размер монтажной области и выберите режим цвета RGB.

Шаг 2

Берем Polygon Tool и кликаем на рабочей области. В открывшемся диалоговом окне устанавливаем количество сторон, равное трем, для того чтобы создать треугольник.

Перетаскиваем треугольник вверх, удерживая Opt/Alt и Shift, что приведет к его дублированию и позволит переместить объект строго вертикально.

Шаг 3

Повернем верхний прямоугольник на 180 градусов, используя Selection Tool (V) и ограничивающую рамку удерживая Shift.

Измените высоту и ширину прямоугольников так, как это показано на рисунке ниже. Для этих целей используем Selection Tool (V).

Шаг 4

Берем Rectangle Tool (M), устанавливаем указатель инструмента в точку A, затем удерживая Opt/Alt, создаем прямоугольник, вытянутый по вертикали.

При помощи простых геометрических форм мы создаем форму стакана мартини. Выделяем все созданные объекты, затем нажимаем кнопку Unite в панели Pathfinder.

Шаг 5

Берем Direct Selection Tool (A) и выделяем углы A и B. Изменим радиусы округления этих углов, используя Corner Widgets (View > Show Corner Widget). Эта функция доступна только в последних релизах Adobe Illustrator (CC17 - CC2014). Если вы используете более ранние релизы приложения, то можете для этих целей использовать плагин VectorScribe, который имеет Dynamic Corners Tool.

Шаг 6

Установите толщину обводки, равную 6px и выберите Round Join для углов в панели Stroke (Window > Stroke)

Отключите заливку этого объекта. Теперь при помощи Rectangle Tool (M) создайте прямоугольник с заливкой черного цвета. Размеры этого прямоугольника должны соответствовать размерам фона вашей иллюстрации. Поместите форму стакана выше черного фона и измените цвет обводки на белый.

Шаг 7

Берем Scissors Tool (C) и разрезаем путь в точках A и B. Теперь выделим и удалим меньшую часть пути.

Шаг 8

Приступим к созданию дольки лайма. Берем Ellipse Tool (L) и создаем окружность без заливки с обводкой белого цвета. Установим толщину обводки – 9px в панели Stroke.

При помощи Line Tool (\) создадим вертикальный прямолинейный сегмент между точками A и B.

Теперь переходим Object > Transform > Rotate… и в открывшемся диалоговом окне устанавливаем угол 45 градусов, затем нажимаем на кнопку Copy.

Нажимаем два раза на комбинацию горячих клавиш Cmd/Ctrl + D для последовательного повторения последнего действия.

Шаг 9

Выделяем все элементы лайма, затем переходим Object > Path > Outline Stroke.

Теперь нажимаем кнопку Unite в панели Pathfinder.

Берем Eraser Tool (Shift + E) и, удерживая Opt/Alt, удаляем нижнюю часть лайма.

Поворачиваем объект на 45 градусов при помощи Selection Tool (V) и ограничивающую рамку удерживая Shift. Поместим лайм на краю стакана, как это показано ниже.

Группируем стакан и лайм (Cmd/Ctrl + G).

Шаг 10

Приступаем к созданию световых эффектов. Нарисуем окружность при помощи Ellipse Tool (L) и зальем ее радиальным градиентом от синего к черному цвету. Поместим эту окружность ниже группы с белыми объектами.

Создадим еще одну окружность с подобной заливкой, затем трансформируем ее в эллипс при помощи Selection Tool (V).

Используя эту технику, создадим третий эллипс с радиальным градиентом. Этот эллипс расположим справа от стакана. Синий цвет его градиента более темный, чем в предыдущих случаях.

Шаг 11

Выделяем все эллипсы, затем устанавливаем режим смешивания Screen в панели Transparency.

Выделяем группу с белыми объектами, затем устанавливаем режим смешивания Overlay.

Шаг 12

Теперь мы можем локально создать блики на гранях стакана. Создаем окружность с заливкой радиальным градиентом, который содержит белый, синий и черный цвета. Деформируем окружность в эллипс, затем применяем к ней режим смешивания Screen.

Поместите подобные объекты в местах, где хотите создать блики.

Шаг 13

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

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

Сохраним эту окружность, как символ в панели Symbols.

Шаг 14

Берем Symbol Sprayer Tool (Shift + S), выбираем первый символ и начинаем разбрызгивать по поверхности фона.

Теперь выбираем второй символ, и разбрызгиваем его.

Шаг 15

Создаем более мелкие брызги. Рисуем окружность 3 на 3px с заливкой радиальным градиентом от белого к черному цвету и применяем к ней режим смешивания Color Dodge.

Сохраняем этот объект как символ и разбрызгиваем по поверхности фона при помощи Symbol Sprayer Tool.

Использование символов позволяет нам быстро создавать большое количество одинаковых объектов. Кроме того, вы можете быстро изменить размер некоторых из них. Для этого предназначен Symbol Sizer Tool.

Шаг 16

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

Для дальнейшего ускорения работы выделим и сгруппируем все объекты брызг (Cmd/Ctrl + G). Теперь вы можете дублировать группу, изменять размеры, поворачивать и размещать в необходимых местах ее копии.

Надеюсь, у вас получится хороший результат!

Всего комментариев: 7
0
1  
Большое спасибо! эти уроки просто клад!! все просто, доступно и почти всё получается.

0
2  
Было бы неплохо в скобках давать русские названия команд, инструментов и режимов наложения. Я, конечно, могу погуглить или интуитивно догадаться, о чем идет речь, но это затрудняет процесс и увеличивает время отрисовки иллюстрации. Урок замечательный, но возник 1 вопрос: контур кружки вы экспандили в конце или так и оставили?

0
3  
А мне не затруднит процесс создания урока?
Если для стоков, символы лучше разобрать

0
4  
Спасибо, всё получилось. Только есть пару моментов, которые
хотелось бы уточнить на будущее. При создании эллипсов с градиентом (Шаги 10-11)
 столкнулся с проблемой чётких границ
самих эллипсов на чёрном фоне. Методом научного тыка удалось таки органичного интегрировать
эти эллипсы в фон, но сам механизм не понял, т.е. интуитивно получилось. Может,
есть какие-то нюансы при работе с градиентом, на которые стоит обратить
внимание? Я понимаю, что можно использовать инструмент Gradient Tool, но в данном случае, я
так понимаю, он не использовался.   И второе (шаг 16). Вы выделяли (Shift +
Selection Toll), а потом группировали (Ctrl + G) все брызги или только
последние (шаг 15)?

0
5  
1. Да, есть нюанс. Черный должен быть в RGB 000
2. Все брызги, но это не существенно. Делайте как удобно

0
6  
Спасибо за урок, не получилось понять, почему при выборе цветовой схемы CMYK(с начала так выбрал)результаты при наложении совсем другие, при RGB все получается...

0
7  

holiday

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.