Как сделать коммерческое предложение?

В этом уроке мы разберём, как пошагово, используя шаблон из библиотеки SUPA, создать коммерческое предложение для бренда косметики Oil Cosmetics.

Шаг 1. Регистрация в сервисе SUPA

Для возможности создавать креативы, вы должны авторизоваться в нашем сервисе. Для этого нажмите на кнопку “Вход” в верхнем правом углу главной страницы.

Если вы еще не являетесь пользователем SUPA, пройдите короткую регистрацию, нажав кнопку “Регистрация” рядом.

Подробности о вариантах авторизации и создании нового аккаунта вы можете прочитать здесь.

Шаг 2. Создание нового креатива

Чтобы создать коммерческое предложение, выберем подходящий шаблон на экране создания креатива.

С главной страницы профиля перейдите в раздел “Создать”.

Затем последовательно выберите “Бизнес” и “Коммерческое предложение”.

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

Нажмите на понравившийся шаблон, и вы перейдёте в редактор.

В любом шаблоне вы можете изменять, заменять или добавлять любые элементы.

Внимание! Некоторые элементы могут быть недоступны, если у вас не подключен тариф Премиум.

Шаг 3. Выбор слайдов из шаблона

При переходе к работе с многостраничным шаблоном вы увидите слева список входящих в него слайдов. По умолчанию в ваш креатив добавлен первый слайд.

Воспользуемся несколькими страницами из шаблона для создания своего коммерческого предложения.

Нажмите справа кнопку “+ Слайд” для добавления нового пустого слайда в ваш креатив.

Слева в списке слайдов выберите подходящий слайд и щёлкните по нему. Он будет применён к пустому слайду.

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

Шаг 4. Редактирование слайдов

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

Шаг 5. Изменение текста и шрифтов

Заголовок “Коммерческое предложение” оставим без изменений, но подберем для него более стильный шрифт. Для этого выделите текстовый блок, перейдите в “Настройки текста”, нажмите на название шрифта и выберите новый шрифт из появившегося списка.

Заменим название бренда в нижней части креатива. Для этого щелкните дважды по текстовому блоку и напечатайте новый текст.

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

Потяните за границы блога, чтобы отрегулировать его размер после изменения шрифта.

Шаг 6. Замена изображения

Заменим изображение на фотографию нашего товара. Для этого выделите изображение и в настройках нажмите “Заменить изображение”.

Щелкните на серое поле загрузки слева и выберите на компьютере нужный файл. Также можно просто перетащить фотографию на серое поле.

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

Чтобы изменить ширину изображения, потяните за боковые маркеры.

Шаг 7. Изменение фона

Чтобы заменить фон, выделите его и нажмите справа “Изменить фон”. В левом меню перейдите в категорию “Цвет” и нажмите на значок настройки (ведерко с краской).

Подберите подходящий цвет из палитры или задайте его с помощью HEX кода (например, если у вас есть брендовые цвета).

После замены фона стал заметен нижний блок, он нам не понадобится. Выделите его и удалите, нажав на значок “Корзина” или на клавишу Del.

Остальные фоновые элементы, которые обрамляют фотографию, выделите и замените их цвет на цвет фона.

Сделаем цвет текста более контрастным относительно нового цвета фона. Для этого выделите все текстовые блоки с помощью клавиши Shift и в настройках выберите новый цвет.

Шаг 8. Замена элементов

Удалим элементы, которые нам не подходят. Выделите их и удалите, нажав на значок “Корзина” или на клавишу Del.

Добавим новые элементы, которые больше подходят для тематики нашего бренда - натуральной косметики.

Откройте слева раздел “Объекты”, категорию “Фигуры”, выберите новый элемент и щелкните по нему, чтобы добавить на холст.

Чтобы оставить только границы фигуры, перейдите в настройки, нажмите “Удалить заливку”, затем в разделе “Граница” задайте цвет (из цветов креатива) и толщину. Возьмем минимальное значение: 1.

Отрегулируйте размер фигуры, потянув за её границы, и расположите её в левом верхнем углу фотографии.

Создайте копию элемента, нажав значок “Дублировать”. Также можно использовать сочетание клавиш Ctrl + С и Ctrl + V.

Отрегулируйте размер и поворот скопированного элемента и расположите его в правом нижнем углу фотографии.

Форму центрального элемента оставим без изменений, но поменяем его цвет на цвета креатива.

Шаг 9. Оформление второго слайда

Перейдите на второй слайд и замените фон и шрифт, как на первом слайде.

Замените текст на описание продукта.

Если вам понадобится помощь в составлении текста, можете воспользоваться возможностями Искусственного интеллекта. Для этого перейдите в раздел “Текст”, нажмите “Сгенерировать текст”, выберите “Создать текст”, задайте тему и нажмите еще раз “Сгенерировать текст”.

Замените изображение, повторив шаги из пункта 6.

Отредактируйте расположение текстового блока относительно других элементов, используя направляющие - они появятся автоматически, при перемещении объекта по холсту.

Скопируйте графические элементы с первого слайда, используя сочетание клавиш Ctrl + С и Ctrl + V.

Шаг 10. Добавление нового элемента на второй слайд

Добавим новый элемент.

Откройте слева раздел “Объекты”, категорию “Фигуры”, выберите новый элемент и щелкните по нему, чтобы добавить на холст.

Удалите заливку фигуры и задайте стиль границ, как у элементов из первого слайда.

Отрегулируйте размер и наклон элемента, после этого расположите его в верхней части холста.

Создайте копию элемента и расположите её в нижней части холста.

Шаг 11. Дизайн остальных слайдов

Отредактируйте дизайн остальных слайдов в соответствии с заданным стилем.

Шаг 9. Скачивание креатива

Для сохранения креатива нажмите кнопку “Скачать”.

В левом меню выберите формат файла, настройте качество генерации кнопками или ползунком, выберите нужные опции и нажмите “Сгенерировать”.

Для печатной продукции советуем выбрать формат PDF, так как в нём можно включить сохранение с палитрой CMYK, а также добавить вылеты и обрезку, необходимые для печати.

Также в PDF будут работать внешние ссылки.

Подождите, пока происходит обработка, затем нажмите “Скачать файл” для сохранения креатива на устройство или “Поделиться” для его передачи в Dropbox, Google Drive или с помощью QR-кода.