Ну что ж мальчики и девочки решила выложить свою версию рисования дизайна в чат!!
Приступаем главное всем терпения,фантазии,усидчивости=))!

Разрешение у него пусть будет 1680х500
Залейте его черным цветом
Далее мы должны сделать разметки для себя
Ибо мониторы бывают разных разрешений и на ноутбуках ваш дизайн может не вместится
Разметки создать не трудно, как вариант вы можете использовать "направляющих" или же как сделал я с помощью "Прямоугольная область" Разметки вы должны сделать на разрешение 1024 и 1280
Разрешение баннера напрямую зависит от чата в который вы рисуете,самый просто способ узнать разрешение тыкнуть правой кнопкой мыши на баннер чата и нажать "информация об изображении" так же с меню)
На рисунке ниже я показал примерное выделение,там выделена область баннера,под ним меню
Для чего я сделал разметки? разметки для того что бы на всех разрешениях...чтобы дизайн выглядел наиболее прилично=))

http://s5.uploads.ru/rQfK7.png

далее рисуем рисунок в общий фрейм не знаю кто то любит их рисовать кто то нет но все же пример с ним я сделаю вам=))!
http://s5.uploads.ru/cxQGy.png
на шарики можно добавить что угодно как и градиент и много чего все зависит от вашей фантазии=))
вот пример с градиентом=)) думаю наиболее симпатично=))!
вот не много поставила другую девушку более подходящую в дизайн вы тоже можете менять если вас чт то не устроит в вашем дизайне
http://s5.uploads.ru/8CNQo.png

далее оформляем навигацию =)) и дизайн наш готов=))!
скажу сразу дизайн старый шаблон когда рисовала в свой чат когда то
http://s4.uploads.ru/gzhEP.gif
помойму красота=)))!
фантазии вам и усидчивости дорогие мои!
в следующем уроке мы рассмотрим свами как разрезать дизайн правильно чтобы не криво и без косяков стоял=))!
всем добра=))!
Если есть вопросы задавайте или лучще записывайтесь ко мне на обучение=))! http://imgs.su/tmp/2012-06-14/1339662715-406.jpg