• www.ARTScroll.ru
   Пользователь
Логин:

Пароль:

Запомнить? 
   ГАЛЕРЕИ
» Стать другом сайта
» Группа "В Контакте"
   
   9275 художников
   1792 биографий
   7547 подборок картин
   276435 картин [101.96GB]
   1566 уроков
   457 другие статьи
   3906 пользователей
   445 комментариев
   358 тем на форуме
   841 сообщений на форуме

Библиотека | Обучение | Adobe PhotoShop | Меню для строгого сайта Просмотреть комментарии

 
 
]]>
Опубликовал: SerSpiriT   Дата: 2007-09-22 18:29 Рекомендовать:
]]>
В этом уроке вы научитесь создавать стильное меню для сайта, в фотошопе.



Начнём с создания нового документа, размером 160х220 пикселей, фон не важен. Выберите Rectangular Shape Tool и нарисуйте прямоугольник, 40 пикселей в высоту и 160 в ширину. Цвет прямоугольника не важен, потому, что мы применим к ниму следующий эффект - заливка градиентом:




Теперь, создаём новый документ 6х5 пикселей, с прозрачным фоном, выбираем Карандаш (Pencil Tool) толщиной 1 пиксель и цветом # 939393 и рисуем в этом документе две точки как показано на рисунке:



Потом, идём в Edit > Define Pattern, называем нашу новую палитру например "newpattern" и нажимаем ОК. После чего, возвращаемся в наш предыдущий документ, выделяем наш прямоугольник (зажимаем Ctrl и кликаем на слой в палитре слоёв), создаём новый слой, называем его "Палитра" и идём в Edit > Fill, где в графе "Custom Pattern" выбираем нашу палитру. Нажимаем ОК.




После заливки идём в Filter > Blur > Gaussian Blur, где выбераем радиус 0,3 пикселя и кликаем ОК. Результат должен выглядеть вот так:




Теперь, создаём новый слой, выбираем карандаш (Pencil Tool) толщиной 2 пикселя и цветом # 696969 и рисуем линию по низу прямоугольника. После чего меняем цвет карандаша на # 808080 и рисуем точно такую же линию только по верху прямоугольника. Как на рисунке:




Выберите все слои которые относятся к нашему прямоугольнику-кнопке (их должно быть три) и сгруппируйте их нажав Ctrl+G. После чего клонируйте 5 раз эту группу слоёв и расположите как на рисунке:




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




В этой же группе выберите слой "Палитра" и применяем к нему следующий эффект - заливка цветом # ffffff и уменьшим прозрачность слоя до 25%

Вот как должна будет выглядеть нажатая кнопка на сайте. Но это ещё не всё.




В этой же группе номер 2 создаём новый слой поверх остальных, выбираем Карандаш (Pencil Tool) толщиной 1 пиксель и цветом # ffffff, рисуем что-то типа стрелочки и распологаем её как показано на рисунке:




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

Copyright © http://megatutorials.blogspot.com

Также стоит посмотреть:
#ЗаголовокАвторРазделПросмотров
1Раздвижное меню для сайтаSerSpiriTБиблиотека | Обучение | Adobe PhotoShop4390
2Футуристическое меню для сайтаHolyKirkaБиблиотека | Обучение | Adobe PhotoShop2474
3Создание пластикового меню сайтаSerSpiriTБиблиотека | Обучение | Adobe PhotoShop2582
4Дизайн сайта для продажи ПрограммыHolyKirkaБиблиотека | Обучение | Adobe PhotoShop | Дизайн2532
5Создание сайта для дизайн студииHolyKirkaБиблиотека | Обучение | Adobe PhotoShop2266
6Эскиз костюма маркизы для Т.П.Карсавиной ( для танца на музыку Моцарта )Сомов Константин АндреевичКартины5076
7Мотивы Для Супрематической Ткани. Образцы Для Текстиля. Вторая Половина 1920-ХМалевич Казимир СевериновичКартины2055
8Макет сайта недвижимостиHolyKirkaБиблиотека | Обучение | Adobe PhotoShop2875
9Дизайн сайта в DJ стилеHolyKirkaБиблиотека | Обучение | Adobe PhotoShop | Дизайн3546
10Дизайн сайта в стиле «Eco»HolyKirkaБиблиотека | Обучение | Adobe PhotoShop3341
Комментарии: 0
1
Пока комментариев нет
1
 
   
   
Arts.In.UA АртНау - художники и картины Яндекс цитирования Яндекс.Метрика