Бесплатный курс по инфографике для маркетплейсов | второй урок | Wildberries | OZON карточка сиропа

Это второй урок бесплатного курса для начинающих и продолжающих дизайнеров карточек товаров на маркетплейсах. Курс полностью построен на базе бесплатного графического редактора Figma.
Пройдя этот курс, вы сможете выполнять до 70% всех дизайн-задач, которые встречаются в разработке карточек товаров и стать специалистом, который оказывает услуги по дизайну инфографики.
В этом уроке мы задизайнерим обложку для сиропа. Поработаем с композицией с учетом особенностей формы товара, изучим пару новых плагинов, а также сделаем эффект динамики, что привлечет зрителей на маркетплейсах.
Меня зовут Андрей и я с 2021 года занимаюсь подготовкой контента для маркетплейсов. У меня собственная студия полного цикла и мы подготовили более 12000 карточек товаров.
Навигация по курсу:
0 урок - о бесплатном курсе, регистрация в Figma, установочные данные перед курсом • Бесплатный курс по диз... .
1 урок - сделаем обложку для WB, товар - чай • Бесплатный курс по инф...
2 урок - разработаем сочную обложку для кофейного сиропа • Бесплатный курс по инф...
3 урок - задизайнерим обложку карточки товара для OZON, товар - кабель для зарядки • Бесплатный курс по инф...
Если интересно повысить уровень и выйти на доход от 100 000 рублей в месяц на инфографике, то приглашаю на мой основной курс contentmakermp.ru/
⚡️Это курс с оплачиваемой стажировкой в моей студии!⚡️
Материалы к уроку disk.yandex.ru/d/UQ_JLt_3A8FMPg
Подписывайся на мой канал www.youtube.com/ @content_prodaet - бесплатные уроки и видео о контенте для маркетплейсов
Канал в Telegram про профессию t.me/+imQZD0T2zKRjNzgy тут раскрываю стоимости наших проектов, делюсь профессиональными фишками
Сайт студии для заказа контента qcosta.ru/
Связаться со мной в Telegram t.me/apulkin

[@user-ef2sk7dd6k]

Спасибо за уроки!!! Интересно, понятно, познавательно!!!

[@content_prodaet]

И вам большое спасибо за обратную связь 🙌

[@user-zr3is4ez2t]

Спасибо большое за уроки. Очень всё понятно и просто!

[@content_prodaet]

И вам спасибо 🙌

[@evakorol5795]

Супер. Андрей, спасибо! Все получилось.

[@content_prodaet]

Светлана, отлично) я очень рад 🙏

[@cryptohafer]

Спасибо! Очень интересные и полезные уроки!

[@content_prodaet]

И вам большое спасибо за приятную обратную связь!

[@user-hl9ww5pj8r]

Спасибо вам за понятное обьяснение! Все получилось! Мне нравится)) 😊

[@content_prodaet]

И вам спасибо) замечательно, что все получается 🙌

[@Shedshebolda]

Спасибо, прошу, делайте больше уроков 👍

[@content_prodaet]

Спасибо и вам) хорошо, я очень стараюсь успевать, но не всегда выходит)

[@innasel22]

Спасибо за урок!

[@content_prodaet]

И вам спасибо 🙌

[@irina.efremova]

Спасибо вам огромное❤

[@content_prodaet]

И вам спасибо, Ирина 🙌

[@user-lt5or4mv5t]

Спасибо, все получилось ❤

[@content_prodaet]

Классно! Я рад) Продолжайте в том же духе 🚀

[@ekaterinamironenko7863]

Спасибо вам🙏

[@content_prodaet]

Екатерина, и вам спасибо!

[@hryundel_neblagodarnyi]

ураа, у меня получилось!!! спасибо!!!

[@content_prodaet]

Классно! Молодцы)

[@user-sq4ps8hr1y]

Получилось очень круто! Спасибо! Было бы еще очень интересно видео на тему как должно выглядеть портфолио дизайнера инфографики

[@content_prodaet]

Спасибо, Анна) заявку принял 😊 подумаю как рассказать об этом в следующих видео)

[@user-xr9wb3cv5s]

Спасибо большое за уроки! А подскажите, вот вы сделали кубик карамели сначала маленьким, потом растянули крупнее, качество же ухудшится в этом случае или фигма не как фотошоп работает или точно также есть растровые объекты и есть векторные (шрифты, фигуры)?

[@content_prodaet]

И вам спасибо) Да, есть растровые и есть векторные. Кубик растровый, но при уменьшении у него не фиксируется новый размер. Он остается такой же как при загрузке) К тому же, я его потом размывал, что пикселизация убирает)

[@user-cw6nx7wy3m]

Спасибо большое за курс! Все очень ясно и понятно. Но есть один вопрос. Где вы взяли такие 3Д модельки кубика карамели и жидкости? Хотелось бы знать, чтоб искать что то подобное в будущем.

[@content_prodaet]

Спасибо вам за обратную связь) Вопрос хороший. Именно эти изображения были взяты из яндекс картинок. По запросу "карамель на белом фоне")

[@btsmacitiy1961]

а как позже вы удалили этот белый фон?@@content_prodaet

[@user-rv5ld5tv7s]

@@content_prodaet Подскажите, пожалуйста, я слышала что нельзя в коммерческих целях, брать фото-элементы просто с интернета, ведь на них нужна лицензия. И не совсем понимаю, где их тогда брать, для заказов.

[@likatyund4208]

спасибо!

[@content_prodaet]

и вам спасибо)

[@user-fg1ou3eu1g]

здравствуйте! не можете подсказать где вы взяли шрифт Druk Cry ничего нет в поисковике шрифтов

[@content_prodaet]

Здравствуйте! все шрифты находятся в материалах к уроку. Ссылка в описании к видео, но дублирую disk.yandex.ru/d/UQ_JLt_3A8FMPg

[@user-sx5jj7rq7z]

Здравствуйте! Подскажите, пожалуйста, как избавиться от рамки вокруг изображения бутылки. Рамка осталась при переносе картинки из папки в фигму. Она мешает своим белым цветом на этапе заполнения фона вокруг бутылки. Спасибо.

[@content_prodaet]

Добрый день! Спасибо, что написали! Если честно, то не совсем понимаю какая рамка получилась и почему... В материалах изображение бутылки в пнг без фона 🤔 отправьте мне, пожалуйста, скрин фигмы, где видна проблема в мой тг t.me/apulkin мне нужно посмотреть, чтобы понять в чем проблема. Спасибо!

[@Mira-Life1]

Здравствуйте , спасибо за полезные видео уроки ! Назрел вопрос , у меня далеко не все плагины открываются , с чем это связано? Можете записать ваш топ плагинов ? Благодарю 😊

[@content_prodaet]

Здравствуйте) спасибо вам за обратную связь 🙌 Про полезные плагины записывал вот такое видео kzbin.info/www/bejne/fHyWi619eNKHiJosi=ZDK_1_O28u2LHKYH И писал пост у себя в тг-канале t.me/infograf_prodal/71 Но они частично обновляются, конечно) А вот почему у вас не открываются после установки не могу пока предположить 🤔

[@YulShor]

Спасибо Андрей, у меня всё получилось, урааааа!:))))) по громче бы только 🙂

[@content_prodaet]

Супер) я очень рад 🫶 По звуку принял, но только на будущие ролики это повлияет)

[@annapopikova2640]

все супер детально и понятно, спасибо, но возникла проблема с созданием надписи "соленая карамель". буквы, которые закрывает бутылка не подсвечиваются при нажатии на кнопку stroke( все делаю по инструкции, но почему-то не удается сделать как показано на видео.

[@content_prodaet]

Анна, здравствуйте! Спасибо за отзыв 🙌 Вы создали второй слой надписи, перенесли его по слоям выше бутылки, нажали на строук и убрали видимость заливки (нажать на глазик в разделе fill он чуть выше строук)

[@annapopikova2640]

@@content_prodaet спасибо, решила сделать надпись заново и все получилось! благодарю за помощь и оперативный ответ👏

[@al_sokolovaa]

Спасибо за урок! У меня появился вопрос: в конце видео сказали, о том, что валберис запрещает использовать такие слова как «скидка» и тд. Где можно ознакамливаться с этими правилами? Именно обновленную и актуальную информацию читать

[@content_prodaet]

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

[@user-rh3kc5ky8x]

Спасибо! Приступаю к 3 уроку! К сожалению моему, не смогла установить шрифты (

[@content_prodaet]

Спасибо вам за комментарий и просмотр) А также за вашу работу! Вы устанавливали шрифты по этой инструкции и все равно не сработало? kzbin.info/www/bejne/qF6kc3qpdt2gerMsi=N2p08uZKSZ7-dFi4

[@user-bk4em6yb7c]

Спасибо огромное, крутые уроки!!! только я не могу добавить шрифты ;( они скачаны у меня на ноут при этом не могу ни как добавить в фигму(( что делать??))

[@content_prodaet]

И вам спасибо 🙏 Вы, наверное, работаете через браузер в фигме? Чтобы установить шрифты ознакомьтесь, пожалуйста, с этим видео kzbin.info/www/bejne/qF6kc3qpdt2gerMsi=i54Muk51XsWJ2z5j Там я как раз рассказывал про два основных способа установки)

[@alisa_koshechka2594]

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

[@content_prodaet]

Как и в случае с первым уроком и листочками нужно убедиться, что перемещаемый слой находится в подчинении у фрейма. Если это так, то дело в функции клип контент. Возможно, она отключена. Чтобы ее включить, нужно выбрать фрейм в режиме Move и в правом меню после значений координат будет функция Клип контент. Она должна быть включена (галочка стоять).

[@alisa_koshechka2594]

Подскажите где подключить эту функцию клип контент, попробую ее подключить!

[@alisa_koshechka2594]

Спасибо большое что ответили!

[@content_prodaet]

​@@alisa_koshechka2594 напишите мне в телеграм, я запишу инструкцию t.me/@apulkin 😊

[@AnnaFrolkina]

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

[@content_prodaet]

Здравствуйте! Да, можете сохранить) буду благодарен, если пропишите, что "проект выполнен в рамках образовательного курса Контент-мейкер для маркетплейсов" 🙌

[@Nikitosina_vnature]

очень неплохо, но подскажите картинки с интернета всегда с фоном идут ка этот фон убирать??

[@content_prodaet]

Лучше всего фон убрать через какой-нибудь автоматический бесплатный онлайн-сервис. В этом видео я делал обзор на них kzbin.info/www/bejne/pZ-8g6d-lpZqZsUsi=ijchfCxrXzkbBOnJ

[@btsmacitiy1961]

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

[@content_prodaet]

Здравствуйте! Посмотрите последнее видео с оливковым маслом, там как раз показываю это. Сервис фоторум. Я там убирал фон на ветках. Это примерно середина видео

[@user-ed4pu3nx1q]

Здравствуйте, подскажите пожалуйста, вы говорите можно брать с Яндекс картинок и ли гугл, но как же лицензия на картинки? Одно, если ты создаёшь для себя, а другое когда заказчику. Как никак на Фрипике есть та самая лицензия и множество бесплатного контента, который разрешён для коммерческого использования, тем самым мы обезопасить себя и заказчика. Но опять же на бесплатный контента нужна атрибуция.

[@content_prodaet]

Здравствуйте! Тут речь конкретно про декор, который видоизменен. Но, конечно, вы правы относительно авторских прав. Перед использованием изображения нужно об этом позаботиться. На фрипике на бесплатном тарифе лицензия не такая уж дружелюбная нужно упоминать автора - вы правы. Только я ни разу не видел такого упоминания в карточках товаров. Выхода два: 1) Брать пакет с лицензией на том же фрипике, например; 2) Сильно изменять изображения, в том числе через нейросети.

[@faithmiller8070]

Спасибо большое! Все было интересно и полезно, но хотелось бы погромче, а то иногда доходит до невнятности речи, например, горячие клавиши не все удалось разобрать. Да, еще хотела сказать, что у меня не установился шрифт Druk-cyr ни с 0 урока, ни с первого из другой папки, поэтому подбирала из имеющихся, подходящих для русского.

[@content_prodaet]

И вам спасибо! Про микрофон понял, новый микрофон куплен 😀 Про шрифт: посмотрите, пожалуйста, ролик про установку шрифтов в фигме у меня на канале. У вас 100% получится 👌

[@user-xz1it3px4q]

Здравствуйте! А как в фигме сделать шаг вперёд? Ctrl Z - это отменить действие. А как сделать отмену действия?

[@content_prodaet]

Здравствуйте! Если правильно помню сочетание горячих клавиш, то это Ctrl+Shift+Z но можно перепроверить в разделе горячих клавиши в фигме)

[@shinshilkamoon4635]

Ctrl Y

[@user-wf4mq7uv1v]

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

[@content_prodaet]

Наталья, добрый день! На исходных фотографиях к этому уроку фон отсутствует. Там изображения в png без фона. Если вы имеете ввиду, как в целом убрать фон автоматическим способом, то можете посмотреть это мое видео, там я разбирал 5 таких сервисов kzbin.info/www/bejne/pZ-8g6d-lpZqZsUsi=jd5muFrzXw6zYegB

[@idjiijifkc123]

здравствуйте, спасибо за ролик!! подскажите пожалуйста какую сделать цену этой карточке??

[@content_prodaet]

Здравствуйте! И вам спасибо) Цена зависит от ценности вашей услуги. Вы можете просто нарисовать ее по референту, можете проанализировать, а можете просто сделать. Если просто сделать, то рублей 800 за обложку это нормально.

[@juliaa_bo]

Подскажите, как сохранить готовый макет в png формате?

[@content_prodaet]

Для сохранения в png нужно выделить макет (это может быть отдельный объект, группа объектов или весь фрейм), в правом меню на экране в нижней части найти раздел Export и там выбрать один из четырёх предложенных форматов: jpeg, png, pdf или svg. Ниже будет кнопка, нажав на которую, выберете путь для сохранения. Готово)

[@pidorvparke9742]

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

[@content_prodaet]

В каждом проекте можно создавать не один дизайн-файл. И в одном дизайн-файле можно хранить несколько проектов (от мощности компа зависит). Но я с 2021 года на бесплатной работаю))

[@user-ns6dz2ks1k]

в каком приложении вы обрезаете фото?

[@content_prodaet]

Добрый день! В фоторум. Записывал видео с обзором сервисов по удалению фона kzbin.info/www/bejne/pZ-8g6d-lpZqZsUsi=RUSSdD468Hf6yLSN

[@king_pubg213]

Здравствуйте спасибо за урок а можно если мне 12 эти заниматся если разрешили родители

[@content_prodaet]

Здравствуйте! Вы же учитесь, а это в любом возрасте хорошо)

[@NektoEtkin]

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

[@content_prodaet]

Расскажите почему) рендер, вроде, неплохой

[@nastynasty5940]

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

[@content_prodaet]

И вам спасибо! Да, конечно, вносите изменения и улучшения на свой вкус. Главное, чтобы понятно было зрителю)