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

Поділитися
Вставка
  • Опубліковано 24 лип 2020
  • Простой способ вырезать объект в Фигме без использования стороннего софта.
    Подпишись на канал и смотри другие видео по фишкам 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
    Ставай спонсором, щоб отримувати переваги на каналі, та мати можливість качатись в дизайні зі мною.

КОМЕНТАРІ • 186

  • @user-nf2mg6yt8v
    @user-nf2mg6yt8v Рік тому +68

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

  • @episodes7905
    @episodes7905 7 місяців тому +22

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

  • @user-kl2xh7yw3t
    @user-kl2xh7yw3t Рік тому +9

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

  • @MashaG1102
    @MashaG1102 2 місяці тому +3

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

  • @Neitrin0DAV
    @Neitrin0DAV 3 роки тому +7

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

  • @bogdan-oi1vs
    @bogdan-oi1vs 5 місяців тому +2

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

  • @user-pd6dx5qv5o
    @user-pd6dx5qv5o Рік тому +5

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

  • @neprostofamily
    @neprostofamily 2 роки тому +5

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

  • @user-kg2xd2uj4p
    @user-kg2xd2uj4p 3 роки тому +2

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

  • @user-kl6yy8fp1l
    @user-kl6yy8fp1l 7 місяців тому +2

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

  • @xiao4290
    @xiao4290 3 місяці тому +1

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

  • @user-fe5mj7hr4q
    @user-fe5mj7hr4q 3 місяці тому +1

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

  • @annamistery6356
    @annamistery6356 8 місяців тому

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

  • @diamofox_cat
    @diamofox_cat Рік тому +1

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

  • @chesteris777
    @chesteris777 Рік тому +1

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

  • @user-yk4fe7gs3u
    @user-yk4fe7gs3u 3 роки тому

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

  • @sietealmas9112
    @sietealmas9112 Рік тому +1

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

  • @hamletandcats
    @hamletandcats 5 днів тому +1

    Спасибо брат ты спас мою работу!!!

  • @hchcotxitogcohvvh
    @hchcotxitogcohvvh 3 роки тому

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

  • @asetgallam7391
    @asetgallam7391 3 роки тому +1

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

  • @yakovross2331
    @yakovross2331 2 роки тому +1

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

  • @user-yg1xc9gz6t
    @user-yg1xc9gz6t 6 місяців тому +1

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

    • @user-yg1xc9gz6t
      @user-yg1xc9gz6t 6 місяців тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  6 місяців тому

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

  • @bogdan-oi1vs
    @bogdan-oi1vs 5 місяців тому +1

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

  • @user-md8rf7rg6t
    @user-md8rf7rg6t 8 днів тому +1

    Урааа🎉с 3-5 раза получилось!спасибо вам

  • @kuwwly
    @kuwwly 16 днів тому +1

    Спасибо огромное, помогли ♥️

  • @d_lindeberg
    @d_lindeberg 6 місяців тому +1

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

  • @navalcastlewindsor2313
    @navalcastlewindsor2313 5 місяців тому +1

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

  • @episodes7905
    @episodes7905 7 місяців тому +1

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

  • @Vikaaarrr
    @Vikaaarrr Місяць тому +1

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

  • @user-cp1he7mc1o
    @user-cp1he7mc1o 2 місяці тому +1

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

  • @zergzerg4844
    @zergzerg4844 Рік тому +8

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

    • @chronicwebdesign
      @chronicwebdesign  Рік тому

      Дякую

    • @user-eb9rc5vq5h
      @user-eb9rc5vq5h 4 місяці тому +1

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

  • @1vohr3
    @1vohr3 3 роки тому +1

    Отлично!

  • @Nata_i
    @Nata_i 5 місяців тому +1

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

  • @maggmargo
    @maggmargo 23 дні тому +1

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

  • @lianamaksimova5015
    @lianamaksimova5015 3 роки тому +1

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

  • @GanjaSvin
    @GanjaSvin 7 місяців тому +1

    спасибо бро❤

  • @vavoytenko
    @vavoytenko 3 роки тому +1

    Класс!

  • @LACOOGTA5RP
    @LACOOGTA5RP Рік тому +2

    от души !

  • @yaroslavhlybochko3604
    @yaroslavhlybochko3604 2 роки тому +1

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

  • @user-kx9dd1sh9k
    @user-kx9dd1sh9k 11 місяців тому +1

    Спасибо 🙏

  • @sobaka-angus666
    @sobaka-angus666 Рік тому +1

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

  • @arturalekseenko4057
    @arturalekseenko4057 27 днів тому +1

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

  • @user-vf3pt8uw4e
    @user-vf3pt8uw4e 2 місяці тому +1

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

  • @mane7132
    @mane7132 2 місяці тому +1

    Спасибо ❤

  • @user-wb2pq2or1n
    @user-wb2pq2or1n 3 роки тому

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

  • @GPT_Chat_
    @GPT_Chat_ 3 роки тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

  • @mark_0211
    @mark_0211 7 місяців тому +1

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

  • @NVDesigne
    @NVDesigne 3 роки тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

    • @NVDesigne
      @NVDesigne 3 роки тому

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

  • @soohov
    @soohov Рік тому +5

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

    • @chronicwebdesign
      @chronicwebdesign  Рік тому +1

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

  • @yanavolkova5126
    @yanavolkova5126 3 роки тому

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

    • @yanavolkova5126
      @yanavolkova5126 3 роки тому

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

  • @LikaShc
    @LikaShc Місяць тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  Місяць тому

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

  • @newme.8944
    @newme.8944 11 місяців тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  11 місяців тому

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

  • @user-px4wo1tk6r
    @user-px4wo1tk6r 3 роки тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

  • @My_manicure
    @My_manicure Місяць тому +1

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

  • @Vardanyan_s
    @Vardanyan_s 9 місяців тому

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

    • @chronicwebdesign
      @chronicwebdesign  9 місяців тому

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

  • @courses_ua
    @courses_ua 11 місяців тому

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

    • @chronicwebdesign
      @chronicwebdesign  11 місяців тому +1

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

  • @gorgeouskarolis436
    @gorgeouskarolis436 2 місяці тому

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

  • @oksana.oksana
    @oksana.oksana Рік тому +2

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

    • @chronicwebdesign
      @chronicwebdesign  Рік тому

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

  • @Sasori_redsand
    @Sasori_redsand 5 місяців тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  5 місяців тому

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

  • @user-kb2wu6ln8l
    @user-kb2wu6ln8l Місяць тому +2

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

  • @user-bj6fv9bz9u
    @user-bj6fv9bz9u 10 місяців тому +2

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

  • @lizakravets6081
    @lizakravets6081 2 роки тому +1

    Дякую✨

    • @chronicwebdesign
      @chronicwebdesign  2 роки тому

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

  • @user-eg6py1ms1j
    @user-eg6py1ms1j Місяць тому +1

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

  • @user-bj6fv9bz9u
    @user-bj6fv9bz9u 10 місяців тому +2

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

    • @chronicwebdesign
      @chronicwebdesign  10 місяців тому

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

  • @user-dn1hd5bp8z
    @user-dn1hd5bp8z 7 місяців тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  7 місяців тому

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

  • @user-md8rf7rg6t
    @user-md8rf7rg6t 8 днів тому +1

    У меня не получается. Не вырезает

  • @user-ku8vp8ej4u
    @user-ku8vp8ej4u Рік тому +2

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

  • @seagullthings6826
    @seagullthings6826 2 роки тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  2 роки тому

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

    • @user-vc1nu6gn8l
      @user-vc1nu6gn8l Рік тому

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

  • @guka007
    @guka007 5 місяців тому +1

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

  • @the555sun_ny
    @the555sun_ny 10 місяців тому

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

    • @chronicwebdesign
      @chronicwebdesign  10 місяців тому

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

  • @sokolovayoulasokolova1583
    @sokolovayoulasokolova1583 2 роки тому +2

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

    • @chronicwebdesign
      @chronicwebdesign  2 роки тому

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

    • @zergzerg4844
      @zergzerg4844 Рік тому +1

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

  • @sergeykorsakoff9801
    @sergeykorsakoff9801 3 місяці тому +1

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

  • @GG-jf9je
    @GG-jf9je Рік тому +1

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

  • @alexandraiginiin5609
    @alexandraiginiin5609 3 роки тому +3

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

  • @chane4062
    @chane4062 Рік тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  Рік тому

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

  • @user-ww5zc5gy7v
    @user-ww5zc5gy7v 4 місяці тому +1

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

  • @vladislav9986
    @vladislav9986 3 роки тому

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

    • @chronicwebdesign
      @chronicwebdesign  3 роки тому

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

  • @olgabochkarnikova9117
    @olgabochkarnikova9117 Рік тому

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

    • @chronicwebdesign
      @chronicwebdesign  Рік тому

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

  • @user-cw9vp7ew6y
    @user-cw9vp7ew6y 2 місяці тому

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

  • @GracefulMusefulQueen-xm3uf
    @GracefulMusefulQueen-xm3uf 8 місяців тому

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

    • @chronicwebdesign
      @chronicwebdesign  8 місяців тому +1

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

  • @wanirenwaniren1723
    @wanirenwaniren1723 2 роки тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  2 роки тому

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

    • @wanirenwaniren1723
      @wanirenwaniren1723 2 роки тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  2 роки тому

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

  • @zlatongroup
    @zlatongroup 3 роки тому +1

    Огосики

  • @Beauty.life.alia____
    @Beauty.life.alia____ 7 місяців тому

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

  • @gulnar8950
    @gulnar8950 Рік тому

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

  • @Svetagreen
    @Svetagreen 4 місяці тому

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

  • @nasttrw04
    @nasttrw04 4 місяці тому

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

    • @chronicwebdesign
      @chronicwebdesign  4 місяці тому

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

    • @Darik_Znakova
      @Darik_Znakova 2 місяці тому

      Зажмите shift

  • @user-sf8cj2qg1k
    @user-sf8cj2qg1k 2 роки тому +1

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

    • @chronicwebdesign
      @chronicwebdesign  2 роки тому

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

  • @sequell3874
    @sequell3874 11 місяців тому +1

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

  • @shokl
    @shokl 17 днів тому

    есть тут волшебная палочка как в фотошоп?

  • @laparrrma2581
    @laparrrma2581 11 місяців тому

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

    • @chronicwebdesign
      @chronicwebdesign  11 місяців тому

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

    • @laparrrma2581
      @laparrrma2581 11 місяців тому +1

      @@chronicwebdesign спасибо

  • @lerkaaah
    @lerkaaah 2 місяці тому

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

  • @user-bh5fy6cr5w
    @user-bh5fy6cr5w 8 місяців тому +1

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

  • @darina684
    @darina684 12 днів тому

    КАК ВЫДЕЛИТ СРАЗУ ДВА ОБЪЕКТА 😭😭😭😭

  • @user-mc1iw5bl9t
    @user-mc1iw5bl9t 5 місяців тому +1

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

  • @evgenymazhov8335
    @evgenymazhov8335 Рік тому

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

    • @chronicwebdesign
      @chronicwebdesign  Рік тому

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

  • @helenaArgent
    @helenaArgent 5 місяців тому

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

    • @chronicwebdesign
      @chronicwebdesign  5 місяців тому

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

  • @dogvscatfunny9956
    @dogvscatfunny9956 Рік тому

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