Как стереть в фигме ластиком
В Figma ластик — это специальный инструмент, позволяющий удалять фрагменты векторных объектов, контуров и точек. В отличие от простого удаления слоёв, он работает на уровне path, давая точный контроль над формой. Главное правило: ластик эффективен только с векторными фигурами, текстом или растровыми изображениями он не работает.
- Инструмент «Ластик» в Figma: что это и как он работает
- Когда использовать ластик: практические кейсы
- Как использовать ластик в Figma: пошаговая инструкция
- Настройки размера ластика
- Особенности работы с разными типами объектов
- Как сделать текст стираемым
- Советы по эффективному использованию ластика
- Создание эффекта «выцветания»
- Частые ошибки и как их избежать
- Проверочный чек-лист перед использованием ластика
- Экспертное мнение
- Вопросы и ответы
- Заключение
Инструмент «Ластик» в Figma: что это и как он работает
Figma — мощный векторный редактор, в котором каждый инструмент заточен под точность и скорость. Среди них особое место занимает Eraser (ластик), представленный в версии Figma 2023 года как полноценный векторный инструмент. До этого удаление частей фигур требовало ручного редактирования узлов или использования масок, что было менее интуитивно.
Сегодня ластик позволяет быстро удалять части векторных путей, создавая обрезанные формы без необходимости конвертации в компоненты или применения булевых операций. Он особенно полезен при работе с иконками, иллюстрациями, рукописными штрихами или анимированными контурами. При этом сам инструмент не изменяет структуру слоя — он лишь модифицирует его визуальное представление.
Работает ластик только с векторными данными. Это значит, что обычные прямоугольники, эллипсы или многоугольники можно стирать напрямую, но если вы пытаетесь использовать его на группе, тексте или импортированном изображении, результат будет нулевым. В таких случаях требуется предварительная подготовка объекта.
Когда использовать ластик: практические кейсы
- Редактирование иконок: Удаление части контура для создания «сломанного» эффекта или открытого кольца.
- Художественные эффекты: Создание эффекта «выцветания» краёв у иллюстраций или текстур.
- Подготовка к анимации: Разделение пути на сегменты для последующего reveal-эффекта в Prototyping.
- Точечное редактирование: Удаление мелких дефектов вручную нарисованных линий.
Как использовать ластик в Figma: пошаговая инструкция
Применение ластика — процесс простой, но требует понимания условий его работы. Ниже приведён чёткий алгоритм действий для новичков и опытных пользователей.
- Откройте проект в Figma и выберите векторный объект. Если у вас фигура из стандартных (прямоугольник, круг), она уже векторная — можно продолжать.
- Нажмите клавишу E на клавиатуре или выберите инструмент «Eraser» в верхней панели слева (значок ластика).
- Убедитесь, что объект выделен. При активации ластика вы увидите, что границы фигуры стали более контрастными — это сигнал готовности к редактированию.
- Щёлкните и перетащите курсор по той области, которую хотите стереть. Область под курсором будет немедленно удалена из векторного пути.
- После завершения нажмите V, чтобы вернуться к инструменту выбора (Select), и проверьте результат.
Если вы случайно удалили слишком много — используйте Ctrl+Z (или Cmd+Z на Mac), чтобы отменить действие. Figma сохраняет историю редактирования, включая действия ластика.
Настройки размера ластика
Размер ластика можно регулировать:
- По умолчанию — средний размер (примерно 20px).
- Для изменения: кликните правой кнопкой по иконке ластика в панели инструментов и выберите нужный диаметр — от 5 до 100 пикселей.
- Альтернатива: зажмите Alt + колесо мыши (на Mac — Option + скролл), чтобы динамически менять размер во время работы.
Большой ластик удобен для быстрого удаления крупных областей, маленький — для детальной коррекции.
Особенности работы с разными типами объектов
Не все объекты в Figma одинаково восприимчивы к ластику. Понимание различий помогает избежать разочарований и потери времени.
Тип объекта |
Можно ли стереть ластиком? |
Требуется подготовка? |
Комментарий |
|---|---|---|---|
Векторная фигура (Rectangle, Circle) |
Да |
Нет |
Готов к использованию сразу после создания |
Stroke (линия, контур) |
Да |
Нет |
Удаляет часть линии, оставляя обрыв |
Текст |
Нет |
Да (Outline Stroke) |
Нужно преобразовать в вектор через «Create Outlines» |
Изображение (PNG, JPG) |
Нет |
Да (маска) |
Ластик не работает; используйте маски или фреймы с clipping |
Компонент (Component) |
Частично |
Да (Detach) |
Нужно отвязаться от оригинала, чтобы редактировать |
Группа (Group) |
Нет |
Да (разгруппировать) |
Разгруппируйте, затем применяйте к каждому элементу отдельно |
Как сделать текст стираемым
Если вы хотите стереть часть текста, как будто он «распадается», выполните следующее:
- Выделите текстовый блок.
- Нажмите Ctrl+Shift+O (или через меню: Layer → Create Outlines).
- Текст превратится в векторные контуры — теперь его можно редактировать как фигуру.
- Активируйте ластик (E) и стирайте нужные участки.
После этого текст теряет возможность редактирования как символы, но становится полностью гибким для дизайнерских манипуляций.
Советы по эффективному использованию ластика
Чтобы ластик стал вашим союзником, а не источником раздражения, следуйте этим рекомендациям.
- Работайте на отдельном слое: Перед тем как стирать, дублируйте слой (Ctrl+D). Это страхует от ошибок.
- Используйте зум: Приближайте область до 200–400%, чтобы контролировать точность удаления.
- Комбинируйте с Pen Tool: После стирания можно добавить новые точки или соединить обрывы с помощью карандаша.
- Экспериментируйте с непрозрачностью: Перед стиранием установите Opacity 50–70%, чтобы видеть, как форма изменяется в реальном времени.
Создание эффекта «выцветания»
Один из популярных приёмов — имитация выцветшего штриха, как будто рисунок старый или написан мелком.
- Нарисуйте векторную линию с помощью Pen Tool.
- Примените к ней стиль с градиентной прозрачностью (Opacity Mask или Gradient Fill).
- Активируйте ластик и сотрите края неравномерно — как будто они стёрлись со временем.
- Добавьте лёгкий шум (Noise) через плагины типа “Texture Overlay” для реализма.
Частые ошибки и как их избежать
Даже опытные пользователи сталкиваются с трудностями при работе с ластиком. Вот основные проблемы и решения.
- Ластик не работает вообще: Чаще всего причина — объект не векторный. Проверьте тип слоя. Текст, изображения, группы — всё это нужно преобразовать.
- Удаляется весь объект целиком: Вы могли случайно кликнуть вне контура. Убедитесь, что курсор находится строго на видимой части фигуры.
- Объект теряет форму после стирания: Это происходит, если путь был замкнут, а после удаления стал разомкнутым. Используйте «Join» в редакторе узлов (Node Tool), чтобы восстановить контур.
- Ластик “заедает” или не отвечает: Проблема может быть в производительности. Закройте лишние вкладки, обновите Figma или перезагрузите проект.
Проверочный чек-лист перед использованием ластика
- ✅ Объект является векторным (Vector, Vector Network)?
- ✅ Объект не является экземпляром компонента (если да — отвяжите через Detach)?
- ✅ Размер ластика подходит под задачу?
- ✅ Выделен только один объект? (работа с несколькими одновременно ограничена)
- ✅ Есть резервная копия слоя?
Экспертное мнение
По словам Дмитрия, ключ к успеху — комбинировать ластик с другими инструментами. Например, после стирания части линии можно использовать «Smart Animate» в прототипировании, чтобы анимировать «восстановление» формы. Такой подход часто используется в презентациях и интерактивных демонстрациях.
Также эксперт отмечает, что ластик — идеальный инструмент для создания микроинтеракций: например, анимация «исчезающей» кнопки или «стирающегося» прогресс-бара. Комбинация Eraser + Prototype позволяет достичь эффектов, которые раньше требовали внешних инструментов вроде After Effects.
Вопросы и ответы
Заключение
Инструмент ластик в Figma — это не просто способ удалить лишнее, а полноценный инструмент векторного редактирования, который экономит время и расширяет творческие возможности. Его эффективность проявляется в работе с иконками, иллюстрациями, анимациями и художественными эффектами. Главное — понимать, с какими объектами он работает и как правильно подготовить слой к редактированию.
- Ластик работает только с векторными объектами — преобразуйте текст и изображения при необходимости.
- Используйте клавишу E для быстрого доступа и Alt+скролл для изменения размера.
- Всегда дублируйте слой перед редактированием — это защитит от потери данных.
- Комбинируйте ластик с анимацией и масками для продвинутых эффектов.
- Следите за обновлениями Figma — скоро могут появиться новые функции, такие как pressure-sensitive erase.
⚠️ Дисклеймер — нажмите, чтобы развернуть
Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.
Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».
Упоминание товарных знаков, брендов и организаций носит исключительно информационный характер и не означает наличие партнёрских отношений или одобрения со стороны правообладателей.
Материалы, содержащие сведения о медицинских, ветеринарных или косметических средствах, представлены в справочных целях и не являются медицинской консультацией или назначением. Перед применением рекомендуется обратиться к врачу, ветеринарному специалисту или иному сертифицированному профессионалу.
Возрастные ограничения: материалы, содержащие сведения о продукции категории 18+, включая алкоголь или азартные игры, предназначены исключительно для совершеннолетней аудитории и публикуются в информационных целях.
Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.
Редакция не допускает публикаций, содержащих пропаганду экстремизма, терроризма, наркотических средств или суицида; подобные материалы подлежат немедленному удалению.
Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.
Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.
Изображения и иллюстрации используются на условиях, разрешённых правообладателями. При возникновении претензий редакция готова оперативно рассмотреть обращение и внести необходимые изменения.
Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.
Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.