Как создать 3D-коробку (3D-обложку) за 5 минут

Для лендинга, подписной страницы или баннера на сайт часто требуется красивое изображение упаковки курса, диска, книги или другого инфопродукта. Работать с плоскими картинками проще, однако наиболее привлекательно выглядят объемные трехмерные обложки, или 3D-коробки. Если вы никогда не занимались созданием таких картинок, это может показаться вам очень сложным. Возможно, так оно и есть, если рисовать все от начала до конца в каком-нибудь редакторе, но сегодня существуют специальные онлайн-сервисы, которые значительно ускоряют и упрощают работу. Так что, если для продвижения своих или партнерских продуктов вам нужна красивая 3D-обложка, не пугайтесь – я расскажу, как сделать ее онлайн быстро, просто, а главное, совершенно бесплатно. Вы можете прочитать эту статью или посмотреть видео, где все объясняется по шагам.

Вся процедура занимает не более 10 минут, включая подбор фото и разработку дизайна. Конечно, в первый раз потребуется чуть больше времени, но с каждым разом вы будете делать 3D-картинки все быстрее и быстрее. А у нас в результате получилась вот такая симпатичная обложка:

3d обложка для инфопродукта онлайн

Содержание


Как создать 3D-коробку: шаг 1 — разработка дизайна

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

  1. Сначала решаем, что именно на обложке будет изображено и написано, какую форму она будет иметь. Объемных вариантов формы множество: простая коробка, коробка с диском, книга, тетрадь, блокнот, постер, чек-лист. Буду показывать создание упаковки на примере большой 3D-коробки для бесплатного онлайн-курса, который я отдаю за подписку. Все остальные виды обложек создаются аналогичным образом.
  2. Затем придумываем текст, который будет располагаться на фронтальной и боковой частях упаковки. Указываете то, что считаете нужным. Например: автор и название курса, год выпуска, главная выгода для пользователя и т. д.
  3. Находим и скачиваем на свой компьютер подходящую для 3D-коробки картинку. Это может быть любое изображение по теме, которая соответствует нашей бесплатности. Во избежание проблем с авторскими правами, выбирать лучше изображения, распространяемые по лицензии Creative Commons. Где искать? На Pixabay, Kaboompics, Unsplash и других стоках.

Все, подготовка закончена, можно приступить к изготовлению 3D-бокса.


Создание макета 3Д-коробки

Чтобы нарисовать красивую объемную картинку для обложки нашего инфопродукта, нам понадобятся всего 2 сервиса: 3dCoverDesign (https://3dcoverdesign.ru/) и Canva (или ее аналоги, которые я собрала для вас здесь).

3Д-коробка - как сделать бесплатно

 

Создаем заготовки для лицевой и торцевой частей обложки в Canva

1. Сначала заходим на сайт 3dCoverDesign, выбираем вариант 3D-обложки и смотрим, какой размер должен быть у заготовок. В нашем случае 670х1000 px для фронтальной поверхности и 180х1000 px для торца.

Создание 3д обложки онлайн

2. Отправляемся на онлайн-сервис Canva, который поможет нам создать заготовки. Регистрируемся – здесь все стандартно, так что без подробностей, вы без труда разберетесь и сами. После регистрации заходим в свой аккаунт, в настройки и включаем русский язык. Затем в левом меню выбираем зеленую кнопку «Создать дизайн» (Create a design, если вы оставили английский интерфейс) – «Настраиваемые размеры». Вводим 670×1000 px и нажимаем кнопку «Создать дизайн» (Create design). На соседней вкладке сразу открывается пустая страничка с белым фоном, которая будет основой для «лица» нашей трехмерной обложки.

canva - создание 3д-обложки

3. Слева находится панель инструментов. Находим вкладку «Фон» (Bkground) и выбираем фоновую картинку, которая нам нравится. Там есть платные фоны, но и бесплатных такое количество, что для ваших первых творений хватит за глаза. Если хотите, вместо изображения можно использовать заливку цветом. Тогда просто выбираете подходящий цвет из палитры.

Как выбрать фон в Canva

4. Далее нам нужно вставить картинку, которую мы сохранили в рабочей папке на своем устройстве. Закачиваем ее на Canva. Для этого находим раздел «Загрузки» (Uploads) в панели инструментов и нажимаем кнопку «Загрузить изображение или видео» (Upload an image or video). Да, видео тоже можно использовать в этом сервисе. Когда картинка загрузилась, кликаем по ней, и она добавляется в наш макет. После этого мы можем увеличить ее, уменьшить, переместить в нужное место.

Canva - как загрузить изображение

5. Следующий шаг – работа с текстом. Выбираем в панели управления раздел «Текст» (Text) и нужный вариант заголовка. Меняем цвет, шрифт, расположение и размер текста. Чтобы изменить порядок слоев, нужно навести курсор на элемент, нажать правую кнопку мыши и выбрать «На задний план» (Send to back), «Переместить назад» (Send Backward) и т. д. Если хочется заключить текст рамочкой, переходим во вкладку «Элементы» (Elements) и находим подходящий вариант оформления.

Как добавить текст в Canva

6. Когда заготовка для лицевой стороны 3D-коробки нас полностью устраивает, скачиваем ее на свой компьютер. Для этого нажимаем кнопку «Опубликовать» (Publish) в правом верхнем углу, а затем «Скачать» (Download) – «Тип файла» (File type). Нам нужен формат png или jpg.

Как сохранить картинку в Canva

Кстати, «Канва» предоставляет большой выбор картинок и элементов. Тематические изображения можно найти через поиск. Минус один – приличных бесплатных фото немного. К сожалению, Канва ушла с российского рынка, но есть другие онлайн-редакторы на русском языке, доступные в России. Например, Supa и Flyvi

Далее аналогичным образом нам нужно создать заготовку для боковины нашей упаковки. Следуем тем же инструкциям, но размер проставляем 180х1000px, а текст растягиваем по размеру макета и располагаем вертикально (с помощью значка в виде двух полукруглых стрелок). Готовую боковину скачиваем в том же формате, что и лицевая часть.

Торцевая часть 3D-обложки


Создаем 3D-коробку в сервисе 3DCoverDesign

Переходим к последнему и самому приятному этапу – к непосредственному созданию 3D-коробки. Снова открываем сайт 3dcoverdesign.ru (регистрироваться необязательно), добавляем наши макеты в соответствующие окна загрузки, нажимаем «Создать 3D».

сделать 3д коробку онлайн бесплатно

Сервис начинает свою работу, а мы любуемся надписью «В ожидании чуда». Несколько секунд… «Вуаля!» – и наша 3D-обложка готова. Нам остается только скачать готовое изображение. Нажимаем «Скачать оригинал 1500х1500 пикселей», картинка открывается в отдельной вкладке, жмем правую кнопку мышки «Сохранить картинку как…».

3d коробка онлайн - как сделать

Не все шаблоны в сервисе 3dcoverdesign требуют создания двух изображений-заготовок. В некоторых нужна только лицевая сторона.

Вот и все. Как видите, в создании 3D-упаковки нет ничего сложного, а сам процесс занимает минимум времени – гораздо меньше, чем если бы все то же самое вы делали в программе Photoshop или в графическом онлайн-редакторе. А еще при самостоятельном изготовлении трехмерной коробки вы сэкономили как минимум 500 руб. – именно от такой суммы начинаются расценки на подобные виды работ на биржах, таких как Kwork, FL, Work-zilla .

3dcoverdesign позволяет создавать не только 3Д-боксы, но и обложки для дисков, книги, тетради и даже визитки.

3d-обложки

 

В этой статье я показала, как создаются примитивные 3D-коробки, но если вы хотите стать настоящим профессионалом и изучить все тонкости дизайна, рекомендую заглянуть сюда. Вариантов — много: от 3D-визуалазитора до графического дизайнера. Пройдя обучение, вы сможете превратить это увлекательное занятие в дополнительный (а может быть, и основной) источник заработка.


В дополнение

Вот еще 2 онлайн-сервиса, с помощью которых можно с такой же легкостью, быстро, и бесплатно сделать 3D-коробку своими руками:

  • https://boxshot.com/3d-pack/3d-box/
  • https://www.insofta.com/ru/3d-cover-generator/3d-box/
  • https://plottersvg.ru/boxgenerator


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

 

Реклама. Информация о рекламодателе по ссылке в статье

Поделиться в социальных сетях

2 комментария для “Как создать 3D-коробку (3D-обложку) за 5 минут

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

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

Пролистать наверх