Курс по Figma — Урок 8, Векторные изображения в Фигма, создаем иконку логотипа. Перо в Фигма

Создание Векторных Изображений и Иконок в Figma с Использованием Инструмента «Перо»

Введение:

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

Содержание урока:

1. Инструмент «Перо»:

a. Активация Инструмента:

  • В панели инструментов слева выберите инструмент «Перо» (Pen).

b. Создание Основной Фигуры:

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

изображение создания формы с использованием инструмента «Перо» в Фигма

2. Редактирование Точек и Кривых:

a. Добавление Точек:

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

b. Создание Кривых:

  • Перетащите ручки кривой, чтобы изменить форму линии.

изображение добавления точек и создания кривых

3. Заливка и Обводка:

a. Настройка Заливки:

  • Выберите ваш векторный объект.
  • В панели инспекции справа выберите цвет заливки.

b. Обводка и Толщина Линии:

  • Добавьте обводку, выбрав цвет и толщину линии.

изображение настройки заливки и обводки Figma

4. Группировка и Копирование:

a. Группировка Объектов:

  • Выделите несколько объектов, нажмите Cmd + G (Mac) или Ctrl + G (Windows) для их группировки.

b. Копирование и Повторение:

  • Используйте Cmd + D (Mac) или Ctrl + D (Windows) для быстрого копирования и повторения объектов.

изображение группировки и копирования объектов Фигма

Практическое Задание:

  1. Используя инструмент «Перо», создайте уникальную векторную иконку для логотипа (например, абстрактную форму или символ).
  2. Примените заливку и обводку, настроив цвета и толщину линии.
  3. Группируйте элементы вашей иконки и создайте еще несколько вариантов с использованием копирования и повторения.

Заключение:

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

Почитаем еще?: