Хочу сегодня рассказать, как делал шапку для видео блога, который не так давно я продал. Так как изначально шапку я рисовал для себя, то потратил на нее всего лишь один вечер. Конечно, благодаря тому, что использовал уже готовые изображения из фотостоков. Делая шапку для себя, было решено не тратить много времени на отрисовку или 3D-моделирование каких-либо объектов, а взять уже готовые картинки. Поэтому думаю, данный урок будет еще более интересен тем, что по такой аналогии каждый сможет сделать что-то подобное для своих целей, может даже и коммерческих. Конечно же, с данной шапкой я не претендую на мастер-класс. И выкладываю ее, скорее для ознакомительных целей.
Так выглядит наша шапка блога финального вида.
Из данных кусков изображений была создана наша кино-шапка для сайта.
Первым делом рисуем по бокам киноленту. Так как макет был статический, то кинолента отделяет дизайн сайта от черного фона. Далее вставляем наше изображение с занавесами, разделив его на две части. И дорисовываем деревянный пол, не обращения внимания на то, что он не сойдется в центре. Ведь в центре, по нашей задумке будет находиться баннер.
Разобравшись с полом, вешаем на задний фон красный портьер. И немного затемним его по краям в центре, чтобы придать немного объема. Для того чтобы наши портьеры смотрелись не слишком топорными.
После дорисовываем портьер сверху.
Затем кидаем на задний фон белое полотно и добавляем портьерам тень. После чего откидываем от портьер, мокрый пол. Также я прекрасно вижу, что всю композицию портит то, что портьеры раздвигаются не по центру. Говорю же, рисовал вечером, уставший был, видно не заметил данный косяк.
Итак, после безобразия со шторами, вставляем дубль и дорисовываем под ним мокрый пол.
Затем вставляем, Оскар и рисуем на нем несколько бликов стандартными фотошопоскими кистями. Также, подрисовываем под ним тенюшку.
Далее вставляем что-то похожее на логотип и дорисовываем в этом стиле меню.
Под барабанную дробь в центре вставляем баннер, и наш не сходившийся в центре пол исчезает с глаз.
Кидаем баночки кока-колы (не забываем дорисовать под ними мокрый пол) и вставляем пару бобин.
Такие же действия проделываем с попкорном.
Далее разбрасываем попкорн по всей нашей сцене, не забывая дорисовывать мокрый пол под каждой попкорнкой.
Ну и в конце для изюминки рисуем вылетающий попкорн из ведерка. Кому хочется поиграть с данной шапкой, предлагаю скачать PSD-макет.
Домашним заданием будет сделать что-то свое, по такой простой техники из готовых фотостоковых изображений и выслать результат мне на почту. Это для тех, кому делать нечего или кто хочет потренироваться:-)
Оставить комментарий: Прохожий
Отличная шапка для сайта!!!
Михаил
У Вас справа Кола зеркально отображена.
Олег
Спасибо, чуть изменил и круто получилось.
Правда пока нет видео блога, мне он пока не нужен, но всё равно спасибо за урок
Holy_mad
Классная шапка получилось, мне нравится. Оригинально и по теме. Кстати, эту сцену со шторами часто где-то встречал)
http://designpix.ru/lessons/head-blog-cinema.html
прикольно вишло да?
Natusya
Прикольна шапка для сайта з фільмами давно шукав! Автор молодець!
Arsya
Очень красиво получилось!
ssfsfsd
">
Гость
Красиво, спасибо!
Угачага
В чем прикол урока? таких на демиарте миллион.
Алексей Морозов
Александр, менее 100 кб.
Александр
Сколько такая шапка весит?
Сергей Мишалов
Жень, таких уебк*в много, надо задуматся о том, как бы защитить наше авторство, хотя их ГС-шки долго не живут…
korablev
Отличнейший урок! Спасибо огромнео!
Designfire
Какой-то криворукий сателлитер уже спер наши RSS ленты себе на мегасайт http://www.dezignblog.ru/
Этот урок там тоже красуется на морде.
Константин
Спасибо за урок, хоть я и не любитель таких громоздких шапок, но иногда они могут пригодиться.
Ваня
Я както тоже подобный дизайн делал, только про Театр.
С новым годом, успехов в творчестве и бесконечного водохновения!