Урок по рисованию шапки для видео блога

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

Так выглядит наша шапка блога финального вида.

Из данных кусков изображений была создана наша кино-шапка для сайта.

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

Разобравшись с полом, вешаем на задний фон красный портьер. И немного затемним его по краям в центре, чтобы придать немного объема. Для того чтобы наши портьеры  смотрелись не слишком топорными.

После дорисовываем портьер сверху.

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

Итак, после безобразия со шторами, вставляем дубль и дорисовываем под ним мокрый пол.

Затем вставляем, Оскар и рисуем на нем несколько бликов стандартными фотошопоскими кистями. Также, подрисовываем под ним тенюшку.

Далее вставляем что-то похожее на логотип и дорисовываем в этом стиле меню.

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

Кидаем баночки кока-колы (не забываем дорисовать под ними мокрый пол) и вставляем пару бобин.

Такие же действия проделываем с попкорном.

Далее разбрасываем попкорн по всей нашей сцене, не забывая дорисовывать мокрый пол под каждой попкорнкой.

Ну и в конце для изюминки рисуем вылетающий попкорн из ведерка. Кому хочется поиграть с данной шапкой, предлагаю скачать PSD-макет.

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

Про hdri карты

HDRI карты я использую только случаях, если нужно отрендерить объект, но нет окружения. А тратить время на моделирование окружения не всегда хочется, если его можно заменить hdri картами.
Возьмем, к примеру, бильярдные шары.

Моя сцена 2006 года 

Как видите, есть сцена, но нет окружения. Не беда, нужно всего лишь найти hdri карточку. Для данной сцены, желательно найти какой-нибудь интерьер, чтобы наши бильярдные шары отражали интерьерное окружение.

Затем нужно выбрать vray hdri в редакторе материалов, и присвоить ему нашу hdri карту.

После чего присвоить материал GI environment (глобальное окружение) и reflection/refraction (отражение/преломление).
В итоге объекты будут отражать и преломлять hdri-карту, а не черноту. В качестве глобального окружения и освещения также будет выступать hdri карта. Так же не забудьте включить глобалку:-)

Еще один бесполезный урок

Постобработка изображений

Сегодня хочу поговорить про постобработку изображений. Способ обработки довольно популярный, я его использую во всех своих работах. Обычно для 3d картинок, которые выходят тусклыми и не четкими после рендеринга. Итак, начнем:

Вот так выглядит наше отрендереное изображение.

Выставляем amount по вкусу:

Разница видна невооруженным глазом:

Картинка у нас довольна светлая, поэтому поправлять яркость не стоит, оставим как есть.
Далее нам нужно придать картинки сочности.

Для этого делаем копию слоя:

Придаем новому слою, размытие.

Тройки хватит:

Придаем новому слою, тип смешивания Overlay:

Прозрачность по вкусу:

Вроде все окей, но присутствует желтизна:

Не беда, жмем ctrl+B, и опять же по вкусу:

Готово:

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

Учимся делать трехмерные иконки

Наконец-то, собрался с мыслями написать первый урок. Итак, постараемся сделать иконку, как на сайте Житлобуд. Сайт делала Студия Артемия Лебедева. Постараюсь бросить им вызов и сделать похожую иконку.
Так выглядят иконки на сайте.