Создание превью кружек для интернет-магазина

Полезный софт, помогающий вам в работе и бизнесе. Платные и бесплатные программы.
beoriginal
Посетитель
Посетитель
Сообщения: 30
Зарегистрирован: 03 фев 2016, 16:04
Настоящее имя:
Откуда: Алматы

Создание превью кружек для интернет-магазина

Непрочитанное сообщение beoriginal » 07 окт 2016, 13:19

Всем привет.

Решил поделиться опытом, может кому будет полезно.
И так, что должно получиться:
Изображение ИзображениеИзображениеИзображение
Т.е. на выходе мы имеем более-менее реалистичную фотографию кружки. Подойдет для тех, кому интересно будет посмотреть как будет смотреться принт либо тем, кто занимается интренет торговлей.
Для создания этих картинок нам понадобятся фотошоп и 3д редактор Blender 3d.
Блендер можно скачать тут: https://www.blender.org/
Программа бесплатна.
И так, начнем.
Архив, содержащий 2 фотошоп файла, в одном текстурка принта и цвет ободка кружки, во втором цвет ручки. Не спрашивайте почему в разных файлах, я уже и не помню почему.
Ссылка на фотошоповские файлы https://vk.com/doc340715834_438114901
Слой 0 должен быть скрыт, но если его сделать видимым, то вы увидите границы развертки текстуры для 3д редактора. Границами в файле указана область 21см на 9.5 см, что соответствует принту на кружке.
Изображение
Слои с кружками в правом нижнем углу - это ободок кружки, делаем видимым только тот цвет, который необходим, остальное скрываем. Нужен белый? Скройте все кружки.
Изображение
Во втором фотошоповском файле все аналогично.
Приступим к работе:
Для начала подготовим из фотошоповских файлов текстурки для 3д редактора.
Вставляем картинку в границы в фотошопе и делаем видимым необходимый цвет ободка:
Изображение
Аналогично выбираем цвет для ручки:
Изображение
Сохраняем обе картинки в png в удобном месте. Называем эти два файла один раз, в дальнейшем для создания новых принтов необходимо будет только заменить их в фотошопе. У меня они названы "кружка" и "ручка". Почему будем их перезаписывать? Объясню чуть ниже.
Вот в таком виде должны быть текстурки, сохраненные из фотошопа: https://vk.com/doc340715834_438114931
Так, файлы для 3д редактора подготовлены.
Ссылка на 3 файла https://vk.com/doc340715834_438114904
Открываем 3д редактор, нажимаем ctrl+O, открываем скачанный файл 1.blend
Изображение
На этом этапе у вас не будет текстурки в превью слева. Для того, чтобы ее привязать, нужно:
1) Правое окошко переводим в Node Editor
Изображение
2) Справа в меню раскрываем Cube:
Изображение
3) Фигура cube - это ручка кружки, фигура cirlce.001 это сама кружка. Назначаем им текстуры, подготовленные в фотошопе:
Изображение
Сохарняем файл 1, аналогично привязываем текстуры в 2.blend и 3.blend. Эти файлы отличаются лишь ракурсом кружки.

Начинаем рендерить картинки. В моих файлах установлено разрешение 550*650. Для моих нужд этого хватает. Для начала рендеринга нажимаем F12, с моей старенькой GTX 560 рендер занимает чуть больше 1 минуты:
Изображение
Для сохранения картинки нажимаем F3, курсор должен быть на правом окошке, где показывается результат рендера.
Вот так за 5 минут работы мы получаем фотографию кружки с 3-х ракурсов:
Вот что получилось у меня, сравнение реальных фотографий и того, что у нас получилось (напишу сразу, живой результат ближе к компьютерной картинке, чем к живой фотке):
ИзображениеИзображение
ИзображениеИзображение
ИзображениеИзображение
P.S. Внутренней заливки кружки в этих исходниках нет т.к. для меня они ненужны.
P.S.S. модель не претендует на звание супер реальной, но ещё никто не замечал у меня, что это не реальные фотки =)

Создание превью кружек для интернет-магазина

Поддержать форум
 

nikoz
Новичок
Новичок
Сообщения: 7
Зарегистрирован: 06 май 2016, 18:55
Настоящее имя: Николай
Откуда: Ростов-на-Дону

Создание превью кружек для интернет-магазина

Непрочитанное сообщение nikoz » 23 окт 2016, 22:02

ссылки на вк документы не работают(

beoriginal
Посетитель
Посетитель
Сообщения: 30
Зарегистрирован: 03 фев 2016, 16:04
Настоящее имя:
Откуда: Алматы

Создание превью кружек для интернет-магазина

Непрочитанное сообщение beoriginal » 27 окт 2016, 12:15

nikoz
http://my-files.ru/gzwj7f
Залил все файлы в один архив.

Аватара пользователя
perplexor
Профессионал
Профессионал
Сообщения: 1348
Зарегистрирован: 15 июн 2013, 22:37
Настоящее имя: Александр
Откуда: Краснодар
Поблагодарили: 2 раза

Создание превью кружек для интернет-магазина

Непрочитанное сообщение perplexor » 27 окт 2016, 13:16

круто, очень.
Но слишком трудоёмко. Хочется потоково - скормил программе папку с шаблонами, и ушел пить пиво)
Фотографии некрасивых девушек Adobe Photoshop сохраняет в формате ".pzd"

beoriginal
Посетитель
Посетитель
Сообщения: 30
Зарегистрирован: 03 фев 2016, 16:04
Настоящее имя:
Откуда: Алматы

Создание превью кружек для интернет-магазина

Непрочитанное сообщение beoriginal » 27 окт 2016, 14:33

perplexor
особой запарки нет) 5 минут максимум уходит на создание 3-х картинок.
Вообще, на сублимацию меня вдохновили, не сочтите за рекламу, elfstore.ru.
Вот у них фотографии кружек сделаны таким же программным способом. Я остановился на своем варианте т.к. мощности ПК на большее качество нет, а ждать рендера по 20-30 минут не хочется)
Кстати, вот что получилось сделать в этой же програмке, осталось чуток со светом поиграть, и эта гифка отлично подойдет для витрины в интернете
https://vk.com/doc340715834_438513696?h ... f1dceb59d5

vin4
Прохожий
Прохожий
Сообщения: 4
Зарегистрирован: 01 окт 2016, 12:00
Настоящее имя: Андрей
Откуда: Симферополь

Создание превью кружек для интернет-магазина

Непрочитанное сообщение vin4 » 04 ноя 2016, 10:10

beoriginal очень круто)) Спасибо
только вот так и не понял как рендорить три файла сразу. и как сделать чтоб ручка была полностью видна.

gb2000
Посетитель
Посетитель
Сообщения: 15
Зарегистрирован: 20 фев 2016, 22:19
Настоящее имя: Денис
Откуда: Краснодар

Создание превью кружек для интернет-магазина

Непрочитанное сообщение gb2000 » 04 ноя 2016, 23:02

спасибо за идею и полное руководство... СПАСИБО!!! :yahoo:

gb2000
Посетитель
Посетитель
Сообщения: 15
Зарегистрирован: 20 фев 2016, 22:19
Настоящее имя: Денис
Откуда: Краснодар

Создание превью кружек для интернет-магазина

Непрочитанное сообщение gb2000 » 04 ноя 2016, 23:11

Хотя не так сразу просто разобраться

vin4
Прохожий
Прохожий
Сообщения: 4
Зарегистрирован: 01 окт 2016, 12:00
Настоящее имя: Андрей
Откуда: Симферополь

Создание превью кружек для интернет-магазина

Непрочитанное сообщение vin4 » 07 ноя 2016, 22:16

у кого сколько по времени происходит рендер?

beoriginal
Посетитель
Посетитель
Сообщения: 30
Зарегистрирован: 03 фев 2016, 16:04
Настоящее имя:
Откуда: Алматы

Создание превью кружек для интернет-магазина

Непрочитанное сообщение beoriginal » 14 ноя 2016, 10:56

vin4 1 картинка 1 минута.
Не знаю, схоранились ли настройки в файлах, чтобы за рендер отвечала видеокарта, а не процессор, надо ее поставить:
1) File -> User preferences. Во вкладке System поставить в Compute Device -> CUDA и выбрать свою видеокарту, если она поддерживает cuda.
2) Проставить, если не стоит обработку видеокартой вот тут:
Изображение

UPD. Я рендерю 1 файл, потом сохраняю картинку, потом ctrl+o, открываю 2 и т.д. Вместе рендерить все картинки смысла нет, слишком ресурсоемкое занятие для компьютера.

Поворачивать кружку можно, кликнув на ручку, и, через шифт, на кружку, нажать R (тем самым задав функцию вращения), потом Z (задав вращение по оси Z) и либо мыкой крутить, либо в градусах напечатать угол поворота. Например, хочу повернуть кружку на 45 градусов. Выбираю кружку с ручкой, нажимаю R, потом Z, потом 45 (или -45, смотря в какую сторону вращать) и Enter.
Чтобы поменять пропорции фотографии, то надо играться с Resolution (выше в картинке видно)

Ответить

Вернуться в «Полезные программы»