Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Affinity Designer
Design

Как Создать Дизайн 2D Иконок в Affinity Designer: Дизайн Значков Скидки и Вешалки

by
Length:ShortLanguages:
This post is part of a series called Design Flat Icons in Affinity Designer.
How to Design Flat Icons in Affinity Designer: Introduction
How to Design Flat Icons in Affinity Designer: Shopping Basket and Dress Icons

Russian (Pусский) translation by Anna K (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). Проведите коррекцию фигуры с помощью инструмента Векторная Рамка (Vector Crop Tool), чтобы сжать фигуру с правой стороны.

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

Create the badge shape

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

Завершите дизайн значка с помощью инструмента Прямоугольник (Rectangle Tool (M), чтобы создать внутреннюю часть значка, а также инструмент Эллипс (Ellipse Tool (L), включая операции, чтобы создать ушко.

Create the tag and badge hole

В заключение, добавьте текст. В данном случае, мы использовали шрифт Bowlby One Free Font, чтобы создать знак процента для указания скидки.

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

Finished discount badge icon

Как Создать Иконку Вешалки

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

С помощью инструмента Треугольник (Triangle Tool), создайте первоначальную базовую фигуру для вешалки оранжевого цвета. Продублируйте данную фигуру, уменьшите фигуру дубликата слоя, а затем создайте круг на вершине вешалки с помощью инструмента Эллипс (Ellipse Tool (L).

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

Create the hanger shape

Завершите дизайн вешалки с помощью изогнутого металлического стержня. С помощью инструмента Художественный текст (Artistic Text Tool), чтобы создать металлическую фигуру из простого символа вопросительного знака. Далее, добавьте серую фигуру к вешалке.

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

Finish the hanger icon

Хотите Ещё?

Мы завершили урок! Давайте продолжим четвёртый и пятый дизайн иконок на следующем уроке. Там мы узнаем, как создать красочные иконки корзины для покупок и платья.

Найдите креативные исходные ресурсы для своих проектов на Envato Elements.

Ещё больше потрясающих уроков в Affinity Designer вы можете просмотреть ниже:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.