Как создать векторную иллюстрацию от начала до конца: описываем обстоятельно

Если вы дизайнер, который просто любит создавать «вещи», Adobe Illustrator должен быть вашим любимым инструментом! Вооружившись всего несколькими инструментами и техниками, вы можете использовать набор инструментов Illustrator для создания классных векторных иллюстраций чего угодно. В сегодняшнем уроке я расскажу вам о процессе создания простой иллюстрации водяного пистолета. Весь дизайн сделан из базовых инструментов Illustrator, затем для добавления цвета используется инструмент Live Paint. Я также покажу вам несколько удобных приемов применения популярных эффектов для воспроизведения некоторых популярных стилей иллюстраций, часто встречающихся в Dribbble.

Водяная пушка в стиле Супер Соакер


Предмет, который я буду использовать в этом уроке, — это водяной пистолет в стиле «супер», просто потому, что он классный! Это одно из чудес Illustrator: нет ограничений на типы произвольной векторной графики, которую вы можете создать. Вся иллюстрация сделана с помощью простых форм, таких как скругленные прямоугольники и круги, затем цвет применяется с помощью инструмента Live Paint в Illustrator.

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

Максимальный угловой радиус, чтобы сформировать форму колбасы и перекрыть ее по большей части сопла. Удерживайте ALT и Shift при перетаскивании фигуры, чтобы создать дубликат. Нажмите сочетание клавиш CMD + D несколько раз, чтобы повторить преобразование и создать серию равномерно распределенных фигур.

Сделайте выбор всех форм колбасы и нажмите CMD + G, чтобы сгруппировать их. Добавьте больший прямоугольник к выделению, затем, удерживая клавишу ALT, нажимайте на лишние области с помощью инструмента Shape Builder, чтобы удалить их.

Дайте большему прямоугольнику дополнительный щелчок, чтобы сделать его ключевым объектом, затем используйте панель выравнивания, чтобы убедиться, что фигуры располагаются в центре по вертикальной оси.

Нарисуйте длинный прямоугольник, чтобы сформировать ствол водяного пистолета, затем добавьте еще один закругленный прямоугольник. Нарисуйте выделение вокруг самых нижних точек с помощью инструмента «Прямой выбор», затем отрегулируйте один из маленьких круглых значков, чтобы изменить радиус угла. Если этот значок не появляется, включите Live Corners в меню View> Show Corner Widget.

Нарисуйте маленький круг, чтобы добавить немного деталей, затем продублируйте его и поместите на другом конце прямоугольной формы. Используйте панель «Выровнять», чтобы центрировать их, не забывая выбрать прямоугольник в качестве ключевого объекта.

Выберите прямоугольник и два круга, затем удерживайте ALT и Shift и перетащите несколько дубликатов дальше вниз по стволу. Нарисуйте прямоугольник большего размера между двумя из них, чтобы сформировать ручку насоса. Выберите и объедините эти фигуры с помощью кнопки Unite на панели Pathfinder.

Используйте комбинацию клавиш CMD + [или щелкните правой кнопкой мыши и выберите «Упорядочить»> «Отправить назад», чтобы поместить элемент под фигурами кругов в порядке наложения. Выберите и удалите два нижних круга.

Максимальный радиус угла при рисовании скругленного прямоугольника и наложение толстой колбасы на нижнюю часть ручки. Включите Smart Guides («Просмотр»> «Smart Guides»), затем используйте зеленые подсказки, чтобы идеально выровнять дубликат при перетаскивании с помощью клавиш ALT и Shift.

Нажмите CMD + D несколько раз, чтобы сформировать серию фигур, затем нажмите Shift, чтобы добавить больший прямоугольник к выделению. Нажмите эту форму еще раз, чтобы сделать ее ключевым объектом, затем выровняйте фигуры по центру с помощью панели «Выровнять».

Со всеми выбранными формами используйте Shape Builder, чтобы удалить ненужные сегменты. Не забудьте удерживать клавишу ALT, чтобы удалить элемент.

Возле конца ствола нарисуйте нормальный прямоугольник. Используйте инструмент «Прямой выбор», чтобы перетащить нижний левый угол внутрь. Удерживайте Shift, чтобы сохранить прямой нижний край.

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

Нарисуйте длинный тонкий прямоугольник с закругленными углами с максимальным радиусом угла над стволом, пересекая другие части. Отправьте этот предмет на дно стека.

Добавьте некоторые детали к основной форме тела, нарисовав маленький прямоугольник с закругленными углами. Поверните его, чтобы он соответствовал углу родительской фигуры, затем удерживайте ALT и Shift, чтобы вытянуть дубликат. Используйте комбинацию клавиш CMD + D для формирования серии фигур.

Нарисуйте серию концентрических кругов в пустом пространстве в области корпуса водяного пистолета с помощью команд Копировать (CMD + C) и Вставить вперед (CMD + F), затем уменьшите каждый дубликат, удерживая клавиши Shift и ALT. Добавьте прямоугольник, чтобы пересечь два внутренних круга, затем используйте инструмент Shape Builder, чтобы удалить различные части, чтобы оставить форму арки.

Используйте инструмент «Многоугольник», чтобы нарисовать треугольник, уменьшив количество сторон клавишами курсора при перетаскивании фигуры. Переместите самую верхнюю точку вертикально с помощью инструмента «Прямой выбор», удерживая клавишу Shift, затем выберите две нижние точки и отрегулируйте угловые виджеты, чтобы их округлить.

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

Используйте тот же набор методов, чтобы продолжить строить водяной пистолет. Чем больше элементов будет добавлено, тем более детальной будет иллюстрация.

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

Поместите прямоугольник в нужное место на иллюстрации, затем используйте набор фигур, чтобы создать область триггера и ручки. Эти фигуры можно объединить с панелью «Навигатор» или щелкнув и перетащив с помощью инструмента «Построитель фигур».

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

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

Выберите эту форму триггера и основную рукоятку, затем удерживайте нажатой клавишу ALT и выделите область, используя инструмент Shape Builder.

Перекрыть пару кругов, чтобы сформировать триггер, а затем использовать Shape Builder, чтобы обрезать избыток, чтобы оставить желаемую форму. Отправьте элемент в конец стека с помощью сочетания клавиш CMD + Shift + [или щелкните правой кнопкой мыши и выберите «Упорядочить»> «Отправить назад».

Добавьте немного деталей в ручку, используя инструмент Arc. Используйте подсказку Smart Guide, чтобы нарисовать траекторию от угловой точки и продлить ее до нижней части ручки.

Нарисуйте большой круг и наложите пару прямоугольников. Объедините все эти фигуры вместе с помощью Pathfinder или Shape Builder.

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

Заполните несколько временных фигур цветами, чтобы сформировать палитру для вашей иллюстрации. Нарисуйте выделение вокруг всей иллюстрации, затем активируйте инструмент Live Paint. Нажмите на изображение, чтобы сформировать Живую Группу Краски.

Отмените выбор всего, затем выберите первый цвет из временных форм образца с помощью инструмента «Пипетка». Вернитесь к инструменту Live Paint и нажмите на различные области, чтобы применить этот цвет. Переключайтесь между пипеткой и инструментом Live Paint, чтобы применить другие цвета к иллюстрации.

Благодаря тому, что иллюстрация была создана с перекрывающимися фигурами, в некоторых областях потребуется несколько кликов, чтобы заполнить все отдельные части.

Как только вся иллюстрация раскрасится, перейдите в Object> Expand, затем установите только флажок Object. Это преобразует разделы Live Paint в заполненные фигуры. Учебное пособие может закончиться здесь, но давайте создадим популярный обрисованный в общих чертах эффект…

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

Щелкните один из элементов, затем выберите «Выделение»> «Одинаково»> «Цвет заливки», чтобы выделить все одинаковые цветовые формы.

Нажмите кнопку Unite в окне Pathfinder, чтобы объединить все эти фигуры одного цвета в один объект.

Нажмите CMD + 8, чтобы сформировать составной путь, или перейдите в Object> Compound Path> Make. Это важный шаг при использовании панели Pathfinder с несколькими объектами.

Повторите процесс выбора того же цвета заливки, объединяя и формируя составной контур для всех остальных фигур, затем выделите часть черного контура и выберите «Выделение»> «Одинаково»> «Цвет обводки».

Выбрав все черные штрихи, перейдите в Object> Expand и выберите опцию Stroke, чтобы преобразовать эти штрихи в заполненные фигуры.

Нажмите кнопку Unite в окне Pathfinder, чтобы объединить все отдельные части контура в одну непрерывную форму. Скопируйте эту фигуру в буфер обмена, она нам понадобится снова через секунду!

Сдвиньте и щелкните один из цветных объектов, чтобы добавить всю эту группу фигур в выделение, затем выберите параметр «Минус спереди» в Навигаторе, чтобы вырезать контур из этих фигур. Нажмите CMD + F, чтобы вставить черный контур обратно, затем повторите процесс с другими цветными элементами.

После того, как контур был обрезан по иллюстрации, он оставляет зазоры, которые позволяют любому фону просвечивать, и в результате получается стильный стильный вид!

Наша работа в Illustrator завершена. Эти же приемы можно использовать для создания стильных иллюстраций любого предмета. Внешний вид плоского вектора выглядит великолепно, но я всегда хотел бы добавить некоторые штрихи в Photoshop.

Вставьте иллюстрацию в новый документ Photoshop, затем загрузите и установите мои бесплатные полутоновые шаблоны . CMD + Щелкните по миниатюре слоя векторных изображений, чтобы загрузить его выделение, затем заполните область полутоновым рисунком на новом слое.

Инвертируйте цвета (CMD + I), затем измените режим смешивания на «Экран», чтобы сделать область черного фона прозрачной и оставить белые полутоновые точки.

В некоторых областях иллюстрации, где есть более светлый цвет, черные полутона работают лучше. Используйте Волшебную палочку, чтобы сделать выборки и залейте новый слой полутоновым рисунком, затем измените режим смешивания на «Умножение».

Водяная пушка в стиле Супер Соакер

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

Любите этот дизайн? Получи футболку!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.