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

• Открываем новый файл в программе.  

• Затемняем рабочую зону для удобства.  

• Создаем рамку и вводим размеры макета 1200x1600.  

• Используем колесико мыши для отдаления холста.  

• Переносим макет на холст.  

• Создаем прямоугольник для фона.  

• Используем градиент с черным и темно-синим цветами.  

• Применяем эффект наложения для реалистичности.  

• Открываем файл с изображением воды.  

• Применяем эффект наложения для слияния с фоном.  

• Настраиваем экспозицию и контрастность.  

• Открываем изображение свечения.  

• Применяем эффект наложения и регулируем прозрачность.  

• Открываем изображение товара.  

• Размещаем товар максимально крупно.  

• Добавляем экспозицию и контраст для яркости.  

• Дублируем слой товара.  

• Применяем вертикальное отражение.  

• Настраиваем линейный градиент для реалистичного отражения.  

• Открываем изображение улитки.  

• Применяем горизонтальное отражение.  

• Настраиваем экспозицию и контраст для яркости.  

• Копируем улитку для создания тени.  

• Применяем эффект лейр блюр для реалистичности.  

• Добавляем тень под улитку.  

• Открываем изображение воды.  

• Настраиваем экспозицию и температуру для реалистичности.  

• Применяем наложения для лучшего эффекта.  

• Копируем и отражаем воду по горизонтали.  

• Добавляем динамику, увеличивая и разворачивая воду.  

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

• Копируем бутылку и добавляем объем с помощью лейр блюр.  

• Убираем экспозицию и добавляем текстуру.  

• Размещаем подложку под бутылкой, добавляем текстуру воды.  

• Добавляем текст "сыворотка" и настраиваем шрифт.  

• Выравниваем текст по центру и добавляем дополнительный текст.  

• Создаем круг для главного оффера и добавляем текстуру воды.  

• Рисуем дугу за кругом и добавляем линейный градиент.  

• Настраиваем прозрачность и цвет дуги.  

• Добавляем листочки для взаимодействия с текстом.  

• Копируем и разворачиваем листочки для динамики.  

• Проверяем, чтобы все элементы были на месте.  

• Сохраняем макет в формате PNG, проверяя все элементы перед сохранением.  

• Макет сохранен на рабочий стол.  

• Более детальные приемы для улучшения карточки и работа с клиентами будут рассмотрены на курсе по инфографике.  

• Курс также включает советы по ведению соцсетей для продвижения себя как дизайнера.  

• При повторении макета и публикации в соцсетях, делайте пометку на автора для его благодарности.  

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