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

Подписаться 20 тыс.

Просмотров 87 тыс.

50% 1

Рассказываю как вырезать объект в Фигме за 1 секунду. В Figma есть три способа вырезать картинку и убрать фон. Если вам надо вырезать объект в фигме за 1 секунду, то это видео для вас. Я показываю 3 способа, как вырезать картинку в фигме быстро. Все эти способы для разных ситуаций, в ходе своей работе вам пригодятся все 3 способа.
Тайм-коды:
00:00 О способах вырезать объекты в фигме
00:34 Первый способ: работа с пером и заливкой
03:09 Результат первого способа
03:34 Второй способ: работа с пером и маской
04:15 Результат второго способа
04:19 Третий способ: работа с плагином
06:25 Результат третьего способа
Music - Blue Wednesday, Shopan - Toofpick chll.to/9305f735
👉 Смотрите видео до конца, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
Яндекс Дзен zen.yandex.ru/id/6224efb8a3ca...
►Мой StyleGuide/Ui-kit в Figma Community: cutt.ly/HWcW3Tm
►Instagram - cutt.ly/jWcQ3Mk
Добавляйтесь в друзья:
★ Facebook - cutt.ly/nWcWecJ
★ Вконтакте - cutt.ly/5WcWu2W
★ Linkedin - cutt.ly/DWcWb5q
Вступайте в сообщества:
★ Полезные публикации о дизайне Вконтакте - cutt.ly/0WcEtXP
★ Telegram канал t.me/joinchat/lr9Dp7eBeY8yOTJi
★ Telegram чат: t.me/joinchat/IbgUWOEfu0Q1OTY6
Мои работы:
★ Dribbble: cutt.ly/1WcEx6E
★ Behance: cutt.ly/UWcEW0I
#figma #webdesign #uxui #uikit

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

1 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 107

@ValeriyaDesire 3 года назад

Где чаще всего вырезаете объекты в фотошопе или фигме? Тайм-коды: 00:00 О способах вырезать объекты в фигме 00:34 Первый способ: работа с пером и заливкой 03:09 Результат первого способа 03:34 Второй способ: работа с пером и маской 04:15 Результат второго способа 04:19 Третий способ: работа с плагином 06:25 Результат третьего способа

@Chikchirik238 Год назад

Не работает первый способ. Видео говно

@nadyasliwkomkorotkoeimya 10 дней назад

♥ просто. быстро. без лишних движений! СПАСИБО!

@ilvir021 2 года назад

Боже, это самое полезное видео по Фигме! Спасибо за ускорения в видео и исчерпывающую информацию по способам обрезания. Вы очень талантливый человек!

@ValeriyaDesire 2 года назад

Спасибо за отзыв 🍀

@user-fv5wm2ts7w Год назад

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

@nameeugen9927 2 года назад

Просмотрел только что 6 видеоуроков как вырезать объект и только ты адекватно без мишуры объяснила. Быстро и по делу, спасибо!!!

@ValeriyaDesire 2 года назад

Спасибо 😉

@user-cc2nl6zk6w 3 года назад

Здорово) до этого не думала даже делать это в фигме) Спасибо за урок! Попробовала плагин) справляется только с объектами на белом фоне) Т.е с теми которые по сути уже обтравлены)

@rebeka265 Год назад

Супер!!! Только вчера вечером думала, как вырезать розочку. Спасибо!

@darz56 2 года назад

Я в Фигме вырезала по второму способу, попробовала по третьему сейчас после просмотра видео, супер! Спасибо огромное, за подсказку)

@user-bl3ep9nl3v 4 месяца назад

Спасибо вам огромное за помощь и подробное объяснение!❤

@natadidichenko598 Месяц назад

супер! благодарю

@user-ku8vp8ej4u Год назад

Удаляется сам предмет. Заливка работает тоже только на рисунке, фон нельзя залить. Где ошибка?

@davidwebit5451 3 года назад

Большое спасибо, отличные приёмы обработки в фигме!

@ValeriyaDesire 3 года назад

Спасибо за коммент 😉

@игорьмаг Месяц назад

Спасибо!

@npochaeva 3 года назад

спасибо. супер. многое узнала, теперь буду использовать.

@user-cm4gq2tj7s Год назад

Большая благодарность за это видео!

@blondik_ua Год назад

Этот плагин просто находка! Спасибо большое)))

@user-hh2us7qk4j 11 месяцев назад

вы прекрасная, все коротко и по теме!!!!!

@user-qh5fr3yo1w 2 года назад

Автору большое спасибо. Сейчас попробую.

@Seregamanz Год назад

Спасибо большое Лер) Мне удобнее всего вторым способом вырезать)

@alekzoseo2150 7 месяцев назад

Спасибо за полезное видео! Всего вам самого лучшего)

@Rukar842 11 месяцев назад

Спасибо,столько узнала из вашего видео!❤

@user-sr6wy8ws6z Год назад

Самое полезное видео. Спасибо!

@ArtSon2009 2 года назад

Большое спасибо!!! Очень помогли:)

@zloy8022 3 года назад

Спасибо за информацию 😘

@vahekartashyan4154 3 года назад

great lesson thanks!

@1vohr3 3 года назад

Первый способ не знал, прикольно!

@Dark_._Knight 9 месяцев назад

ааааа. У меня получилось, красота то какая:)

@user-rq1cu2fc1p 6 месяцев назад

Благодарю за видео! Всё понятно и без лишней воды. Первый способ самый простой, если не работают плагины.

@Milkskd 11 дней назад

как у вас получилось сделать по первому способу.. У меня заливка не срабатывает Уже 5 раз вырезала объект, но он не заливается ( 2 способ не получается тоже…

@user-qy1yj1xk3h Год назад

спасибо))) очень круто

@user-lt4uz2qu1k 2 года назад

Спасибо!!!

@olgavaru 2 года назад

спасибо большое)

@yadizayner 2 месяца назад

спасибо))

@frannicore 2 года назад

Спасибо

@igorand_i 8 месяцев назад

Объяснятель от Бога.....это то, это туда, а что куда и как, хорошо хоть сама знаешь

@kidnk527 11 месяцев назад

Спасибо за урок, всё очень доходчиво 👍🏻 Я только не понял, как сразу скруглять точки во время обводки пером? У меня получается скруглять, только после полного выделения объекта😕

@user-qy1yj1xk3h Год назад

по совету начала сначала изучать фигму, и все хочется делать в ней))))

@user-kz5iy3mf1g 2 года назад

лучшее видео про вырезенание в фигмк

@ValeriyaDesire 2 года назад

Удачи в вырезании 😀🔥

@user-wv6lb2mu3r 3 года назад

Очень полезное видео👍

@ValeriyaDesire 3 года назад

Спасибо 🌷

@user-dv9mx2tu5t Год назад

Не получается в первом способе залить внешнюю часть. Что я делаю не так?

@marien8765 Год назад

Скажите пожалуйста, а картинки какого формата для вырезания можно брать? Jpg, png? Может в этом все дело?

@AlinaKramarenko Год назад

Подскажите пожалуйста комбинацию клавиш для повторного использования плагина 😊 Option + Cmd + ? Не получается расслышать третий элемент 🥲

@wei.wu.wei. 2 года назад

Ты прелесть😇🙏💐

@user-sw9pw2xf5h Год назад

Привет! Парк Краснодар, чудесно.

@Makarchik_blyat 2 года назад

спасибо очень помогло я подписался

@ValeriyaDesire 2 года назад

Пожалуйста 🍀

@Alexey_Roz Год назад

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

@user-pb1zu5wz9r 22 дня назад

Дякую

@sisususi9521 Год назад

Привет) и спасибо за канал! Вопросец: вот есть шейп (например ректэнгл) и поверх него я написал огромные буквы, покрасил их, заблюрил, градиент тра-та-та... Как получившийся пирог обрезать (не скриня!!!) по размеру шейпа и далее экспортировать единым файлом? На выходе нужен шейп с буквами поверх него, края букв обрезаны по границам шейпа. Вообще говоря, ещё полезнее было бы научиться делать такое и со звездою, и с овалом, и с рукописным шейпом (как пример - облако с буквами поверх облака)

@danisdinullin2397 2 года назад

Видео просто супер полезное!! Фш не владею, начала с фигмы, как считаете, нужно ли осваивать фш для профессии UI?

@ValeriyaDesire 2 года назад

Смотря чем будете заниматься, если нужны вау эффекты и будете разрабатывать лендинги, то нужен. Если смотришь в сторону продукта и проектирования интерфейсов, но можно знать только на базовом уровне, например как обтравку сделать, штампом пользоваться, цветокоррекцию делать и обычные инструменты. Для этого не много времени нужно, пару уроков на ютубе посмотри и повтори)

@Lana-mu1qt Год назад

Попробую, у меня столько времени уходит чтобы чтобы что-то получилось, сейчас изучаю маски,но мне кажется я рукопопая, или это не моё, хотя мне нравятся красивые продукты

@ss-nz7wp Год назад

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

@user-es1pz2lt9c 3 года назад

Спасибо огромное!! А я до сих пор Photoshop использовала😅 Ох, надо срочно всё опробовать на практике! Только у меня почему-то никак не получилось ранее найти ключ к этому плагину и как-то забросила это дело...

@ValeriyaDesire 3 года назад

Подумала же, что надо записать, где этот ключ спрятан))) 1. Зарегестрируетесь 2. Справа сверху будет иконка со стрелочкой в Личный кабинет, нажмёте и раскроется окошко 3. Нажмите на пункт My Dashboard 4. Перед вами будут вкладки, вам нужно нажать на APY Key 5. Дальше нажмёте на кнопку Show и увидите ключ. Копируйте его и вставляйте в фигму в плагин 👍🏼

@user-es1pz2lt9c 3 года назад

@@ValeriyaDesire СПАСИБО ОГРОМНЕЙШЕЕ😇😇😇

@ValeriyaDesire 3 года назад

@@user-es1pz2lt9c В фотошопе я тоже часто вырезаю, если объекты с волосами или пушистые, или нужна ещё обработка дополнительная.

@user-es1pz2lt9c 3 года назад

@@ValeriyaDesire Да-да! Но раз и в Фигме можно отлично вырезать другие предметы, грех этим не воспользоваться😛

@user-td4zz3hm9f 5 месяцев назад

ВСЕ ПОЛУЧИЛОСЬ, ОТЛИЧНО ОБЪЯСНЯЕТЕ, НЕ УПУСКАЕТЕ МЕЛОЧИ,КОТОРЫЕ ДЛЯ НОВИЧКОВ МОГУТ БЫТЬ ПРОБЛЕМОЙ

@germanownejee3558 3 месяца назад

Я ПОЛНОСТЬЮ СОГЛАСЕН!!’ АВТОР, СПАСИБО ТЕБЕ!

@karinakurmanova1545 2 года назад

Расскажите пожалуйста как скачать plugins для удаление на изображение. Заранее благодарю🥰🥰

@ValeriyaDesire 2 года назад

Зайдите в figma, в левой панели зайдите в community. На странице community есть поиск, напишите название плагина, в результатах поиска напротив плагина нажмите install. Ура! Плагин есть ваш)))

@fandompain Год назад

Просто воспользуйтесь плагином Background remover, встроенным в фигму) Но для сложных фонов способы отличные

@user-fp1uk2ws5f 8 месяцев назад

Второй способ не получается, хотя выделяешь оба слоя, почему?

@sels5653 11 месяцев назад

Не получается залить внешнюю часть, что может быть не так

@ValeriyaDesire 11 месяцев назад

Надо смотреть, так сложно сказать 🤔

@sequell3874 Год назад

как перемещать угол обзора в момент обводки

@sergeysaulit 3 года назад

Валерия, петличный микрофон на али стоит 1000 руб! А так контент годный.

@ValeriyaDesire 3 года назад

Он у меня есть, как раз в этот день сломался, так что заказала новый микрофон, теперь звук будет 🔥

@marien8765 Год назад

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

@user-vq6hb8hv5w 3 месяца назад

У меня пол дня не получалось. Оказалось - не нажала "edit object". 🤦‍♀️

@hacking_one Год назад

Почему Remove BG не работает?

@sergeysaulit 3 года назад

ошибка в remove потому что плагин не любит png файлы, а также не ест большие файлы

@ValeriyaDesire 3 года назад

Круто, спасибо за инфу.👍🏼

@user-in7hq8mv1o 2 года назад

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

@ValeriyaDesire 2 года назад

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

@KatyaYurkova-wu6zj Год назад

Не открывается больше сайт к сажвлению этот с плагином (

@ValeriyaDesire Год назад

Печально(

@webdeveler 3 года назад

Пользовался раньше фотошопом, потом перо+маска

@ValeriyaDesire 3 года назад

Я фотошоп открываю, если мне надо вырезать например волосы или надо вырезать и сгладить края или требуются ретушь. А так в основном тоже все вырезаю в фигме.

@jennys9894 Месяц назад

Блин, у меня ничего не получается(( Это видео старое или у меня руки кривые? Когда начинаю перемещать картинку, всё что вырезано проявляется снова. Что я делаю не так?

@ValeriyaDesire Месяц назад

А каким способом вырезаете? Вырезала сейчас первым способом всё ок. Значит что-то делаете не так.

@Lovkaya77 2 месяца назад

не получается убрать фон. серединку заливает, а фон - нет, перепроверила, контур замкнут, форму видит, залить ее предлагает, а фон не заливает ((

@ValeriyaDesire Месяц назад

Надо смотреть что у вас там произошло, так сложно понять что не так(

@Lovkaya77 Месяц назад

@@ValeriyaDesire спасибо. Я нашла другую инструкцию, по ней все получилось

@jennys9894 Месяц назад

@@Lovkaya77 у меня тоже самое.

@osipenchiha 3 года назад

как вас на бехансе найти?

@ValeriyaDesire 3 года назад

Ссылка в шапке профиля 😉

@osipenchiha 3 года назад

@@ValeriyaDesire а да, спасибо, с компьютера нашла, а то в ссылках видео искала постоянно т.к. с телефона ссылки в шапке не покликаешь

@ValeriyaDesire 3 года назад

@@osipenchiha О, точно! В мобилке нет))) Если что во вкладке о канале ещё есть все ссылки ☺️ До портфолио попробую добраться в ближайшее время, надо бы мне его обновить.

@annadenali6652 2 месяца назад

Как вернуть изначальное качество изображения, когда вырезаешь картинку через плагин "Remove BG": 1. Загрузить нужное изображение и сделать его копию рядом. 2. Применить к первому изображению плагин "Remove BG" 3. Наложить второе изображение НА вырезанную картинку, чтобы совпадал силуэт. Нажать "Use as musk" 4. Выделить оба объекта и объединить их - Ctrl+G Готово!

@TrumanShow744 2 года назад

А что делать если криво вырезал?

@ValeriyaDesire 2 года назад

Ещё раз вырезать )))

@user-eg6py1ms1j 2 месяца назад

проще в фотошопе это сделать с помощью влшебной палочки

@YuriiyKoptsev 11 месяцев назад

Скажите пожалуйста куда сохранить ключ? На рабочий стол? Или еще куда- то? Куда вставлять, что бы все заработало?. Я не пойму зачем записывать ролики с такими пробелами?