Главнаяfigma.yourlevelup
Уроки
Бонусный урок

Перо: танцующий персонаж

Освой точки и изгибы, создай своего героя и придумай танец под выбранную музыку.

Начать с пера ↗
Простой одноцветный человечек с отдельным лицом и угловатыми руками и ногами
Знакомимся с инструментом

Фигура начинается с точки

Pen (перо) создаёт контур из точек и соединяющих их линий. Щелчок добавляет точку с острым углом, нажатие с протягиванием позволяет создать плавный изгиб. Чтобы замкнуть контур, нажми на первую точку.

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

PPen: рисовать по точкам
EnterРедактировать выбранную фигуру
VMove: выделять и двигать точки
EscВыйти из текущего режима
Сначала пробуем

Молния и сердечко

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

01 / Молния: прямые и углы

Замкнутый угловатый контур молнии, белые кружки обозначают точки
  1. Нажми P и поставь точки щелчками, повторяя угловатый контур молнии.
  2. Нажми на первую точку, чтобы замкнуть контур.
  3. Нажми Esc, выбери фигуру и настрой Fill (заливку).
  4. Нажми Enter, выбери точку и передвинь её. Измени ширину молнии или длину кончика. Закончив, нажми Esc.

02 / Сердечко: плавные линии

Розовое сердечко: точки на контуре и направляющие, управляющие округлыми сторонами
  1. Нажми P. При постановке точки нажми и протяни мышь: появятся направляющие изгиба.
  2. Нарисуй сердечко с округлыми половинками. В нижнем кончике и верхней выемке ставь угловые точки обычным щелчком. Замкни контур.
  3. Выдели сердечко и нажми Enter. Передвигай точки, чтобы исправить форму.
  4. Потяни за конец направляющей: измени её длину и направление. Посмотри, как меняется округлость сердечка.

Точка задаёт положение контура, направляющие управляют изгибом рядом с ней.

Готовим героя к движению

Цельный силуэт и удобные сгибы

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

Человечек с жёлтыми парами точек у локтей и коленей; рамки справа показывают совместное выделение двух точек
Жёлтые метки показывают пары точек у сгибов. Добавлять такие метки своему герою не нужно. Нажми на схему, чтобы открыть её крупнее.

В режиме редактирования нажми V и выдели нужные точки рамкой. Передвигай несколько точек вместе, чтобы рука или нога сохраняла толщину. Начни с небольшого движения и проверь силуэт.

Можно использовать стандартные фигуры

Соединяй детали, нарисованные пером, с кругами и прямоугольниками. Части тела должны перекрываться. Выдели их и примени Union selection (объединение). Сохрани запасную копию, затем выполни Flatten, чтобы получить редактируемый векторный контур. Глаза и рот в объединение тела не включай.

Стандартную фигуру тоже можно изменить: выдели её, нажми Enter и передвинь точки.

Выбираем образ

Пять персонажей для вдохновения

Первые три героя состоят из простого тела и лица. У кота и робота есть небольшие дополнительные детали. Ты можешь взять образец, придумать своего персонажа или упростить узнаваемого героя.

ПростойФиолетовый угловатый человечек
Человечек
ПростойБирюзовый пришелец с большой округлой головой
Пришелец
ПростойОдноцветный пряничный человечек с округлой головой и простыми конечностями
Пряничный человечек
С деталямиРыжий кот-человечек с ушками, хвостом и светлым пятнышком на мордочке
Кот
С деталямиСиний робот с квадратной головой, антенной и двумя кнопками
Робот

Сначала подумай о музыке. Какой герой подходит её настроению и ритму: смешной, спокойный, энергичный или загадочный? Образ персонажа и его движения должны сочетаться с выбранным фрагментом.

Самостоятельная работа

Твой герой. Твоя музыка. Твой танец.

Создай персонажа и научись менять его позу движением точек. Подготовь небольшой танец для общего шуточного ролика.

Создать копию шаблона в Figma ↗

Войди в свой аккаунт Figma и работай в собственной копии. В шаблоне уже есть инструкции, образцы и свободные рабочие фреймы. Инструкции и PNG-образцы заблокированы.

  1. Выбери музыку. Подготовь короткий фрагмент на телефоне и придумай героя, которому он подходит.
  2. Нарисуй персонажа. Используй Pen. При необходимости добавь стандартные фигуры и объедини их. Тело, руки и ноги сделай цельными и одноцветными.
  3. Подготовь сгибы. Предусмотри точки с обеих сторон локтей и коленей. Добавь лицо и при желании одну-две небольшие детали. Руки, ноги и тело оставь без узоров.
  4. Придумай танец. Сохрани исходного героя рядом. Двигай точки рук и ног, пробуй разные позы. Следи за толщиной конечностей и аккуратностью контура.
  5. Покажи результат. Включи мелодию на своём телефоне и двигай персонажа в её ритме для съёмки общего шуточного ролика.

Проверь перед съёмкой

Отмечай пункты после проверки своей работы в Figma.

Проверено: 0 из 6