08.01.2010

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

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



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

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



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



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



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



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



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



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



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



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



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



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



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



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

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


Оставить комментарий:



If you have trouble reading the code, click on the code itself to generate a new random code.
Код на картинке:
 

Прохожий http://777porno777.ru
Отличная шапка для сайта!!!
Михаил
У Вас справа Кола зеркально отображена.
Олег http://site4u.biznesrise.com/
Спасибо, чуть изменил и круто получилось.
Правда пока нет видео блога, мне он пока не нужен, но всё равно спасибо за урок
Holy_mad http://holy-mad.livejournal.com/
Классная шапка получилось, мне нравится. Оригинально и по теме. Кстати, эту сцену со шторами часто где-то встречал)
http://designpix.ru/lessons/head-blog-cinema.html http://designpix.ru/lessons/head-blog-cinema.html
прикольно вишло да?
Natusya http://jpegi.ru/
Прикольна шапка для сайта з фільмами давно шукав! Автор молодець!
Arsya http://pritesnenie.ru/
Очень красиво получилось!
ssfsfsd fsfsd
">
Гость Нету
Красиво, спасибо!
Угачага
В чем прикол урока? таких на демиарте миллион.
Алексей Морозов http://designpix.ru
Александр, менее 100 кб.
Александр http://tril.dp.ua
Сколько такая шапка весит?
Сергей Мишалов http://mishalov.ru
Жень, таких уебк*в много, надо задуматся о том, как бы защитить наше авторство, хотя их ГС-шки долго не живут…
korablev http://worldbrainimage.blogspot.com/
Отличнейший урок! Спасибо огромнео!
Designfire respecttoall@ua.fm
Какой-то криворукий сателлитер уже спер наши RSS ленты себе на мегасайт http://www.dezignblog.ru/

Этот урок там тоже красуется на морде.
Константин http://gotoart.ru
Спасибо за урок, хоть я и не любитель таких громоздких шапок, но иногда они могут пригодиться.
Ваня http://art.pankov.org
Я както тоже подобный дизайн делал, только про Театр.
С новым годом, успехов в творчестве и бесконечного водохновения!