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

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

• Цель урока: создание карточки товара для чая.  

• Ссылка на материалы в описании видео.  

• Напоминание о нулевом уроке и установке необходимых шрифтов.  

• Обзор папки с материалами: фотография товара, фотография товара без фона, декоры, шрифты.  

• Важность соблюдения технических требований для Wildberries.  

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

• Настройка размера фрейма для соответствия требованиям Wildberries.  

• Перемещение фрейма и создание нового фрейма для урока.  

• Добавление фотографии во фрейм с использованием функции "клип контент".  

• Настройка размера и пропорций фотографии.  

• Создание заголовка с использованием шрифта "Дрюк Кирилл".  

• Настройка размера и начертания шрифта для заголовка.  

• Размещение информации о чае: индийский и черный.  

• Настройка шрифта и размера для информации о чае.  

• Центровка текста внутри фрейма с помощью специальных клавиш.  

• Создание и центровка текста "индийский".  

• Копирование и вставка текста с помощью Ctrl+C и Ctrl+V.  

• Размещение текста "200 граммов" в круге.  

• Использование инструмента "Скейл" для изменения размера объектов.  

• Перемещение и выравнивание текста "200 граммов".  

• Настройка выравнивания текста относительно левого края.  

• Перемещение и выделение нескольких объектов одновременно.  

• Уменьшение размера круга для улучшения композиции.  

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

• Использование градиента для заливки круга.  

• Настройка направления и цвета градиента.  

• Установка и использование плагинов в Figma.  

• Поиск и загрузка плагинов через контекстное меню.  

• Применение иконок из плагина "Phosphor Icons".  

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

• Увеличение векторного изображения без потери качества.  

• Проверка и настройка начертания текста.  

• Удаление старого фрейма и выравнивание текста по толщине.  

• Использование плагина для размещения текста по кривой.  

• Настройка видимости слоев для скрытия ненужных элементов.  

• Создание копии фотографии и замена фона.  

• Использование альфа-слоя для создания многослойной композиции.  

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

• Добавление чайных листьев для привлечения внимания.  

• Настройка расположения листьев для уравновешенности композиции.  

• Использование эффекта движения для создания эффекта полета.  

• Размытие по краям слоя.  

• Настройка блюра: 4 для небольшого размытия, 10 для заметного изменения.  

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

• Использование эффекта блюра для создания многоплановой композиции.  

• Копирование эффекта на новый объект с помощью Ctrl+C.  

• Настройка эффекта на новом объекте с помощью Ctrl+V.  

• Группировка слоев с помощью Ctrl+G.  

• Изменение размера и перемещения группы с помощью клавиши Shift.  

• Объекты, выходящие за пределы фрейма, выглядят уместно.  

• Завершение первого урока.  

• Призыв к обратной связи и вопросам.  

• Обещание помочь улучшить работу и довести её до состояния для портфолио.