Как сделать дизайн карточки товара на Wildberries. Урок в Figma

Sdílet
Vložit
  • čas přidán 29. 08. 2024
  • Скачать файлы для проекта здесь drive.google.c...
    #карточкатовара #wildberries #figma

Komentáře • 96

  • @muratb.1369
    @muratb.1369 Před rokem +21

    Очень понятно и доходчиво! Удалось повторить все действия за автором, картинка получилась такая же. Это вдохновляет на дальнейшее обучение!. Спасибо автору канала!

    • @design.kristall
      @design.kristall  Před rokem

      Благодарю за обратную связь) Супер 🔥

  • @verolaverola3902
    @verolaverola3902 Před rokem +3

    Спасибо огромное! Очень Крутая карточка! У вас, пожалуй, самые стильные карточки из того, что я видела ) хочу к вам на курс )

  • @Karusel2022
    @Karusel2022 Před rokem +5

    Пробовала сегодня Класс Весь день училась Жду продолжение!!!

    • @design.kristall
      @design.kristall  Před rokem +1

      Здорово 😍🔥Благодарю за обратную связь) На канале есть ещё 3 урока по карточкам 😉

  • @lidiaboldyreva1659
    @lidiaboldyreva1659 Před rokem +3

    Спасибо вам ! Все понятно, буду учиться по вашим урокам!

    • @design.kristall
      @design.kristall  Před rokem +1

      Благодарю за обратную связь 😍

  • @zumso2004
    @zumso2004 Před 2 lety +2

    Приятно видеть работу мастера!

    • @design.kristall
      @design.kristall  Před 2 lety

      Благодарю за обратную связь))

  • @EkMalaya
    @EkMalaya Před 2 lety +5

    Блин, момент с отражением от упаковки - вообще волшебство)))) Спасибо!

  • @dremaet
    @dremaet Před rokem +1

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

  • @Flipitos
    @Flipitos Před rokem +1

    Очень круто и вдохновляюще! Даже мне, первый раз севшему за фигму! Только плейс имадж надо говорить)))

  • @user-uh1sd3cq6m
    @user-uh1sd3cq6m Před 9 měsíci +1

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

  • @SCreaStar
    @SCreaStar Před rokem +1

    спасибо огромное, очень полезное видео!)

  • @design.molekula
    @design.molekula Před 2 lety +1

    Очень нравятся ваши уроки🔥

  • @greatdemoness9567
    @greatdemoness9567 Před 2 lety +1

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

    • @design.kristall
      @design.kristall  Před 2 lety

      Пожалуйста) благодарю за обратную связь 🔥

  • @user-zn3di3mw7g
    @user-zn3di3mw7g Před rokem +1

    Ооочень круто! У вас есть чему поучиться!

  • @TINARO1988
    @TINARO1988 Před rokem +1

    Очень красиво

  • @Tirrotig
    @Tirrotig Před rokem +4

    Очень классные уроки! Также интересно узнать, почему именно так располагаем элементы, как рассчитывается сама концепция, отрисовывается сначала где-то? Согласуется ли. Почему 45% а не 70 например)

    • @Altyngul_Zhartaeva
      @Altyngul_Zhartaeva Před 10 měsíci

      Вообще нифега не пойму это приложение ужасное всё на английском первый раз сделать шаблон нельзя всё платное

  • @user-xt1dj5bd3d
    @user-xt1dj5bd3d Před rokem +2

    Здравствуйте Кристина, очень все доходчиво. Но хотелось бы уточнить по поводу предметов для карточки, вы их берете из фото, которое предоставляет заказчик и сами вырезаете в ПНГ?

    • @design.kristall
      @design.kristall  Před rokem +3

      Здравствуйте)) Благодарю. Да, все верно, сама вырезаю))) Также дополнительно подбираю кадры с коммерческих фотостоков, если фотосессии у товара не было, а нужно показать преимущества и процесс использования))

  • @user-im7vt6tg9p
    @user-im7vt6tg9p Před rokem +3

    Кристина здравствуйте у меня вопрос по программе а как делать фрейм чтобы он был помещался на рабочую область полностью то есть было видно его целиком потому что при размере 1200 на 1600 он немножко растягивается и одного края практически не видно а у вас так аккуратно выглядит карточка как вот сделать так чтобы Фрейм при размере 1200 на 1600 выглядел аккуратно и был виден весь

    • @design.kristall
      @design.kristall  Před rokem

      Здравствуйте. Необходимо зажать Ctrl (cmd на макбук) и колесиком мыши крутить вперед - приближение, назад - отдаление 😍

  • @v_pogone_za_smislom
    @v_pogone_za_smislom Před rokem +1

    спасибо!

  • @user-hh3hf5oz9n
    @user-hh3hf5oz9n Před měsícem

    Подскажите пожалуйста,можно ли повтор свой добавить в своей портфолио ?

  • @svetlanakomarova8018
    @svetlanakomarova8018 Před 2 lety +3

    А как вы убрали белый фон сзади кружки и сделали ее прозрачной?

    • @design.kristall
      @design.kristall  Před 2 lety +1

      Поменяла режим наложения слоя на Multiply ❤️

  • @Dara16_
    @Dara16_ Před 6 měsíci

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

  • @lubaAs
    @lubaAs Před rokem +1

    Не поняла как у стакана белый фон убрали где стекло кружки чтобы было прозрачно

    • @design.kristall
      @design.kristall  Před rokem +1

      Нужно выделить изображение со стаканом и справа в настройках Layer из выпадающего списка выбрать Multiply

  • @LoveRgandFs
    @LoveRgandFs Před měsícem

    как размер может быть 1200 на 1600 это огроменная карточка вытянутая...

  • @nataliiakononenko419
    @nataliiakononenko419 Před měsícem

    У меня нету Панели "Linear " и тд....
    Что делать?

  • @doctorplanb9179
    @doctorplanb9179 Před rokem +2

    😅 Прострочила как из пулемёта❗️
    Мне как новичку ооочень сложно понять пошаговые алгоритмы. 🖥😅

  • @user-lt9vi1bk9m
    @user-lt9vi1bk9m Před 2 lety +1

    Спасибо большой за такую полезную информацию, а как попасть на ваш курс? Цена его?

    • @design.kristall
      @design.kristall  Před 2 lety

      Спасибо большое за обратную связь) Сейчас набор закрыт, откроем в конце августа по предзаписи. Выложу в Инстаграм анкету на заполнение. Стоимость от 20 000 рублей, включая разборы и обратную связь лично от меня 🔥 Подпишитесь на Инстаграм design.kristall , чтобы не пропустить 😉👌

  • @weassewe
    @weassewe Před 8 měsíci

    Не получается маску сделать... Нажимаю Use Mask и у меня нету кнопки, через которую вы делаете цвет... почему так, фигма скаченная..

    • @design.kristall
      @design.kristall  Před 8 měsíci

      А по слоям все верно стоит? Это частая бывает ошибка, когда фигура маска стоит сверху, а нужно чтобы была снизу. И также если перекрашиваем, то нужное именно верхний слой перекрашивать внутри группы. Слева в слоях посмотрите, чтобы была выделена не вся маска, а первый слой в ней)

  • @user-ob9qx1gw3v
    @user-ob9qx1gw3v Před rokem +2

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

    • @design.kristall
      @design.kristall  Před rokem +1

      Чтобы поставить точку - нажмите и сразу отпустите, но если хотите, чтобы она была скругленной, то когда нажали - не отпускайте и потяните в разные стороны по чуть-чуть, почувствуйте, как около точки появляются стрелочки и они позволяют скруглять линию. И в зависимости от того, куда потянули, туда и скруглится.
      И чтобы получались точки всегда нужно кликать.
      Тянем скругления со второй точки. Первую можно просто поставить)

    • @user-ob9qx1gw3v
      @user-ob9qx1gw3v Před rokem +1

      @@design.kristall Благодарю. Всё получилось. Спасибо огромное.

    • @design.kristall
      @design.kristall  Před rokem

      @@user-ob9qx1gw3v отлично) пожалуйста)

  • @user-ht8cb9yg1f
    @user-ht8cb9yg1f Před rokem +1

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

    • @design.kristall
      @design.kristall  Před rokem

      Скорее всего слой с текстом не выделен. Кликните на него одним кликом и справа появятся настройки для него. А чтобы его ввести сверху иконка с буквой Т отвечает за текст. После этого кликните на экран и вводите текст)

  • @SavaSav4
    @SavaSav4 Před rokem

    Добрый день. А почему вы не используете сетку в Фигме для выравнивания отдельных предметов композиции?

    • @design.kristall
      @design.kristall  Před rokem

      Добрый день) Потому что я в дизайне 11 лет и вижу все это на глаз. Иногда использую, чтобы себя проверить)) 😄

  • @user-hz1jt6pq5f
    @user-hz1jt6pq5f Před rokem

    А Вы делаете платно карточку на заказ? У меня ничего не получилось. Не могу вставить текст

  • @aleksandra9999
    @aleksandra9999 Před rokem

    Здравствуйте , подскажите пожалуйста , а как обрезать отдельно саму
    картинку от фона ?

  • @alexanaxBERG
    @alexanaxBERG Před rokem

    как во внутрь фрейма поместить объекты, так и не поняла каким образом. Объясните пожалуйста

    • @design.kristall
      @design.kristall  Před 11 měsíci

      Можно слева в слоях прям зажать нужные слои, которые не внутри фрейма и потянуть в него)

  • @user-lk8er7ft6n
    @user-lk8er7ft6n Před rokem +2

    Здравствуйте! Где можно почитать о курсе?

    • @design.kristall
      @design.kristall  Před rokem

      Здравствуйте. На сайте www.kristallab.ru/vlastelin Набор откроем по анкете предзаписи на 48 часов. Выложу инфо в блоге инста instagram.com/design.kristall?igshid=YmMyMTA2M2Y= и в телеграм t.me/designinsta

  • @VETKAPIPETKA
    @VETKAPIPETKA Před 3 měsíci

    не скачиваются некоторые файлы

  • @kris_somerholder
    @kris_somerholder Před rokem

    ДОБРЫЙ ДЕНЬ, А ГДЕ ИСКАТЬ ВСЕ ЭТИ КРАСИВЫЕ КАРТИНКИ? ЗЕРНА И ВСЕ ОСТАЛЬНОЕ ДЛЯ ДРУГИХ ЗАКАЗОВ? КАОЙ-ТО САЙТ?

    • @design.kristall
      @design.kristall  Před rokem

      Да, фотостоки различные) Например pngegg

  • @Adelina_88
    @Adelina_88 Před rokem +1

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

    • @design.kristall
      @design.kristall  Před rokem

      Multiply фон не убирает у изображения, он делает стекло прозрачным.
      А чтобы удалить фон у любого изображения необходимо это через сервисы удаления фона, либо в фотошопе, либо в фигма с помощью маски) На обучении «Властелин карточек» даю все способы удаления фона. Набор следующий в конце февраля-начале марта ориентировочно)

    • @Adelina_88
      @Adelina_88 Před rokem

      @@design.kristall спасибо, в фотошопе и в фигме с помощью маски умею, думала просто что тут с помощью одной кнопки можно)

  • @user-iw1hi2pc2h
    @user-iw1hi2pc2h Před rokem

    Почему формат ВБ 1200*1600, во многих роликах другие говорят, что формат должен быть 900*1200

    • @design.kristall
      @design.kristall  Před rokem

      Это все одно и то же) формат 3:4. Просто 1200х1600 лучше качеством)

  • @dashkalinka
    @dashkalinka Před 8 měsíci

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

    • @design.kristall
      @design.kristall  Před 8 měsíci

      Да, когда фон зеленый, то прозрачность объектам нужно по другой схеме создавать. Там 4 дубликата слоя делать и у каждого свой режим наложения. Тогда будет реалистично и без зеленого цвета

  • @user-dc1qc1fe6m
    @user-dc1qc1fe6m Před rokem

    Не получается покрасить логотип в другой цвет.. все делаю, как на видео, а после перевода в solid появляется вместо логотипа просто прямоугольник 😢

    • @design.kristall
      @design.kristall  Před rokem

      Так может происходить, если залили не верхний лого, а нижний в этой маске. Либо маска неверно назначилась. После применения измените именно у верхнего лого на solid и все сработает 👌😉

  • @user-rd7yu5vd1m
    @user-rd7yu5vd1m Před rokem +1

    Как убавить карточку когда поставили 1200 на 1600 она на весь экран

    • @design.kristall
      @design.kristall  Před rokem

      Зажать Ctrl на клавиатуре и колесиком мыши крутить (вперед - приблизить, назад - отдалить)

  • @diydasha
    @diydasha Před rokem

    Добрый день, а подскажите , почему остаётся контур на окрашенных слоях ( вектор 1 и вектор2) не понимаю как их убрать 🤷🏻‍♀️

    • @design.kristall
      @design.kristall  Před rokem

      Значит помимо заливки (Fill) наложилась ещё и обводка (Stroke) справа у нее нужно нажать на минус и пропадет)

  • @user-wm6yq9gk3h
    @user-wm6yq9gk3h Před rokem

    Добрый день, подскажите почему размер 1200 на 1600 у меня получается огромный, не как у Вас!!?

    • @design.kristall
      @design.kristall  Před rokem

      Добрый день) Он нужного размера. Нужно просто зажать Ctrl на клавиатуре и колесиком мыши отдалиться от фрейма. Тогда он весь попадет в кадр. И так можно всегда приближать и отдалять при необходимости)

  • @chtotonetak
    @chtotonetak Před rokem

    Д.д. Сколько стоит сделать такие карточки на заказ спасибо 🙏

  • @user-my1he7kv3t
    @user-my1he7kv3t Před rokem +2

    Подскажите чем отличается размер 1200х1600 от 900х1200? какая принципиальная разница?

    • @design.kristall
      @design.kristall  Před rokem

      Качеством) а так это размер 3 к 4) можно делать и 900 на 1200, и 1200х1600. Они одинаковые по соотношению сторон)

  • @laura430001
    @laura430001 Před 2 lety +1

    Добрый! А где вы находите фотографии товаров ?

    • @design.kristall
      @design.kristall  Před 2 lety +1

      Добрый день) Фото товаров отправляют клиенты. А дополнительные изображения/пнг элементы для усиления вкуса на фотостоках)

    • @laura430001
      @laura430001 Před 2 lety

      @@design.kristall спасибо !

  • @maryway1350
    @maryway1350 Před 2 lety +1

    а это платная версия Figma?

    • @design.kristall
      @design.kristall  Před 2 lety

      Нет, бесплатная версия) Её более чем достаточно 😉👌

  • @dmitriyche2143
    @dmitriyche2143 Před rokem

    Здравствуйте, подскажите пожалуйста, а зачем маску слоя сделали где логотип, а потом покрасили один из слоев белым? Я так понимаю маска нужна, когда мы часть объекта перекрашиваем? Или там есть небольшое смещение слоев? Нельзя было просто покрасить логотип белым и если нужно выделить, то добавить тени? Не понял этот момент)

    • @design.kristall
      @design.kristall  Před rokem +2

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

    • @dmitriyche2143
      @dmitriyche2143 Před rokem +1

      @@design.kristall так просто, ясно!))

  • @dmitriyche2143
    @dmitriyche2143 Před rokem

    Есть ещё вопрос! Как кружка кофейная стала прозрачной на 15:10?

    • @design.kristall
      @design.kristall  Před rokem +1

      С помощью смены режима наложения слоя кружки с обычного на Multiply

  • @user-rd7yu5vd1m
    @user-rd7yu5vd1m Před rokem

    Как убавить карточку когда поставили 1200 на 1600 она на весь экран

    • @design.kristall
      @design.kristall  Před rokem

      Зажать Ctrl и крутить колесико мыши 😉 вперед - приближать, назад - отдалить)