() translation by (you can also view the original English article)
Представляем вам третью часть из серии How to Design Flat Icons in Affinity Designer, которая состоит из четырёх частей.
Если
вы ещё этого не сделали, то обязательно ознакомьтесь со второй частью этой
серии, где вы узнаете, как создать дизайн значков сумки для покупок и вешалки.
Вы можете найти ещё больше курсов Design & Illustration Courses на Envato Tuts+. А также получить потрясающие исходные векторные ресурсы для своих проектов на Envato Market.
Как Создать Иконку Значка Корзины для Покупок
В этом
уроке, Юлия Соколова покажет вам, как создать потрясающую иконку значка корзины
для покупок. Узнайте, как создать корзину, используя различные инструменты совмещения
и редактирования фигур.
С помощью
инструмента Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (M), создайте розовую основу для корзины. Далее,
откорректируйте фигуру. Выделите верхнюю левую и верхнюю правую узловую точку,
чтобы сместить их в противоположную сторону с помощью инструмента Узел (Node Tool).
Создайте второй прямоугольник со скруглёнными углами, расположите его над первым прямоугольником. Таким образом, мы создали базовую основу для нашей корзины. Не забудьте, что цвет второй фигуры должен быть светло-розовым.
Добавьте
отдельные детали к корзине. С помощью инструмента Прямоугольник со скруглёнными
углами (Rounded Rectangle Tool (M), создайте новую фигуру. Продублируйте данную фигуру,
а затем сместите её вверх и вправо. С помощью операции Вычитания (Subtract), удалите
наслаивающиеся части, далее, откорректируйте цвета для усиления 3D эффекта.
Создайте несколько копий полученного результата, расположив дубликаты слоёв вдоль корзины. Это поможет воссоздать отверстия в корзине.
Завершите
иконку корзины для покупок путём добавления ручки. Используйте комбинацию инструментов
Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (M) и Эллипс (Ellipse Tools), чтобы создать фигуры ручек розового цвета.
Теперь
повторите шаги из наших предыдущих уроков для создания стильного эффекта тени. Добавьте
к корзине жёлтую круглую основу, чтобы завершить дизайн значка. Вы можете
увидеть итоговый результат на скриншоте ниже.
Как Создать Иконку Значка Платья
Давайте
перейдём к пятой иконке, платья. В этой части урока вы узнаете, как создать
простой дизайн иконки платья, используя базовые фигуры, инструмент Узел (Node Tool), а также панель Монтаж (Arrange).
Создайте
первоначальную фигуру платья с помощью инструмента Прямоугольник (Rectangle Tool (M). Раскрасьте эту фигуру в светло-голубой цвет, а
затем проведите коррекцию фигуры. Далее, выделите верхнюю левую и верхнюю правую
узловую точку, а затем сместите их наружу для создания эффекта расширение
конусом.
Теперь
добавьте жёлтую ленту к платью, используя тот же самый инструмент Прямоугольник
(Rectangle Tool).
Используя те же самые техники, которые вы использовали ранее, нижнюю расклешённую часть платья с помощью инструмента Прямоугольник (Rectangle Tool (M). Добавьте бахрому на нижний край платья, путём добавления нескольких кружочков с помощью инструмента Эллипс (Ellipse Tool (L).
Создайте
горловину для платья, используя круг, чтобы сделать простой вырез.
Теперь
откорректируйте фигуру платья для более привлекательного вида используя
инструмент Узел (Node Tool).
Далее, добавьте стильный эффект тени к дизайну платья и розовый круг в качестве основы значка, чтобы завершить дизайн иконки. Вы можете увидеть итоговый результат на скриншоте ниже.
Хотите Ещё?
Мы
завершили урок! Давайте продолжим последний дизайн иконки на следующем уроке.
Там мы узнаем, как создать иконку грузовика из простых фигур.
Найдите креативные исходные ресурсы для своих проектов на Envato Elements.
Ещё больше потрясающих уроков в Affinity Designer вы можете просмотреть ниже:
