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

[@muratb.1369]

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

[@design.kristall]

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

[@verolaverola3902]

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

[@design.kristall]

Очень приятно слышать)))

[@lidiaboldyreva1659]

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

[@design.kristall]

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

[@Karusel2022]

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

[@design.kristall]

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

[@СветланаАтанова-с6ж]

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

[@dremaet]

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

[@design.kristall]

Спасибо большое 😍🙌

[@design.kristall]

Очень ценно и приятно)

[@zumso2004]

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

[@design.kristall]

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

[@SCreaStar]

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

[@SolitaireMyFarmFriends]

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

[@design.kristall]

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

[@Flipitos]

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

[@design.kristall]

Благодарю) Получилось?

[@EkMalaya]

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

[@design.kristall]

Пожалуйста 😍🔥

[@greatdemoness9567]

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

[@design.kristall]

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

[@ЯнуляМекертычева]

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

[@design.molekula]

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

[@design.kristall]

Благодарю ❤️❤️❤️

[@Dara16_]

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

[@МарияПетрова-ы9с]

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

[@design.kristall]

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

[@ROBLOXGAME-r8b]

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

[@design.kristall]

Благодарю 😍🔥🔥

[@TINARO1988]

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

[@design.kristall]

Благодарю))

[@Tirrotig]

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

[@Altyngul_Zhartaeva]

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

[@svetlanakomarova8018]

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

[@design.kristall]

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

[@user-hz1jt6pq5f]

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

[@НатальяКабалина-и8о]

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

[@design.kristall]

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

[@alexanaxBERG]

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

[@design.kristall]

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

[@SavaSav4]

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

[@design.kristall]

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

[@aleksandra9999]

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

[@Adelina_88]

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

[@design.kristall]

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

[@Adelina_88]

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

[@v_pogone_za_smislom]

спасибо!

[@kris_somerholder]

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

[@design.kristall]

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

[@dashkalinka]

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

[@design.kristall]

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

[@РоманНестеров-э7ф]

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

[@design.kristall]

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

[@РоманНестеров-э7ф]

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

[@design.kristall]

@@РоманНестеров-э7ф отлично) пожалуйста)

[@ЕвгенияСмирнова-ц4й]

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

[@design.kristall]

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

[@weassewe]

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

[@design.kristall]

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

[@ОльгаЦыбрина]

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

[@design.kristall]

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

[@chtotonetak]

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

[@lubaAs]

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

[@design.kristall]

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

[@nataliiakononenko419]

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

[@VETKAPIPETKA]

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

[@diydasha]

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

[@design.kristall]

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

[@СветланаСветлая-ы1и]

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

[@design.kristall]

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

[@Наталия-у4е]

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

[@design.kristall]

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

[@laura430001]

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

[@design.kristall]

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

[@laura430001]

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

[@ВиолеттаРусецкая-ъ3и]

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

[@design.kristall]

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

[@doctorplanb9179]

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

[@design.kristall]

Можно поставить видео на скорость 0,5 🤣👌

[@doctorplanb9179]

@@design.kristall 🤣👍

[@LoveRgandFs]

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

[@maryway1350]

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

[@design.kristall]

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

[@МарияЛистопад-ж3я]

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

[@design.kristall]

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

[@ЮлияКурбатова-н5р]

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

[@design.kristall]

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

[@dmitriyche2143]

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

[@design.kristall]

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

[@dmitriyche2143]

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

[@dmitriyche2143]

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

[@design.kristall]

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

[@ЮлияКурбатова-н5р]

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

[@design.kristall]

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