Рисуем дизайн для чата

Я покажу как с помощью программы фотошоп можно нарисовать свой простенький , а может и не простенький(все зависит от фантазии художника) дизайн для чата
1.Создаем новый файл, размер файла завиит опять же от вашего рисунка , он должен полностью вместить все содержание вашего дизайна

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
2.Перед нами чистый лист) начинаем вырисовывать, подготавливать каждый элемент дизайна.Начинаем с банера и меню, отмечаем общую высоту при помощи направляющей

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

3. В этом примере я использовала фигуру прямоуголника и стиль, рисуем общий фон банера и меню

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

4.При помощи кисточек( вы можете использовать другие инструменты фотошопа, нет границ, все зависит опять же от вашей фантазии)и стиля начинаем украшать банер

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

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

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

6.Задаем общий стиль дизайну

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

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

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Также рисуем кнопки, навигацию
Когда все элементы вырисованы, подготовлены, скаладываем их в папочку и приступаем к настройке дизайна в админке чата в разделе Дизайны
Советую всем дизайнерам сохранять все элементы дизайна в формате pcd , формат в котором можно делать изменения

P.S. Если у кого то возникнут вопросы по уроку прошу задавать их тут, не в асе

нарисовав направляющую - каким способом создать стиль именно для меню, а не для всего рисунка

не поняла вопроса.

Этот урок я уже видел а какие размеры? можно ещё один урок такой только от своей руки? Спасибо!

Уважаемый Серега, этот урок сделан мною собственноручно, по шагам, я его выкладывала ранее на другом форуме(чп), обратите внимание там, где вы видели на ник создателя-мой. Если вы видели этот урок где то еще, значит его просто нагло скопировали и сперли. Других уроков по созданию дизайна в таком стиле тут не будет, не вижу смысла, все наглядно показала, приложила скрины. Если все же что-то непонятно, задавайте вопросы

Серёга пишет:

а какие размеры?

Размеры чего?

Спасибо за быстрый ответ Извините, хорошо я понял Я Хотел спросить размеры этих то фрейма, банера, кнопок, меню и т.п. или они не нужны смысле когда мы режим на мелкие картинки и заливаем их в настройки чата т.е. в управление админкой то, то чат сам автоматом что ли размеры подгоняет, если нет то зачем вот эти линии выводить я вот не пойму чё то Как бы фотошопом я владею хорошо, а вот как диз рисовать всё так и не понял И у меня ещё один вопрос каким вы фотошопом пользуетесь и почему

Направляющие располагаем на вашем наброске в соответствии с расположением и размерами ваших фреймов в админке чата
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Это делается для того, чтобы вы могли с точностью до пикселя разрезать ваш набросок и потом загрузить его в админке в каждый раздел Дизайн(например рисунок банера, меню и т.д)
P.S.Хотелось бы напомнить, что дизайн вы должны продумывать так ( а потом выровнять его в админке), чтобы он ровно смотрелся на всех разрешениях мониторов.

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

Спасибо большое, я таким же пользуюсь! А как вас хоть звать? И темы тут чисто для чатов созданы что ли? А сайт мне понравился!

Темы созданы по оформлению чатов на august4u

Мариш...а урок по резинке будет?)

лИся пишет:

Мариш...а урок по резинке будет?)

будет)но попозже

Могу Задать вопрос, я вот понял что это главный экран нарисован, а позвольте узнать, какие должны быть размеры кнопочек, мешюшки, стандарты же должны быть?

Белый Джокер пишет:

Могу Задать вопрос, я вот понял что это главный экран нарисован, а позвольте узнать, какие должны быть размеры кнопочек, мешюшки, стандарты же должны быть?

Размеры фреймов и их расположение в каждом чате разное, прежде чем рисовать дизайн вы должны уточнить их и расставлять направляющие соответственно этим размерам и расположению. Кнопки меню рисуются чуть меньше высоты меню( например если высота меню 30 пикс, значит кнопочки будут 28 пикс максимум)

а я не поняла точнее не могу сделать направляющию

Дашутка пишет:

а я не поняла точнее не могу сделать направляющию

Просмотр-Новая направляющая

Ещё вопрос а насчёт навигации будет отдельный урок или как?

Дашутка пишет:

Ещё вопрос а насчёт навигации будет отдельный урок или как?

Если он вам нужен, то обязательно сделаю

Star пишет:

Дашутка пишет:

Ещё вопрос а насчёт навигации будет отдельный урок или как?

Если он вам нужен, то обязательно сделаю

Нужен а ещё если сможете то по тегам урок

Кусь пишет:

нарисовав направляющую - каким способом создать стиль именно для меню, а не для всего рисунка

надо выделить это место и применить стиль

Здравствуйте! Действительно а как по вашей резки вы определили размеры? На глазок подойдёт не подойдёт. Например у банера есть размер ну скажем 2000х100 а вы как определили линию резки провести ?

Vladimir пишет:

Здравствуйте! Действительно а как по вашей резки вы определили размеры? На глазок подойдёт не подойдёт. Например у банера есть размер ну скажем 2000х100 а вы как определили линию резки провести ?

Вот так
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
В разделе Фреймы указаны точные размеры.
P.S. И простите, откуда вы взяли 2000?

Я Александр Хочу задать Вам вопросы Вот мои вопросы:А если размер экрана монитора у всех разный как зделать так чтобы у всех диз смотрелся ровно И почему вы не указываете размеры че как делаете например сколько меню че от куда выщитывать у вас этого нет И второй вопрос Вы умете рисовать диз по направляющим линиям по линейке? если да выложите этот урок но подробно как все делаете описывайте и какие размеры че по шагово объясняйте свои декйствия Заранее спасибо

Александр2783 пишет:

Я Александр Хочу задать Вам вопросы Вот мои вопросы:А если размер экрана монитора у всех разный как зделать так чтобы у всех диз смотрелся ровно И почему вы не указываете размеры че как делаете например сколько меню че от куда выщитывать у вас этого нет И второй вопрос Вы умете рисовать диз по направляющим линиям по линейке? если да выложите этот урок но подробно как все делаете описывайте и какие размеры че по шагово объясняйте свои декйствия Заранее спасибо

Чтобы дизайн смотрелся ровно на всех мониторах нужно рисовать под самое большое разрешение монитора (на сегодняшний день), учитывая то, что вес файла ограничен августом.В тоже время рисунок нужно расположить так, чтобы на мониторах с меньшим разрешением, даже, если рисунок и обрежется, все-равно смотрелся ровно и красиво( скрины своих работ я показываю в двух разрешениях, можете просмотреть). Размеры я не указывала потому, что в каждом чате они разные, выше я написала, где вы можете их найти для вашего случая .

Здравствуйте а где можно заказать дизайн для чата?