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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Кнопки коллегам по цеху

За полгодика накопилось некоторое количество нарисованных мною кнопок. Выкладываю psd-файл этих кнопкой, для свободного использования. Делайте с ними что хотите, вставляйте в свои работы, изменяйте, меняйте цвета и т.д.

Фигачу дизайн для игрушки под Iphone

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

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

Пэ-эс-де макета Витасферы

Как и обещал, выкладываю исходный файл макета, слои специально не склеивал, знаю многие любят ковыряться в них:-) И убедительная просьба не потрошите макет для своих работ. Лучше хорошенько его исследуйте и попробуйте сделать сами. Базарю, это намного интересней.

Урок по моделированию фотореалистичной визитки

Кому лень читать, могут скачать готовую сцену.

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

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

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

Форму самой визитки я сделал в Corel draw, после чего портировал ее в 3ds max. Затем сделал текстуры самой визитки.

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

Теперь шлепаем материал на визитки и настраиваем нужный нам ракурс:

Рендерим, после чего немного осветлим изображение и сделаем его четче фильтром «Unsharp Mask».

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

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

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

2) Блюрим и делаем кружок немного прозрачным.

3) Далее всеми возможными вращениями, трансформациями подгоняем тень под нашу визитку. Тут нужно терпение и время.

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

Реальный Фотошоп

Блуждал на забугорных сайтах и нашел интересную картинку.

Мне всегда нравились подобные вещи. Было бы чуть-чуть по больше времени, что-нибудь в подобном духе сделал. А так пошел делать тизеры для одного блога.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Готово:

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