Фильмы от Dark Dragons - обмен и обсуждение Фильмы от Dark Dragons - обмен и обсуждение

Вернуться   Фильмы от Dark Dragons - обмен и обсуждение > Web Design > Уроки > Photoshop
Имя
Пароль
Основные правила форума | Галерея
Помните! Форум - место для общения, а не файловый архив фильмов!
Регистрация Справка Пользователи Календарь Поиск Сообщения за день Все разделы прочитаны

Ответ
 
Опции темы Поиск в этой теме Опции просмотра
Старый 19.02.2005   #1
Talik
Солнышко
 
Аватар для Talik
 
Регистрация: 16.11.2004
Адрес: Тель-Авив
Сообщения: 1,260
Поблагодарил(а): 156
Поблагодарили 329 раз(а) в 219 сообщениях
Вес репутации: 15Talik is on a distinguished road
Страна:
Отправить сообщение для  Talik с помощью ICQ Отправить сообщение для Talik с помощью Skype™
Создаем новое изображение 160x60. Заливаем его серым цветом, в данном случае это #C0C0C0 Еще нарисуем две пиксельных линии с помощью карандаша с шириной кисти 1px. Цвет кисти #696970.



Выделим ту часть, которая у нас внутри пиксельных линий с помощью Rectangular Marquee Tool (M) . Затем рисуем в светлых тонах градиент от цвета #95B8B8 к белому #FFFFFF.



Теперь добавим впуклость/выпуклость таким образом, создаем снова выделенную область с помощью Rectangular Marquee Tool (M) высотой в 3px с отступом от верхней границы в 1 px, как показано на рисунке и с помощью Gradient Tool (g) заливаем от белого - к прозрачному, сверху-вниз.





С помощью карандаша рисуем по всей ширине и высотой 1 пиксел, цвета #95B8B8, линию прямо над нижней граничащей линией. А затем над той линией которую мы уже нарисовали рисуем еще одну такую же, только другого цвета #B6B6B6.





Можно изменять цвет на ваше усмотрение, зайдя в опцию Image/Adjust/Hue/Saturation или просто нажать Ctrl+U

-------------------------------------------------------------------------

Выбираем Type Tool (T) и придумываем наше меню, пусть это будет 2 пункта. Профиль и Контакты напишем черным цветом (черный - это чтобы легче читалось). В параметрах написания текста ставим Crisp (плавный текст)



Теперь добавим белую "тень", чтобы текст стал как бы "вдавленным". Сделать это можно по разному, но я предлагаю самый простой способ, который автоматизирован в последних версиях фотошопа. На окне Layers, выбираем слой с тектом (выбран по умолчанию) и нажимаем (пару раз) с правой стороны. Выпадает меню, в котором нам нужен только Drop Shadow. Задаем значения, согласно картинке.



На данный момент результат должен быть примерно такой.



Выделяем область, как показано на рисунке и с помошью кисти белого цвета закрашиваем то, что выделили. И повторим то же самое, Но сдвинув выделение на 2 пиксела вправо. (можно за раз выделить две области при нажатой клавише SHIFT, а потом их обе сразу же закрасить)



Выделяем область, как показано на рисунке. Теперь включаем градиент и заливаем выделение от ЧЕРНОГО к БЕЛОМУ ( сверху - вниз ).



Теперь можно и скопировать результат (Ctrl+C > Ctrl+V) и размножить эти полоски, между всеми пунктами.



При наведении на пункт меню можно, например, менять цвет



:)
Talik вне форума   Ответить с цитированием
Реклама
Наташа
Старый 01.08.2007   #2
WVad
Armour bearer
 
Регистрация: 28.07.2007
Сообщения: 20
Поблагодарил(а): 0
Поблагодарили 2 раз(а) в 2 сообщениях
Вес репутации: 0WVad is an unknown quantity at this point
Страна:
Урок полезный, только можно ли добавить как при наведении менять цвет?
WVad вне форума   Ответить с цитированием
Старый 06.12.2007   #3
PhoenAlexIX
Ghost
 
Регистрация: 06.12.2007
Сообщения: 7
Поблагодарил(а): 0
Поблагодарили 1 раз в 1 сообщении
Вес репутации: 0PhoenAlexIX is an unknown quantity at this point
Страна:
под текстом делаешь выделение занимаюшее область кнопки, под слоем текста делаешь новый слой, заливаешь выделение либо делаешь необходимый градиент и все, для того, чтобы твое выделение более мение совпадало с общей картиной кнопок, можно поставить ему прозрачность 60-70%. а вот как это реализовать в коде (у тебя получился двухсмысленный вопрос, вот и двухсмысленный ответ) тебе нужно дазобраться с такими языками как html и css ;)
P.S. если тебе это трудно пиши в личку.
PhoenAlexIX вне форума   Ответить с цитированием
Старый 06.12.2007   #4
Talik
Солнышко
 
Аватар для Talik
 
Регистрация: 16.11.2004
Адрес: Тель-Авив
Сообщения: 1,260
Поблагодарил(а): 156
Поблагодарили 329 раз(а) в 219 сообщениях
Вес репутации: 15Talik is on a distinguished road
Страна:
Отправить сообщение для  Talik с помощью ICQ Отправить сообщение для Talik с помощью Skype™
Цитата:
Сообщение от PhoenAlexIX
а вот как это реализовать в коде (у тебя получился двухсмысленный вопрос, вот и двухсмысленный ответ) тебе нужно дазобраться с такими языками как html и css ;)
P.S. если тебе это трудно пиши в личку.


Ну почему же сразу знать html и css
Это можно сделать в программе ImageReady которая прилагается к фотошопу.

Создаешь еще одно положение (цвет, оттенок и т.д.) кнопки, в ImageReady в окне Rollovers добавляем New Rollover State и автоматически, верхний Layer (слой) становится постоянным цветом кнопки, а нижний Layer - Rollover-ом (наведением).


Последний раз редактировалось Talik, 06.12.2007 в 21:37.
Talik вне форума   Ответить с цитированием
Старый 07.12.2007   #5
PhoenAlexIX
Ghost
 
Регистрация: 06.12.2007
Сообщения: 7
Поблагодарил(а): 0
Поблагодарили 1 раз в 1 сообщении
Вес репутации: 0PhoenAlexIX is an unknown quantity at this point
Страна:
)) может быть так кому-то и проще, не спорю... но зная "профессионально" (просто достичь максимума здесь как и в изобр. искусстве, не возможно - на самом то деле) я имею ввиду применение xhtml и css. проще и эффективнее использовать код, я даже больше чем уверен и практичнее, соблюдая все спецификации.
PhoenAlexIX вне форума   Ответить с цитированием
Реклама
Роза
Старый 25.11.2009   #6
goodzona
Ghost
 
Регистрация: 24.11.2009
Адрес: Россия
Сообщения: 1
Поблагодарил(а): 0
Поблагодарили 1 раз в 1 сообщении
Вес репутации: 0goodzona is an unknown quantity at this point
Страна:
Фотошоп создаем меню

Сначала выделить белок не пробовали? а инверсию выделения не пробовали делать?
А выделять слой с белком глаз через контрлклик по изображению слоя в меню Layers?

По правде сказать, не понимаю, в чем у вас проблема конкретно, - то ли элипс у вас полностью заливается, то ли вся картинка цветом элипса.
goodzona вне форума   Ответить с цитированием
Реклама
Роза
Пользователи поблагодарившие goodzona за это сообщение:
HardNup (15.04.2015)
Ответ


Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск
Опции просмотра

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

BB-коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
MaxScript troooder 3D Max 12 19.02.2005 17:04
Фотошоп - рисуем объемную кнопку Talik Photoshop 0 19.02.2005 13:37
Фотошоп - художественная обработка Talik Photoshop 0 19.02.2005 13:28
Фотошоп - Настройки и инструменты Talik Photoshop 0 19.02.2005 13:26
Flash - создаем прелоадер Talik Flash 0 19.02.2005 11:34


Часовой пояс GMT +4, время: 19:21.


vBulletin v3.6.0, Copyright ©2000-2018, Jelsoft Enterprises Ltd
Лицензия Dark Dragons
FILMS