Урок 14 — Знакомство с интерфейсом Figma [Figma 1/5] [курс видео для дизайнера]

Введение в Figma

0:00

Видео начинается с приветствия и объяснения, что автор видео прошел два блока обучения: Photoshop и Illustrator.
Теперь он готов к работе с Figma, программой для проектирования и подготовки материалов для дизайна.
Автор объясняет, как создать новый проект в Figma, используя инструмент "Фрейм" для определения размера рабочего пространства.
Он также демонстрирует, как изменить размер фрейма, используя горячие клавиши и настройки.

Работа с инструментами и настройками

6:27

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

Завершение

11:50

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

Позиционирование и наложение слоев

13:01

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

Создание фигур и стрелок

17:48

Рассказывается о создании различных фигур, таких как круги, треугольники и звезды, с помощью инструмента "полигон".
Объясняется, как добавлять изображения и работать с ними в Photoshop.

Работа с текстом

23:49

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

Работа с инструментами в Figma

26:57

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

Работа с векторными изображениями

29:59

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

Создание и использование масок

35:10

Автор объясняет, как создавать и использовать маски в Figma, а также как объединять и вырезать элементы с помощью масок.

Просмотр и настройка фреймов

38:00

Автор демонстрирует, как использовать режим просмотра для просмотра и настройки фреймов на разных устройствах.
Объясняется, как настроить размер фрейма для разных устройств и как создавать простые мукапы в Figma.

Сохранение и экспорт фреймов

41:33

В видео рассказывается о процессе сохранения и экспорта фреймов в программе Figma.
Сначала выбирается параметр "Экспорт", затем добавляется суффикс имени файла и выбирается формат (PNG, JPEG, SVG или PDF).
Также можно выбрать разрешение, которое может быть уменьшено в половину или увеличено в 3-4 раза.
После этого открывается браузер, где можно указать место сохранения файла и сохранить его в выбранном формате.

Бонусные советы и планы на будущее

43:11

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

Урок 14 — Знакомство с интерфейсом Figma [Figma 1/5] [курс видео для дизайнера]

Ключевые темы и таймкоды

Введение в Figma

Работа с инструментами и настройками

Завершение

Позиционирование и наложение слоев

Создание фигур и стрелок

Работа с текстом

Работа с инструментами в Figma

Работа с векторными изображениями

Создание и использование масок

Просмотр и настройка фреймов

Сохранение и экспорт фреймов

Бонусные советы и планы на будущее