Вернуться   Форум ChatPlanet.ru > Дизайн > Разное > Уроки

Важная информация

Ответ
 
Опции темы Опции просмотра
Старый 26.09.2009, 11:19   #1
 
Регистрация: 18.11.2007
Адрес: Твоя мечта
Сообщений: 559
Вы сказали Спасибо: 1,461
Поблагодарили 2,072 раз
Репутация: 2218
Отправить сообщение для Star с помощью ICQ Отправить сообщение для Star с помощью MSN
Star вне форума
По умолчанию Рисуем дизайн для чата

В этой темке предлагаю дизайнерам делиться своими уроками по созданию дизайнов для чата, думаю навыки многих дизайнеров помогут начинающим дизайнерам , и более опытным разобраться во многих вопросах связанных с дизайнами для чата.В асе невозможно всем ответить на вопросы и зачастую вопросы задаются одни и теже по несколько раз в день.Тут наглядно каждый сможет объяснить с чего например начать создание дизайна. Ответы на вопросы "как настроить" вы можете найти в подразделах Дизайны админки чата
__________________

Report Post
Ответить с цитированием
Эти 4 пользователя(ей) сказали Спасибо Star за это полезное сообщение:
Vice (26.09.2009), Анка (18.12.2009), Вильям (26.09.2009), Стас115 (14.06.2010)
Старый 26.09.2009, 11:26   #2
 
Регистрация: 18.11.2007
Адрес: Твоя мечта
Сообщений: 559
Вы сказали Спасибо: 1,461
Поблагодарили 2,072 раз
Репутация: 2218
Отправить сообщение для Star с помощью ICQ Отправить сообщение для Star с помощью MSN
Star вне форума
По умолчанию Рисуем дизайн для чата

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

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

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

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

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

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

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



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

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

Report Post
Ответить с цитированием
Эти 30 пользователя(ей) сказали Спасибо Star за это полезное сообщение:
Babochka (13.11.2011), Black widow (16.04.2010), BoJI4eHoK (14.12.2009), Butterfly^^ (28.11.2010), Domino (12.01.2011), DoZza (20.05.2010), eXandr (26.09.2009), Exclusive (16.07.2010), Ika! (26.12.2009), InterSphere (07.12.2009), Lana (30.06.2010), Mickeleangelo (26.09.2009), Mistik (26.09.2009), No Fear (26.09.2009), Pusiketka (09.10.2009), R-Agent (26.09.2009), Solnishko (02.12.2009), Tender (17.02.2011), viasat (29.09.2009), Vice (26.09.2009), Yo-Sick (26.09.2009), Анка (18.12.2009), Вильям (26.09.2009), Глаза волка (07.10.2009), Жанночка (14.06.2010), Ланочка (17.11.2009), Мамуся (01.06.2010), Марика (28.09.2009), плюха (01.10.2009), Страстная леди (27.09.2010)
Старый 28.09.2009, 19:51   #3
 
Сообщений: n/a
По умолчанию

Цитата:
Сообщение от Star Посмотреть сообщение

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

а можно этот пункт поподробнее
Report Post
Ответить с цитированием
Этот пользователь сказал Спасибо за это полезное сообщение:
Анка (18.12.2009)
Старый 28.09.2009, 20:16   #4
 
Регистрация: 18.11.2007
Адрес: Твоя мечта
Сообщений: 559
Вы сказали Спасибо: 1,461
Поблагодарили 2,072 раз
Репутация: 2218
Отправить сообщение для Star с помощью ICQ Отправить сообщение для Star с помощью MSN
Star вне форума
По умолчанию

Цитата:
Сообщение от Марика Посмотреть сообщение
можно этот пункт поподробнее
Фотошоп-Файл-Новый
и далее все как на скрине
высота банера+высота меню= высота направляющей
__________________

Report Post
Ответить с цитированием
Старый 28.09.2009, 20:20   #5
 
Сообщений: n/a
По умолчанию

Star,
а как задавать длину? я вообще,первый раз слышу про напрвляющую
Report Post
Ответить с цитированием
Старый 28.09.2009, 20:47   #6
 
Регистрация: 18.11.2007
Адрес: Твоя мечта
Сообщений: 559
Вы сказали Спасибо: 1,461
Поблагодарили 2,072 раз
Репутация: 2218
Отправить сообщение для Star с помощью ICQ Отправить сообщение для Star с помощью MSN
Star вне форума
По умолчанию

Цитата:
Сообщение от Марика Посмотреть сообщение
а как задавать длину? я вообще,первый раз слышу про напрвляющую
направляющая, это как бы черточка , ваш ориентир.Длина там не задается
__________________

Report Post
Ответить с цитированием
Этот пользователь сказал Спасибо Star за это полезное сообщение:
Mistik (28.09.2009)
Старый 29.09.2009, 13:00   #7
 
Регистрация: 22.11.2007
Сообщений: 45
Вы сказали Спасибо: 113
Поблагодарили 145 раз
Репутация: 160
Ламия вне форума
По умолчанию

Делала для себя. Возможно кому-то пригодится.




P.S.
Разметка - Линейка, в Фотошопе выставляется с помощью Ctrl+R
__________________
Здравый смысл подсказывает мне всегда, как довести дело до абсурда.
Report Post
Ответить с цитированием
Эти 25 пользователя(ей) сказали Спасибо Ламия за это полезное сообщение:
Babochka (13.11.2011), Domino (12.01.2011), DoZza (20.05.2010), Elwyn (29.01.2010), eXandr (01.10.2009), Girl Vip (24.01.2010), Ika! (26.12.2009), Mistik (29.09.2009), Newta (05.10.2009), No Fear (29.09.2009), Odinochka (09.01.2011), onDemand (05.10.2009), Pusiketka (09.10.2009), R-Agent (30.09.2009), Silent (29.01.2010), Solnishko (02.12.2009), Star (29.09.2009), Vice (29.09.2009), Ланочка (17.11.2009), Мамуся (31.05.2010), мари (02.01.2010), плюха (13.10.2009), Страстная леди (27.09.2010), Твиш (09.02.2010), [_RomantiQ_] (11.03.2010)
Старый 30.09.2009, 23:01   #8
 
Сообщений: n/a
По умолчанию

Очень полезно) Еще бы так разложить "пользовательские стили",а то постоянно путаешься что и куда относится...
Report Post
Ответить с цитированием
Эти 2 пользователя(ей) сказали Спасибо за это полезное сообщение:
Girl Vip (24.01.2010), Ланочка (17.11.2009)
Старый 29.10.2009, 11:19   #9
 
Сообщений: n/a
По умолчанию

Скажем у меня высота 90 стоит во фрейме, ну и как определить в фотошопе? у меня английская версия, урок не понятный совсем...
Report Post
Ответить с цитированием
Старый 29.10.2009, 11:34   #10
 
Регистрация: 18.11.2007
Адрес: Твоя мечта
Сообщений: 559
Вы сказали Спасибо: 1,461
Поблагодарили 2,072 раз
Репутация: 2218
Отправить сообщение для Star с помощью ICQ Отправить сообщение для Star с помощью MSN
Star вне форума
По умолчанию

Goz, пост 2 читайте внимательно.Обратите внимание на http://savepic.ru/875817.jpg этот скрин, все написано и показано на скрине-голубая линия-направляюща, ваш ориентир, задаете высоту ваши 90пикс.Ну если и это непонятно, то думаю вам нужно для начала изучить уроки фотошопа
__________________

Report Post
Ответить с цитированием
Ответ

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Рисуем анимированную рамочку евочка Уроки 1 13.11.2011 06:53
Рисуем графник с эффектом наложения шума на картинку евочка Уроки 2 08.09.2010 02:12
Дизайн анкеты Evil Вопросы по чатам сервиса «Мой чат» 4 09.08.2010 09:48
Дизайн-конструктор R-Agent Халява 16 27.03.2010 07:54


Текущее время: 12:05. Часовой пояс GMT +4.


Рейтинг Chat Planet Top
Посетителей всего
Просмотров сегодня
Посетителей сегодня
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd. Перевод: zCarot
При перепечатке материалов форума обязательна активная ссылка на тему — источник информации.