Как сделать 3D-обложку инфопродукта

В  этой статье расскажу и покажу, как сделать 3d-обложку для книги или коробки для видео.

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

Выбирайте тот, который вам удобнее.

Зачем нужно делать 3D обложки

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

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

На подсознательном уровне мысль работает так: если внешний вид радует глаз, то и с содержанием, наверное, все хорошо.

Сервисы для создания 3D изображений

Для создания 3D обложек я использую два онлайн сервиса.

Сначала нужно подготовить креатив – изображение с текстом.

Выбираем шаблон 3d-обложки в сервисе 3dcoverdesign

Переходим на сайт 3dcoverdesign.

  1. Выбираем понравившийся шаблон книги или коробки и нажимаем на зеленую кнопку.

2. Далее нажимаем на зеленую кнопку и смотрим требования по размеру для данного шаблона:

Делаем картинки в сервисе Canva

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

Регистрируемся и приступаем к работе.

3. Нажимаем на кнопку «Создать дизайн»:

Подготовка лицевой части обложки

4. Указываем размеры изображения для лицевой части обложки:

5. Жмём на создать дизайн и вслед за этим загружается рабочее пространство, где будем создавать креатив для обложки.

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

6. Шаблон поместился в рабочей зоне редактирования:

Далее следует заменить изображение обложки и текст, чтобы они соответствовали теме. Для примера возьмем тему партнерского маркетинга. Заголовок будет таким: Как зарабатывать на партнерках.

Работа с картинками в сервисе Canva

7. Как заменить изображение. Нужную картинку находим в интернете и загружаем в раздел «Загрузки», Нажимаем в панели кнопку «Загрузки»:

8. Все загруженные изображения находятся в этом разделе:

 

9.Когда картинка будет загружена, перетаскиваем её из раздела «Загрузки» в шаблон редактирования на место старой. Замена произойдет автоматически:

 

10. Выравниваем изображение. Оно перекрыто прямоугольником. Выделяем эту область, и рядом с ней появляется значок поворота. Мышкой двигаем выделенную область до горизонтального положения. Рядом будет указатель угла наклона. Таким способом в Canva поворачиваются объекты под разными углами.

Работа с текстом

11. Далее удаляем лишний текст и пишем новый заголовок. Все это делается легко, так как работают все функции: курсор, Backcpace, перетаскивание и форматирование текста.

Теперь осталось внизу вставить имя автора. Для этого в панели инструментов нажимаем опцию «Текст» и «Добавить заголовок»:

12. Появляется надпись, которую следует отредактировать и перетащить вниз:

13. Растягиваем её по всей ширине и задаем параметры: цвет, шрифт, размер и положение по центру:

Работа с элементами оформления

Далее необходимо сделать подложку.

Перепробовав несколько вариантов я выбрал лучший: цвет подложки под цвет заголовка, а цвет текста — белый.

14. Заходим в раздел «Элементы». Выбираем прямоугольник.

 

15. Нажимаем на прямоугольник, и он появляется в рабочем поле:

Делаем его нужных размеров и перетаскиваем на подзаголовок с именем автора:

Если случится так, что подложка перекроет надпись, то вверху есть инструмент «Расположение». С его помощью можно поменять взаиморасположение элементов. Для этого нужно выделить нужный элемент и задать ему расположение:

Как поменять цвет

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

18. Выделяем текст и задаем белый цвет:

19. Выделяем подложку и задаем ей цвет главного заголовка:

20. Цвет подложки поменялся:

Остался еще один небольшой штрих. Основной цвет лицевой стороны у нас белый. Но представьте, как она будет смотреться на белом фоне.

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

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

21. Выделяем фоновую часть обложки. В данном шаблоне фон разделен на верхнюю и нижнюю части. Меняем цвет верхней части:

 

 

22. Верхняя часть поменяла цвет, и теперь то же самое проделаем с нижней частью. Потому что там у нас находится перекрывающее поле. Его цвет мы поменяем:

 

23. Лицевая часть готова. Скачиваем ее в папку на компьютер.

Подготовка торцевой части 3d-обложки

Приступаем к изготовлению торцевой стороны обложки.

24. Снова идем на главную и задаем размеры торцевой части, как в пункте 4:

25. В рабочую область помещаем текстовое поле и задаем размер шрифт и его размер:

Шрифт Open Sans Extra Bold. размер шрифта 48.

Затем выделяем текст и разворачиваем его на 90 градусов (эта операция показана в пункте 10)

26. Развернув текст, пишем заголовок «Как зарабатывать на партнерках», задаем цвет и положение по центру:

Торцевая часть готова, и ее мы скачиваем в ту же папку. Фоновый цвет можно не менять, так как  торцевая часть в 3D изображении будет теневой.

Создание 3d-обложки в сервисе 3dcoverdesign

27. Далее заходим в 3dcoverdesign, находим наш шаблон обложки. Нажимаем зеленую кнопку:

 

28. И последовательно вставляем лицевую и торцевую части:

 

 

29. После нажатия на кнопку Создать3D у вас загрузится 3d-обложка книги, которую вы скачиваете на свой компьютер.

В следующей статье я расскажу, как оформлять сайдбар на сайте  и размещать на нём баннеры и обложки.

 

 

 

 

 

 

 

 

 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

© 2020 Продвижение партнёрок // Политика конфиденциальности