Как вырезать объект в Figma | Простое действие по удалению фона

Простой способ вырезать объект в Фигме без использования стороннего софта.
Подпишись на канал и смотри другие видео по фишкам Figma и тому, как живется веб-дизайнеру и как он мыслит. Много полезного контента на тебя веб-дизайна, клиентов, курсов и прочих важных тем данной сферы.
#figma #Фишки #Фигма #tutorial
Важно:
Качество вырезанного объекта зависит от прямоты ваших рук, но никак от автора видео, поэтому советую подучиться пользоваться пером и внедрять данный способ себе в работу.
----------------------------------------------------------------
✅ Шукаєш щось по дизайну? Все тут:
• Design.Hub: Чат дизайнерів - t.me/designhub_ua
• Design.Hub: Новини дизайну - t.me/+snU9rJ1GHG5hYzBi
• Мій особистий телеграм - t.me/erikts7
----------------------------------------------------------------
🔥 Мої соціальні мережі:
• Instagram - / qwererik_design
• TikTok - / qwererik
• Behance - www.behance.net/qwererik
• Dribbble - dribbble.com/qwererik
----------------------------------------------------------------
😘 Віддячити мені та підтримати канал:
• МоноБанка - send.monobank.ua/jar/2S2BYfwRHc
• Спонсорство - / @chronicwebdesign
Ставай спонсором, щоб отримувати переваги на каналі, та мати можливість качатись в дизайні зі мною.

[@user-nf2mg6yt8v]

за "сразу к делу" сразу лайк

[@chronicwebdesign]

Дякую)

[@episodes7905]

Shift X нажимаю ничего не происходит. Меняю Stroke на Fill - обведенная часть все равно не заливается(

[@user-kl2xh7yw3t]

Просмотрела 10 видео, потратила полдня на то, как вырезать фон из фото с помощью ПЕРА (. ВЫ мастер своего дела, все понятно и пошагово объяснили, получилось с первого раза, СПАСИБО ОГРОМНОЕ ЗА ВАШ ТРУД!!!

[@chronicwebdesign]

Дякую!)

[@MashaG1102]

Боже, спасибо тебе, за то что послал мне это видео😂 Спасибо большое, все хорошо объяснил, как обрещать, как созранить... А то никто не говорит, только карточки создают.. А как работать дальше не понятно.. Спасибо🙏❤

[@bogdan-oi1vs]

Как же я мучался, спасибо большое!

[@Neitrin0DAV]

Принцип такой же как в фотошопе только по-моему проще и быстрее 😎👌 Спасибо, сейчас буду разбираться 👍

[@chronicwebdesign]

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

[@user-pd6dx5qv5o]

Самое понятное и быстрое объяснение. Спасибо!

[@chronicwebdesign]

Дякую за коментар)

[@neprostofamily]

Пошла учиться на практике😀 Пусть все получится))) Благодарю!

[@chronicwebdesign]

Всегда пожалуйста

[@xiao4290]

Вай, недавно начала изучать фигму, спасибо вам большое, помогло

[@zergzerg4844]

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

[@chronicwebdesign]

Дякую

[@user-eb9rc5vq5h]

Огромное спасибо за комментарий! Это очень помогло!!!

[@user-kl6yy8fp1l]

Спасибо большое, сама пыталась мудрить по часа, тут за пару минут все быстро и понятно! Лайк!

[@chronicwebdesign]

Дякую.

[@user-kg2xd2uj4p]

Спасибо за понятный и четкий урок!

[@chronicwebdesign]

Супер) Стараюсь)

[@user-fe5mj7hr4q]

Благодаря тебя за хороший совет!🙏🙏🙏

[@diamofox_cat]

Все понятно, и четко, спасибо

[@chronicwebdesign]

Дякую)

[@annamistery6356]

Спасибо тебе, добрый человек!)

[@sietealmas9112]

Супер!! Спасибо!!

[@chronicwebdesign]

Дякую)

[@Vikaaarrr]

СПАСИБО ОГРОМНОЕ❤

[@chesteris777]

Спасибо вам за видео👌

[@chronicwebdesign]

Дякую

[@user-yg1xc9gz6t]

Добрый человек) Спасибо) 10 000 раз спасибо!!!

[@user-yg1xc9gz6t]

Ничего не получается, нет никакой заливки, не получается

[@chronicwebdesign]

Спробуйте зробити все по відео уважніше)

[@maggmargo]

Спасибо! С первого раза все получилось

[@chronicwebdesign]

🥳🥳🥳🤝

[@user-yk4fe7gs3u]

Спасибо за урок, плюсик к себе в копилку

[@chronicwebdesign]

Спасибо и вам) Я еще готовлю интересные фишки по Фигме) Подписывайтесь :D

[@yakovross2331]

Спасибо за помощь!

[@chronicwebdesign]

Рад помочь)

[@d_lindeberg]

Спасибо!получилось со второго раза)

[@navalcastlewindsor2313]

Чел спасибо тебе огромное ❤

[@hchcotxitogcohvvh]

Ууу спасибо большое😮👍👍👍

[@chronicwebdesign]

И вам спасибо)

[@user-cp1he7mc1o]

отлично, спасибо большое

[@asetgallam7391]

Было полезно 👍🏻👍🏻

[@chronicwebdesign]

Спасибо)

[@episodes7905]

Спасибо! Получилось.

[@lianamaksimova5015]

Спасибо!!! КАк для чайника)

[@chronicwebdesign]

Рад помочь!)

[@mark_0211]

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

[@soohov]

Как же я ненавижу фигму, почему всё так сложно, почему всё нужно через анус делать

[@chronicwebdesign]

Фігма найзрічніший софт на даний момент) Тому вивчайте її) Альтернатив зараз не багато і вони складніші)

[@Nata_i]

Спасибо огромное! Всё понятно!!! 👍👍👍👍👍

[@chronicwebdesign]

Дякую)))

[@bogdan-oi1vs]

Дякую за такий якісний та корисний урок!

[@chronicwebdesign]

Дякую)))

[@1vohr3]

Отлично!

[@chronicwebdesign]

Рад помочь)

[@user-kx9dd1sh9k]

Спасибо 🙏

[@chronicwebdesign]

Дякую

[@yaroslavhlybochko3604]

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

[@chronicwebdesign]

Оу, спасибо) очень приятно)

[@user-vf3pt8uw4e]

спасибо огромное

[@GanjaSvin]

спасибо бро❤

[@LACOOGTA5RP]

от души !

[@chronicwebdesign]

Дякую

[@mane7132]

Спасибо ❤

[@chronicwebdesign]

Дякую)

[@vavoytenko]

Класс!

[@chronicwebdesign]

Спасибо) Приятно)

[@arturalekseenko4057]

супер топ! лайк

[@user-wb2pq2or1n]

Как я сам до этого не додумался... Конечно, немного затратно по времени, но всё же хороший метод

[@chronicwebdesign]

Еще готовлю фишки, о которых не все догадываются)

[@GPT_Chat_]

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

[@chronicwebdesign]

Может вы и правы) я пересмотрю этапы и может исправлюсь) спасибо!)

[@chronicwebdesign]

Пересмотрел. Вы не правы) маска уже и есть группой и размеры я могу редактировать объекта. Или вы не об этом)

[@My_manicure]

Это самое простое решение, очень рада, что его нашла, но я немного не понимаю как выделять объекты.😢 Подскажите пожалуйста

[@chronicwebdesign]

Утримуючи шифт)

[@user-bj6fv9bz9u]

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

[@chronicwebdesign]

Вибачте. Буває

[@LikaShc]

Все супер, вырезалось нормально. А что делать с тем, что когда уменьшаешь вырезанное изображение оно ездит непонятно как? Постоянно контур съезжает. Как быть? 😭

[@chronicwebdesign]

Не знаю) точно не можу сказати) користуйтесь Scale

[@newme.8944]

Блина, а не подскажите почему у меня это сейчас не как вырезанная картинка, а как синяя полоска и бело внутри ? а так супер-пупер класс.коротко и ясно.спасибо!

[@chronicwebdesign]

Дякую. Заливку можливо треба прибрати.

[@sobaka-angus666]

Я тебя обожаю❤

[@chronicwebdesign]

Дякую)

[@yanavolkova5126]

удобный способ и фш тащить не надо) Спасибо

[@chronicwebdesign]

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

[@yanavolkova5126]

@@chronicwebdesign ну да, понятно, что не Фотошоп) но когда нужно быстро накидать элементы и посмотреть общую картину - самое то)

[@gorgeouskarolis436]

Спасибо огромное за урок, но у меня возник вопрос, как ты выделил оба объекта? У меня что то не выходит😅

[@chronicwebdesign]

Шифт утримуйте

[@user-kb2wu6ln8l]

А как выделить 2 эти штуки что бы фон удалился?, я что то не поняла

[@chronicwebdesign]

Шифт утримуйте

[@NVDesigne]

Это ж и в иллюстраторе так можно делать 😳 там и волшебная палочка тоже есть, надо только проверить работает ли она с растром 🤔

[@chronicwebdesign]

Фишки иллюстратора?)

[@NVDesigne]

@@chronicwebdesign почему бы и нет)

[@user-eg6py1ms1j]

С фотошопом проще плюс размытые не много края

[@Vardanyan_s]

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

[@chronicwebdesign]

ну тільки дебіл буде вирізти квіти у фігма

[@courses_ua]

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

[@chronicwebdesign]

Зробити все так само, тільки прибрати внутріннє зображення

[@user-px4wo1tk6r]

А что , если когда двигаю ( всю группу ) , точнее увеличиваю, оно сдвигаетя на картинке

[@chronicwebdesign]

Скорее всего - не заблокировали что-то, либо двигали не то) Сложно сказать)

[@Sasori_redsand]

спасибо за видео😍😍😍. Но когда я перенашиваю картинку оно перенашивается ЦЕЛИКОМ. Как сделать так чтобы это было только вырезанный объект???

[@chronicwebdesign]

Пізніше зніму оновлений варіант

[@user-bj6fv9bz9u]

Не знаю, у меня почему то наоборот фон потом просто вырезается

[@chronicwebdesign]

Перевірте правильність пера)

[@user-dn1hd5bp8z]

все было нормально до момента шифт + Х, ничего не вырезалось , а при нанесении маски ушло все, без понятия что делать тогда и почему шифт не работает

[@chronicwebdesign]

Не знаю) Не можу допомогти.

[@oksana.oksana]

Привіт . Я вродіби все повторила але в мене пропадає картинка в середині і залишаються тільки краї що були поза "бордом". В чому може бути проблема ?

[@chronicwebdesign]

Треба уважніше переглянути слої. Там вся проблема)

[@user-ku8vp8ej4u]

Удаляется и фон и картинка. Что не так делаю?

[@chronicwebdesign]

Не знаю. Все в відео вийшло

[@seagullthings6826]

а как сделать обводку созданной mask group?

[@chronicwebdesign]

Не сильно понял о чем вы. Там есть свойство Fill. Им и делайте обводку)

[@user-vc1nu6gn8l]

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

[@user-cw9vp7ew6y]

подскажите пожалуйста, как выделять объекты?

[@chronicwebdesign]

Утримувати шифт

[@sokolovayoulasokolova1583]

У меня остается только обводка почему то,а картинка и все остальное удаляется,ну что я делаю не так

[@chronicwebdesign]

Что-то из слоёв ошиблись)

[@zergzerg4844]

@@chronicwebdesign такая же фигня. контур только остается а заполнения нет. SHift+x (судя по настроке установлен на эти клавишы Swap fil and Stroke), что-то вы в видео недостказали и непоказали.

[@guka007]

все делала как по видео, не заливается объект только контур(

[@chronicwebdesign]

Буває

[@GracefulMusefulQueen-xm3uf]

мо объект остался черным( подскажите пожалуйста что я делаю не так? спасибо!

[@chronicwebdesign]

Можливо десь треба рівень скоїв переглянути та один слот перетягнути на інший. Пограйте саме зі солями після того, як отримали чорний.

[@sergeykorsakoff9801]

Не получилось. Зы. А я понял почему не получилось - я недосоединил контур от начала до конца, маленький промежуток пропустил и у меня не получалось

[@chronicwebdesign]

Чудово)

[@GG-jf9je]

Что то не получается, черным выделяется и дальше никак это не исправить

[@chronicwebdesign]

Буває...

[@alexandraiginiin5609]

А как их выделить вместе???

[@chronicwebdesign]

Что именно?

[@chronicwebdesign]

Зажав Ctrl

[@chane4062]

у меня картинка чёрной осталась.. как это исправить?

[@chronicwebdesign]

Не знаю. Перегляньте ще раз відео. Наче все виходе.

[@olgabochkarnikova9117]

у меня не получается. и картинка и фигура "исчезают", становятся тупо прозрачными. что я делаю не так?

[@chronicwebdesign]

Я не знаю. В відео все виходить - тому проблема в вашій послідовності дій

[@lizakravets6081]

Дякую✨

[@chronicwebdesign]

Рад допомогти))) Звертайтесь)

[@the555sun_ny]

а как обводку вырезать? что бы потом наложить ее на фото.

[@chronicwebdesign]

Не зрозумів питання. Обводку?

[@wanirenwaniren1723]

Как выполнить обводку вырезанного объекта?

[@chronicwebdesign]

Вырезать объект и добавить ему внешний Fill)

[@wanirenwaniren1723]

@@chronicwebdesignне работает у меня так совершенно. Как преобразовать вырезанную маску в полноценный объект? Я конечно пока что решил эту проблему (могу рассказать как), но это костыль. Просто вопросов по этой теме дофига и больше. А ответов никто не дает

[@chronicwebdesign]

Что вы подразумеваете под фразой "вырезанную маску в полноценный объект"?

[@user-ww5zc5gy7v]

Я сделал все как на видио но че то авакадо не авакадо а стало черным весь

[@chronicwebdesign]

Ну в відео все вийшло)

[@nasttrw04]

Всем привет! Кто знает, что делать, если не получается объединить фото и сам вектор? Уже по разному пыталась сделать, но ничего не выходит((( Я не понимаю как кнопку мыши задерживать нужно, чтобы они объединились

[@chronicwebdesign]

Не знаю. Можливо щось не так робите

[@Darik_Znakova]

Зажмите shift

[@sequell3874]

а как выделить

[@chronicwebdesign]

Пером

[@user-ix3wv3cl1b]

А как выделить два обьекта у меня не получается

[@chronicwebdesign]

Шифт затримуй

[@Svetagreen]

1:04 как выделить оба объекта? только один выделяется

[@chronicwebdesign]

Утримуючи Shift

[@laparrrma2581]

как выделить оба объекта

[@chronicwebdesign]

Утримуючи Shift можна обрати два і більше об'єктів

[@laparrrma2581]

@@chronicwebdesign спасибо

[@gulnar8950]

Именно как вырезать инфа на самых быстрых оборотах

[@chronicwebdesign]

Не дуже зрозумів, але дякую)

[@user-sf8cj2qg1k]

Цікавий спосіб, ще можна скористатися плагіном Remove BG.

[@chronicwebdesign]

Да, можно) но иногда этот плагин плохо работает)

[@user-bh5fy6cr5w]

Взагалі не виходить користуватися пером. Не знаю чому

[@chronicwebdesign]

Дивно.

[@lerkaaah]

как выделить 2 объекта?((

[@chronicwebdesign]

Утримуючи шифт

[@vladislav9986]

Хороший способ!

[@chronicwebdesign]

Спасибо) Давно юзаю) Удобнее, чем открывать Фотошоп)

[@zlatongroup]

Огосики

[@chronicwebdesign]

Что такое?)

[@user-mc1iw5bl9t]

Как выделить оба обьекта

[@chronicwebdesign]

Утримуючи Shift

[@evgenymazhov8335]

качество обрезки= жопа

[@chronicwebdesign]

російський народ = залупа путіна

[@helenaArgent]

Диз лайк на видео, ничего не вышло

[@chronicwebdesign]

від пишись від мого каналу і не дивись більше мої відео.

[@dogvscatfunny9956]

Ну и бред пронёс ерунда полная

[@chronicwebdesign]

Згоден. Взагалі хєрня