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

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

Ответ
 
Опции темы Опции просмотра
Старый 29.10.2009, 11:55   #11
 
Сообщений: n/a
По умолчанию

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

Goz, идем сюда, выбираем какая направляющая вам нужна, задаем высоту , в вашем случе она будет горизонтальная и =90пикс
__________________

Report Post
Ответить с цитированием
Этот пользователь сказал Спасибо Star за это полезное сообщение:
Goz (29.10.2009)
Старый 29.10.2009, 14:14   #13
 
Регистрация: 18.11.2007
Адрес: Твоя мечта
Сообщений: 559
Вы сказали Спасибо: 1,461
Поблагодарили 2,070 раз
Репутация: 2217
Отправить сообщение для Star с помощью ICQ Отправить сообщение для Star с помощью MSN
Star вне форума
По умолчанию

Цитата:
Сообщение от Goz Посмотреть сообщение
а начать изучать фотошоп из за какой то направляющей это смешно
я думаю, что незная фотошопа и таких азов как направляющая нарисовать дизайн будет нелегко.Я тож его изучаю) и до профи мне ой как далеко
__________________

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

Вроде вырезал баннер как положено, но совместить меню и фрейм баннера не получается
Report Post
Ответить с цитированием
Старый 06.11.2009, 21:56   #15
 
Регистрация: 14.10.2007
Сообщений: 473
Вы сказали Спасибо: 641
Поблагодарили 3,615 раз
Репутация: 3587
Мальвинка вне форума
Подмигивание

Мануальчик по настройкам *Пользовательских стилей* в Дизайнах чата для Списка посетителей.
Возможно пригодится кому-то.

Report Post
Ответить с цитированием
Эти 16 пользователя(ей) сказали Спасибо Мальвинка за это полезное сообщение:
02brat (07.11.2009), Baunti (23.02.2010), Domino (12.01.2011), DoZza (20.05.2010), Mistik (07.11.2009), Odinochka (09.01.2011), Pusiketka (08.11.2009), Silent (29.01.2010), Solnishko (02.12.2009), Star (07.11.2009), Вильям (06.11.2009), Капитан Корса (23.12.2009), Ланочка (06.12.2009), плюха (07.11.2009), Страстная леди (27.09.2010), [_RomantiQ_] (11.03.2010)
Старый 07.11.2009, 06:10   #16
 
Регистрация: 14.10.2007
Сообщений: 473
Вы сказали Спасибо: 641
Поблагодарили 3,615 раз
Репутация: 3587
Мальвинка вне форума
По умолчанию

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

1) Шаг1: Создаёт новое изображение в фотошопе


2) Шаг2: Создаём новый слой, выделяем область заданного размера ( баннер + меню в вашем чате в пикселях, например 90рх баннер + 30рх меню = 120рх -выделенная область по ширине, длинну указываем 1680


3) Шаг3: Делаем разметку под разные разрешения монитора на слое1. В выделенной области рисуем горизонтальную линию по самому низу, далее выбираем выделение заданного размера 1024 на 120, применяем и отмечаем край границы справа вертикально, точно также делаем для разрешения монитора 1280рх. Результат:


4) Шаг4: Создаём новый Слой2. Слой 1 перетащите вверх,чтобы он всегда был вверху (для видимости разметки). На новом слое2 делаем выделение 1680 на 120рх и заливаем какими-нибуть цветом, градиентом, фоном, как угодно вашей фантазии. Я выбрала градиент


5) Шаг5: Рисуете баннер,меню и общую картинку( на фрейм сообщений), не забывайте: а)создали новый слой -применили кисточки(нарисовали завитушки, например) б) создали новый слой - поместили на него картинки нужны вам и так далее.
Обратите внимание на разметку как показано на рисунке ниже -главная картинка не должна пересекать линий ограничения по разрешению монитора иначе картинка не вся будет видна в том или ином разрешении. Постарайтесь уместить примерно так как дано на образце .
Важное замечание: учтите, что у вас ещё есть фрейм *Кто в чате* по моему мнению, картинку фрейма сообщений всёже стоит умещать только в этом фрейме, иначе, если эту картинку разрезать на два фрейма (сообщений и кто в чате) то скролл образует *дырку* на картинке и это смотрится некрасиво (на мой взгляд)))


6) Шаг6: Итак -вы нарисовали всё что вы хотели сверху и в центре вашего чата, Соедините все слои, кроме слоя1 (разметки) Layer - Merge visible и выделите область равную 1680рх по длинне и ширине вашего баннера и меню вместе т.е. 120рх в нашем случае


7) Шаг7: Скопируйте выделенную область -новый файл -вставить ( Edit Copy- File New-Edit Paste), затем измените область выделения в длину 1680 и ширину равную ширине вашего баннера ( например 90рх) и снова -скопировать -новый файл-вставить и сохранить как Web ( размеры файла не должны превышать 50кб) Картинка для вашего баннера готова.


8) Шаг8: Тоже самое делаем и для меню -возвращаемся к картинке с баннером и меню вместе, меняем область выделения на 1680 в длинну и ширину равную вашему меню в чате ( например 30рх в нашем случае) выделить-скопировать-новый файл-вставить -сохранить как Web. Картинка меню готова.


9) Шаг9: Возвращаемся к файлу, где мы соединяли все слои картинок нашего чата и удаляем область по ширине равную баннеру и меню вместе т.е. 120рх.


10) Шаг10: Выделяем оставшуюся область с картинкой чётко соблюдая верхний край. Копировать-новыйфайл-вставить-сохранить как Web( не забывайте контролировать размер файла -не более 50кб) Картинки для баннера,меню и основного фрейма сообщений -готовы.


11) Шаг11: Рисуем картинку для нашей навигации( Настроек) в чате


12) Шаг12: Соединяем все слои, выделяем область, которая будет заголовком настроек(навигации) -копировать-новый файл-вставить-сохранить как Web.


13) Шаг13: Возвращаемся к файлу, гда мы соединяли все слои навигации, удаляем шапочку, выделяем оставшуюся область чётко соблюдая верхний край - копировать-новый файл -вставить -сохранить как Web.


14) Шаг14: В принципе основные картинки мы нарисовали, фрейм ввода сообщений обычно узкий 30-40рх и оформляется без картинок, картинки на фрейм Информация и Кто в чате рисуются на ваш вкус согласно размерам ваших фреймов. Далее покажу инструкции по правильной установке баннера,меню, основной картинки ,а также Навигации в админке чата. Делаем настройки для нашего баннера.


15) Шаг15: Делаем настройки для меню. Если у вас фрейм меню к примеру 35рх, а кнопки 20рх в ширину, вы можете *прижать * кнопки книзу фрейма меню. Делается это так: в настройках Меню в отступе укажите отступ сверху 15рх (к примеру, если фрейм меню равен 35рх,а кнопки 20рх) тогда кнопки будут в самом низу фрейма меню.


16) Шаг16: Настройка окна сообщений для единой общей *фоновой* картинки. Обратите внимание,что все три картинки(баннер, меню и картинка на фрейме сообщений) прижаты к левому краю и зафиксированы, таким образом при различных разрешених монитора все три фрейма будут увеличиваться в картинках с правой стороны, левая будет неподвижна.


17) Шаг17: Настройки Навиции. Обратите внимание на отступы, вальируя значениями можно добиться того, чтобы картинка была видна и сверху и снизу, обычно снизу делается более большой отступ.


18) Шаг18: Настройка Заголовка Навигации. Обязательно укажите ширину вашей картинки-заголовка Навигации.


В принципе это основные элементы нарисовки и установки сложного диза в чат.
ЗАМЕЧАНИЯ: Нарезка картинок для баннера,меню и основного фрема может быть сделана как писалось в уроке дизанера Star либо можно нарисовав все детали и соединив слои, перейти в Имидж Реди и разрезать там на нужные размеры - кому как удобно.

Удачи вам!
Report Post
Ответить с цитированием
Эти 30 пользователя(ей) сказали Спасибо Мальвинка за это полезное сообщение:
-=ОхотниК=- (22.11.2009), Black widow (16.04.2010), Dish (06.04.2013), Domino (12.01.2011), DoZza (20.05.2010), Girl Vip (17.11.2009), Lana (30.06.2010), Mickeleangelo (07.11.2009), Mistik (07.11.2009), Odinochka (10.01.2011), Perfectly_Parallel (26.05.2010), Pusiketka (08.11.2009), SoblazN) (11.01.2012), Tender (17.02.2011), Vice (07.11.2009), xxx (16.05.2010), Ася (11.11.2009), Вильям (07.11.2009), Жанночка (27.05.2010), Капитан Корса (23.12.2009), Ламия (07.11.2009), Ланочка (06.12.2009), Марика (07.11.2009), Масик (27.11.2009), НЕсвятая (24.03.2012), плюха (07.11.2009), роднуля (20.12.2009), Страстная леди (27.09.2010), Тик Так (16.12.2009), ~Нафанька~ (13.11.2009)
Старый 14.11.2009, 21:22   #17
 
Регистрация: 07.11.2009
Сообщений: 9
Вы сказали Спасибо: 56
Поблагодарили 24 раз
Репутация: 44
~Нафанька~ вне форума
По умолчанию

все просто и понятно спасибо вам девчат=)
Report Post
Ответить с цитированием
Старый 17.11.2009, 15:58   #18
 
Сообщений: n/a
По умолчанию

[IMG][/IMG]
[IMG][/IMG]

вот что у меня получилас
огромное спасибо за урок..........
Report Post
Ответить с цитированием
Этот пользователь сказал Спасибо за это полезное сообщение:
Мальвинка (18.11.2009)
Старый 17.11.2009, 19:43   #19
 
Регистрация: 07.08.2008
Адрес: Люберцы
Сообщений: 132
Вы сказали Спасибо: 1,739
Поблагодарили 1,739 раз
Репутация: 1792
Отправить сообщение для Pusiketka с помощью ICQ Отправить сообщение для Pusiketka с помощью Skype™
Pusiketka вне форума
По умолчанию

с помощью вашего урока нарисовала уже два дизайна) огромное спасибо вам)
__________________
Report Post
Ответить с цитированием
Этот пользователь сказал Спасибо Pusiketka за это полезное сообщение:
Мальвинка (18.11.2009)
Старый 26.11.2009, 04:52   #20
 
Сообщений: n/a
По умолчанию

Цитата:
6.Задаем общий стиль дизайну
не могли бы вы этот пункт точнее поянить у меня чтот не получается
Report Post
Ответить с цитированием
Этот пользователь сказал Спасибо за это полезное сообщение:
Жанночка (27.05.2010)
Ответ

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

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

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


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


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