Тёмный

Как в Фигме вырезать объект. Figma - два способа вырезать 

Study Kvo. Обучение веб-дизайну и UX UI
Просмотров 131 тыс.
50% 1

🔥Пачка полезностей:
✔ Как пользоваться инструментом Перо: • Инструмент перо в фото...
✔ 5 Техник вырезания в Photoshop: • 🔥 5 Способов вырезать ...
Подписывайтесь, чтобы не пропустить следущий марафон по веб-дизайну:
✔️ INSTA*: / sanya_kvo
✔️ VK: study_kvo
✔️ Telegram: t.me/study_kvo
Плагин: www.figma.com/community/plugi...
Сам сервис: www.remove.bg/
----
Здорова! В этом видео мы ответим на частый вопрос - как в Фигме вырезать объект. Не смотря на то, что Figma создана не совсем для этого, вырезать объекты можно двумя способами:
1. Через маску слоя. Для начала нужно отрисовать пером контур вырезаемого объекта и применить маску в Фигме. Сочетание Ctrl+Alt+M
2. Для второго способа нам понадобится плагин remove bg от одноименного сервиса. Он помогает вырезать объект с фона без вмешательства. Все происходит за счёт нейросетей. Причем обтравка объекта идёт с хорошим качеством. Единственное - на выходе будет не хайрез, а картинка небольшого разрешения. За хайрез нужно доплатить ;)
-----
🔥Не забудь вступить и посмотреть видео:
✔ Как пользоваться инструментом Перо: • Инструмент перо в фото...
✔ 5 Техник вырезания в Photoshop: • 🔥 5 Способов вырезать ...
✅ Study Kvo в соц. сетях:
- VK: study_kvo
- Telegram: t.me/study_kvo
- Instagram*: / sanya_kvo
- Курс Дизайн взлёт: sanya-kvo.ru/design_vzlet
- Курс по UX/UI: sanya-kvo.ru/uxui
*Meta, которой принадлежит Instagram, признана в России экстремистской организацией

Опубликовано:

 

27 мар 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 150   
@study_kvo
@study_kvo 4 года назад
🔥Пачка полезностей: ✔ Блог для дизайнеров: vk.com/sanya_kvo ✔ Как пользоваться инструментом Перо: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-GJhep-lleUM.html ✔ 5 Техник вырезания в Photoshop: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EKzba_jmEIQ.html
@dladruzey1718
@dladruzey1718 2 года назад
Волосы и пух надо наверное в фотошоп
@user-mt9lx7jy4h
@user-mt9lx7jy4h 2 года назад
@@dladruzey1718 Не просто надо, а ООООчень надо!)))
@Alekseev_Oleg
@Alekseev_Oleg 2 года назад
Благодарю за пошаговые обьяснение! 👍
@user-uc6sc6hv4s
@user-uc6sc6hv4s 4 года назад
Спасибо, Саня))) Как всегда супер нужная информация...
@nataliavlis6689
@nataliavlis6689 4 года назад
офигенно! вот что могу сказать! настоящий эксперт своего дела! спасибо за фишки!!! процветания!
@anastasiiastoletnia2845
@anastasiiastoletnia2845 4 года назад
Спасибо за видео, понятно и без лишней воды.
@annagrigorewa
@annagrigorewa 4 года назад
Плагин - открытие для меня. Спасибо большое, у меня всё получилось)
@toptense2000
@toptense2000 4 года назад
сайт и плагин супер. спс за такой подгон
@karina.coaching
@karina.coaching 4 года назад
Вау! Как-будто до этого была слепа, а сейчас ты открыл глаза на мир!)) Спасибо огромное тебе и твоим усилиям в блоге!))
@lumilkaa
@lumilkaa 4 года назад
огромное спасибо это было очень полезно , теперь находка для меня)
@k1rpich166
@k1rpich166 4 года назад
Спасибо, полезное видео, буду пользоваться
@user-tf9ic2eh2n
@user-tf9ic2eh2n 2 года назад
Спасибо, мне очень пригодился этот урок
@user-pm1kf9em1x
@user-pm1kf9em1x 3 года назад
Спасибо большое! Вы супер крутой учитель)
@Volia-sv7
@Volia-sv7 4 года назад
Спасибо! Полезное видео! Успехов!
@alinaparamonova2711
@alinaparamonova2711 2 года назад
Ты прям мое спасение, большое спасибо!!!!))))
@tatyvashkevich7481
@tatyvashkevich7481 3 года назад
Спасибо, очень понятно.
@user-wb4ce7zt5e
@user-wb4ce7zt5e 2 года назад
Спас меня и мою нервную систему, спасиибоооо !!!!!
@niceman5890
@niceman5890 Год назад
Большое спасибо!
@reativeworld5058
@reativeworld5058 2 года назад
Спасибо, очень помогли!
@kunitsa-materitsa
@kunitsa-materitsa Год назад
Супер! Лучший!
@GALINA5501
@GALINA5501 4 года назад
Саня, спасибо. буду знать варианты. Иногда нет времени идти в Фотошоп, а вырезать надо. Позновательно.
@vitamoskalenko6749
@vitamoskalenko6749 4 года назад
Спасибо за плагин, здорово работает:)
@anastasiavladimirov8347
@anastasiavladimirov8347 5 месяцев назад
Спасибо огромное ❤
@user-me3gn8pz1c
@user-me3gn8pz1c 4 года назад
Круто, спасибо!
@user-lv9zq6qe9p
@user-lv9zq6qe9p 4 года назад
Спасииибо за полезные способы! Угарнула, пока смотрела
@oceanoffiree
@oceanoffiree 3 года назад
Крутой! Спасибо
@user-me6rg9ss8h
@user-me6rg9ss8h 4 года назад
Ваааау, спасибо. Какое клёвое качество видосика.
@user-fd6bn7yh9i
@user-fd6bn7yh9i 11 месяцев назад
спасибо!!!выручили)
@user-mw4hg9zl6w
@user-mw4hg9zl6w 4 года назад
Саня как всегда много полезностей
@user-nx4vf3un7c
@user-nx4vf3un7c Год назад
Благодарю, очень дступно
@melikiantss
@melikiantss 2 года назад
клево, спасибо!
@daria_kompaniets
@daria_kompaniets 3 года назад
Большое спасибо! Долго пыталась найти способ. как же это сделать. Всё чётко, кратко, наглядно и ПОНЯТНО действительно, а не вода)) Благодарю. Лайк и подписка!
@study_kvo
@study_kvo 3 года назад
🙏🙏
@oksanashulha9840
@oksanashulha9840 4 года назад
Спасибо 🙏
@user-zd4bi7nz8r
@user-zd4bi7nz8r 2 года назад
Спасибо!)
@user-jp1kb4qx7p
@user-jp1kb4qx7p 4 года назад
Спасибо, Саня! Я этим сервисом часто пользуюсь для вырезания людей, а вот предметы он часто отказывается вырезать на сайте. Теперь, благодаря тебе, установлю плагин.
@study_kvo
@study_kvo 4 года назад
🙌🙌
@Dark_blast
@Dark_blast 3 года назад
реально видос помог)))!!!!!!!!! Спасибо
@Dva_Bro
@Dva_Bro 4 года назад
СПАСИБО ЗА ШИФТ ВСЕГДА МУЧИЛСЯ С ЭТИМ СПАСИБО!😇
@study_kvo
@study_kvo 4 года назад
🔥🔥
@darina_kost_
@darina_kost_ 3 года назад
Очень круто) спасибо)
@study_kvo
@study_kvo 3 года назад
❤️❤️
@juliasmirnova8063
@juliasmirnova8063 7 месяцев назад
Спасибо!
@svetaforr15
@svetaforr15 3 года назад
спасибо большое за урок👍
@study_kvo
@study_kvo 3 года назад
🙌🙌
@bogdanarehere5855
@bogdanarehere5855 4 года назад
Спасибо )
@vladmakedonskyi57
@vladmakedonskyi57 4 года назад
Дааааа, плагин просто топ. Спасибо
@production2769
@production2769 4 года назад
Ля, мне такое в самый раз для интернет-магазина посуду вырезать. Спасиба!
@study_kvo
@study_kvo 4 года назад
⚡⚡⚡
@user-kt9gf4ju9p
@user-kt9gf4ju9p 3 года назад
Спасибо чел
@Seyd_bekzada
@Seyd_bekzada 3 года назад
спасибо большое Кво Бро))
@study_kvo
@study_kvo 3 года назад
🤟🤟
@intro_true
@intro_true 2 года назад
Офигеть! Друг, ты мой герой на сегодня! ... да я думаю, не только на сегодня 😊
@study_kvo
@study_kvo 2 года назад
🙌🙌
@cherepushka4236
@cherepushka4236 4 года назад
Спасиб, греча и ТБ особо доставило
@narkasyaparova8863
@narkasyaparova8863 3 года назад
спасибо!!!!!!!!!!!!!!!!!
@anarmakarov6158
@anarmakarov6158 2 года назад
Саша, предлагаю тему для урока - как рисовать иконки, в том числе перересовывать=) PS. Жаль что плагин платный. останусь тогда при старом способе - фотошопе.)
@user-id6pt3ny9e
@user-id6pt3ny9e 2 года назад
смотрю третье видео на эту тему, в первых двух совершенно не ясно было, делаю шаг за шагом, результат не тот, а тут все показано все рассказано, на какие кнопочки нажимать, все разжевано по максимуму, спасибо)
@study_kvo
@study_kvo 2 года назад
🙌🙌
@azizbekinomov4864
@azizbekinomov4864 4 года назад
Спасибо.
@Madhelen
@Madhelen 3 года назад
С изгибом - это была моя головная боль , РЕСПЕКТИЩЕ !!!
@study_kvo
@study_kvo 3 года назад
Ееее 🙌
@rainy9293
@rainy9293 5 месяцев назад
спасибо, мужик, только ты нормально объяснил
@study_kvo
@study_kvo 5 месяцев назад
🤝🤝
@webdeveler
@webdeveler 3 года назад
Photoshop не имеет границ, он как часть жизни дизайнера
@Nika-zt9uk
@Nika-zt9uk 11 месяцев назад
заебись урок! 😊🎉
@study_kvo
@study_kvo 11 месяцев назад
Збс коммент 🤝❤️
@user-yr1ns4ez1l
@user-yr1ns4ez1l 3 года назад
Для меня это небо и земля. Ну вообщем круто👍
@user-hy8kj1iv8u
@user-hy8kj1iv8u 4 года назад
Океан благодарности, я не дизайнер, но функция была нужна, без фотошопа))))
@study_kvo
@study_kvo 4 года назад
🙌🙌
@user-pv9sj5zw9t
@user-pv9sj5zw9t Год назад
не ну тут даже если ты самый жмот жмотский и лентяй лентяйский тут просто автоматически лайк подписка, прям кайфанул с подачи. спасибо!
@study_kvo
@study_kvo Год назад
Полностью согласен🌝❤️
@Iamvoanxx
@Iamvoanxx 2 года назад
Чувааак ты крутооооой 🤙🏼
@study_kvo
@study_kvo 2 года назад
🙌🙌
@user-ol8pn1qt5c
@user-ol8pn1qt5c 2 года назад
Спасибо!! Получилось, а то я чуть не вернулась в Фотошоп))
@study_kvo
@study_kvo 2 года назад
😂 не в этот раз!
@user-rn7ir8xc4w
@user-rn7ir8xc4w 3 года назад
Ths bro 👍👍
@study_kvo
@study_kvo 3 года назад
🙌🙌
@anastasiabolshakova865
@anastasiabolshakova865 4 года назад
И еще один вопрос по использованию пера в Figma (видео о том как работать в Фотошоп посмотрела) но там нет такой ситуации. Не пойму что делаю не так, но на сложных объектах иногда прерывается линия обводни и я не могу вернуться что бы продолжить ее снова, а начинается новая линия и она не замкнута. Как снова вернуться и продолжить обводить? Спасибо.
@galymzhankyrykbaev2976
@galymzhankyrykbaev2976 4 года назад
урок понравился, я только осваиваю фигму (и делаю карусель для инсты, лол) надеюсь, еще будут вопросы и я найдя тут включу колокола))
@vladbv55
@vladbv55 4 года назад
Спасибо, все четко, стильно и по делу! С меня лайк и вопрос: Можно ли в Прототипе фигмы по тыку на кнопку сделать плавный скролл до определённого участка того же фрэйма? Это как нажать на сайте типичное "О нас" и плавненько улететь в конец странички.
@study_kvo
@study_kvo 4 года назад
Увы, якорных ссылок в прототипировании пока нет. Можно попробовать сделать через несколько фреймов и smart animate, но скорее всего будет очень костыльно)
@stasdyda
@stasdyda 4 года назад
Как в фигме делать интересные фоны, переходы между блоками для лендингов?
@canella070
@canella070 4 года назад
Касательно переходов.... вариант первый: скачать обычный пнг с нужным переходом (облака и прочее) и просто перетащить их в фигму; вариант второй: нарисовать кистью этот переход в ФШ, сохранить, и, опять-таки, перетащить в фигму.
@user-pg5bo6no5b
@user-pg5bo6no5b 2 года назад
Обвел всё как показано на видео. Делаю заливку - ничего вообще не меняется, словно я не выделял и него. На панели слева где все слои есть слой vector 1 (небольшой отрезок моего выделения) и vector 2 (весь остальной контур человека). Что я сделал неправильно ?
@anastasiabolshakova865
@anastasiabolshakova865 4 года назад
Александр, добрый вечер. Спасибо за урок. Очень актуально. Подскажите, пожалуйста, я правильно поняла , что данный плагин платный и на обработку бесплатно действует ограничение в течение месяца? те можно обработать только одно фото? Пыталась установить , но уже на стадии получения и введения ключа возникает проблема, плагин не выдает то окно , которое есть у вас в видео. Пишет что произошла ошибка при запуске плагина. С чем это может быть связано?
@study_kvo
@study_kvo 4 года назад
Бесплатно можно обработать 50 изображений в небольшом разрешении. Попробуйте удалить плагин, перезапуститься и установить заново. Сейчас Фигму колбасит из-за нагрузки, может быть всякое.
@chiptuning.rostov5608
@chiptuning.rostov5608 3 года назад
Нет в плагинах remov bg ,,предварительно надо устанавливать ? Пользуюсь figma скаченной на винду.
@study_kvo
@study_kvo 3 года назад
Каждый плагин вначале нужно установить. Для этого сейчас надо зайти в раздел Community и там через поиск установить каждый плагин
@user-ez5bq6ue6y
@user-ez5bq6ue6y 2 месяца назад
Получилось сделать! Но теперь не могу сделать новое изображение, где не надо вырезать какой то элемент в элементе
@DiDi-el9sl
@DiDi-el9sl 3 года назад
Спасибо! А вопрос такой) в фигме возможно растягивать фон?
@dennytor4862
@dennytor4862 3 года назад
Да
@user-qt1pd4tj5h
@user-qt1pd4tj5h 10 месяцев назад
как подредактировать после плагина если плохо обработал ??
@user-zo5ht6bb7v
@user-zo5ht6bb7v 3 года назад
Подскажите пожалуйста, а качество при обтравке в фигме не ухудшается этим плагином? т.е. могу картинку любого качества вырезать? Просто на сайте remove bg оригинал качество можно скачать только платно.
@study_kvo
@study_kvo 3 года назад
Да, он к сожалению, уменьшает разрешение картинки
@wanirenwaniren1723
@wanirenwaniren1723 2 года назад
Нигде так и не нашел, как выполнить обводку вырезанного объекта. Ну никто про это не говорит. Его нужно вначале трансформировать или как?
@user-zr8py2fm8r
@user-zr8py2fm8r Год назад
подключение не защищено пишет
@reed7832
@reed7832 3 года назад
Подскажи, на сайте написано только одно изображение до 25 мб, это значит что плагин тоже платный? бесплатно не получится им пользоваться?
@study_kvo
@study_kvo 3 года назад
Плагин можно использовать бесплатно, но в таком случае и он и сайт будут уменьшать разрешение картинки. Например: вы закинули 3000х3000, а на выходе будет 500х500. Но на каждом аккаунте есть два бесплатных кредита, на которые можно сделать обработку без потери разрешения)
@---ob2pw
@---ob2pw Год назад
Я не понимаю что делаю не так. Вырезаю, заливаю, вычитаю, или маску, или заливку, но изображение так и прикреплено к фону. Почему такое может быть?😭
@user-sx7iw8sp9s
@user-sx7iw8sp9s 3 года назад
Скажите пожалуйста, эта программа в основном для создания сайтов?
@study_kvo
@study_kvo 3 года назад
Преимущественно для сайтов и приложений. Но можно дизайнить и иконки и соцсети и всякую мелочь для веба. Но не полиграфию.
@user-dy9tn3cc8q
@user-dy9tn3cc8q 4 года назад
А че думаешь насчёт платной подписки на этот сервис, стоит того?
@study_kvo
@study_kvo 4 года назад
Если в этом есть необходимость :) Если объем фоток большой - да. Если нужны хайрезы - да. Для одиночных снимков не вижу нужды.
@dacedace6738
@dacedace6738 4 года назад
Simba 🐈😀
@anastasiavladimirov8347
@anastasiavladimirov8347 5 месяцев назад
А на сколько этого API ключа хватает? Если выйти из фигмы, а потом зайти, надо ли снова на сайте смотреть новый ключ? И там как? Каждый раз ключ выпадает бесплатно или есть какой-то лимит на бесплатные ключи? Сколько тогда можно будет получить бесплатных ключей? Спасибо
@study_kvo
@study_kvo 5 месяцев назад
За последние года 2-3 ни разу не обновлял ключ, действует первый
@user-ve5sr9zo7x
@user-ve5sr9zo7x 3 года назад
Где можно скачать Figma на MacBook ?! Нигде не могу найти
@study_kvo
@study_kvo 3 года назад
на Figma.com
@Dantarian
@Dantarian Год назад
Вот появилась функция поиска, это круто, но, как удалить все разом то, что там находиться? Ситуация: Создано очень много миниатюр в котором группа: картинки с векторной обводкой и заливкой названы N_1, N_2.... и тд. Когда-то давно они задвоились и проект начал откровенно лагать, но вот что странно, у задвоенных немного отличается название, по одному их удалять неделю уйдет, как быть в этой ситуации? Если цвет заливки и обводки и тд, повторяется у каждого объекта и через Edit>select не получится выделить задвоенные объекты, остается только по названию... Но как это сделать, совершенно не могу найти ответ. Подскажите, как быть?
@Dantarian
@Dantarian Год назад
Сам же нашел решение, плагин fserach бомба.
@Waitanidze
@Waitanidze Год назад
удаляю обводку, добавляю заливку ничего не происходит, следую всей инструкции нифига не получается. Помогите пожалуйста
@user-mh7ho7tb9x
@user-mh7ho7tb9x 4 года назад
Скажи пожалуйста почему у меня обтравленный в фотошопе объект вставляется в фигму на белом фоне? Хотя в видеоуроках, многие делают также, но у них вставляется обтравленным тоже.
@study_kvo
@study_kvo 4 года назад
Сохраняйте изображение в png. В момент сохранения остальные слои должны быть скрыты.
@user-mh7ho7tb9x
@user-mh7ho7tb9x 4 года назад
@@study_kvo а без сохранения, сразу обтравил потом в фотошопе ctrl+c и в фигме ctrl+v ни как не получится?
@newdevicesopt6948
@newdevicesopt6948 2 года назад
После вырезания портится качество, так должно быть?
@study_kvo
@study_kvo 2 года назад
Увы, да( Плагин Figmotion понижает разрешение изображения, если оно было большим. Если нужно сохранить высокое разрешение, воспользуйтесь веб-версией сервиса. Там, при регистрации, можно обработать одно изображение бесплатно с сохранением высокого качества.
@byibobro
@byibobro 4 года назад
Я первый!
@voitushienko
@voitushienko 3 года назад
у меня объект меняет цвет в зависимости от фона, в чём проблема?
@study_kvo
@study_kvo 3 года назад
Проверьте, не вырезалось ли вместе с фоном часть изображения. И проверьте режим наложения слоя (на вкладке design справа). Должен быть Pass through
@katya_cherny
@katya_cherny 3 года назад
Когда пользуюсь этим плагином, иногда качество изображения потом хуже становится, как будто заблюренное(
@study_kvo
@study_kvo 3 года назад
Плагин понижает качество, если бесплатная версия
@katya_cherny
@katya_cherny 3 года назад
Study Kvo. Обучение веб-дизайну и Photoshop спасибо, не знала об этом
@sofiaforest4083
@sofiaforest4083 4 месяца назад
Я нажимаю на сайт . У меня выдаёт почему то не удаётся получить доступ к сайту
@study_kvo
@study_kvo 4 месяца назад
Иногда для Remove Bg нужен VPN. В некоторых странах может не открываться без него.
@badcat5958
@badcat5958 3 года назад
Kruto!!!
@Elina_lun
@Elina_lun 3 года назад
А если у меня нет вверху таких клавиш???
@study_kvo
@study_kvo 3 года назад
Нажмите на иконку Фигмы сверху слева - там будет тоже самое.
@worldfunnyanimals5055
@worldfunnyanimals5055 Год назад
А как убрать лишний фрейм или контейнер
@study_kvo
@study_kvo Год назад
Ctrl+Shift+G
@constyak9031
@constyak9031 Год назад
как поставить два лайкосика?)
@nine846
@nine846 11 месяцев назад
Кто нибудь объясните, почему заливка не срабатывает 😢😢😢😢
@nine846
@nine846 11 месяцев назад
я поняль. у меня в одном месте точки не сошлись
@vladimirm3271
@vladimirm3271 2 года назад
всегда считал, что Скала - шпиц....
@user-yw5ob4vd5c
@user-yw5ob4vd5c Год назад
Как удалить чёртов вектор, который не нужен?
@study_kvo
@study_kvo Год назад
Backspace либо Delete
@Batman_n
@Batman_n 3 года назад
Я или тупой или я это не нашёл, я не могу удалить фото который случайно переместился и так же не могу закрыть один макет?? Как
@study_kvo
@study_kvo 3 года назад
Боюсь, что ответ разочарует
@Batman_n
@Batman_n 3 года назад
@@study_kvo спасибо что ответили, хорошо что я сам понял это потом жалко в фигме нельзя возобновить удаление вещи это бесит когда ты случайно удалил что-то это уже не восстановить (2-4 часовой труд)
@study_kvo
@study_kvo 3 года назад
В Фигме можно много раз Ctrl+Z нажать или откатиться к прошлой версии. Для отката нажмите на стрелку рядом с названием и там пункт Version history, появится выбор прошлых версий.
@Batman_n
@Batman_n 3 года назад
@@study_kvo огромное спасибо, буду знать
@bekturbektenov1707
@bekturbektenov1707 2 месяца назад
кудааа нахер двойной клик делать?!!!!
@rubenzxc2831
@rubenzxc2831 2 года назад
Дядя Вова не дает получить ключь
@varsander3160
@varsander3160 2 года назад
слишком быстро объясняешь, сложно новичку соориентироваться приходится по многу раз пересматривать чтобы ошибок не совершать
@study_kvo
@study_kvo 2 года назад
Поэтому на RU-vid можно замедлять видео при просмотре 🌝
@innastankevich1548
@innastankevich1548 7 месяцев назад
Далее
BEST Website Builder 2024 (My TOP Recommendation)
15:27