Красивое карбоновое горизонтальное меню

Уроки Photoshop

Рисунок Красивое карбоновое горизонтальное меню
Красивое карбоновое горизонтальное меню Красивое карбоновое горизонтальное меню
оценка: 4.7 из 5
оценок: 6

Что мы делаем сегодня? А сегодня, друзья, мы делаем самое настоящее горизонтальное меню для сайта и при этом не простое меню, а аж карбоновое!

Для создания этого самого меню нам просто необходимы:

  • Узор карбона - Скачать узор
  • Программа Adobe Photoshop CS3+
  • Прямые руки, растущие из нужного места,желание,и внимание

К чему мы стремимся?

Хотите так же? Тогда поехали! Шаг первый:

Создаем новый документ шириной в 500px и высотой в 200px и заливаем его чёрным (#000000) цветом.

Шаг второй:

Берем инструмент "Прямоугольник со скругленными углами" и вверху выбираем радиус округления в 10px. Цвет прямоугольника выбираем #131313 и рисуем нашу заготовку. Должно получится следующее:

Шаг третий:

В этом шаге мы подготовим основу меню,применив различный эффекты. Для этого кликаем правой кнопкой мыши на название слоя с прямоугольником и выбираем "Параметры наложения" и дальше расставляем все как показано на скринах внизу:

Внешнее свечение

Наложение градиента и перекрытие узора

Узором является одна из 4 картинок приложенная в архиве. Если Вы не знаете как установить узор ознакомьтесь с уроком по установке - Урок по установке узоров.

Обводка:

После всех этих процедур у нас должно получится следующее изображение:

Шаг четвёртый:

Выбираем белый цвет (#ffffff) прямоугольника и рисуем уже в тёмном прямоугольнике как будто пункт выделенной ссылки. К прямоугольнику в эффекты ставим обводку как выше и наложение градиента в 37%. Должно получится так:

Шаг пятый:

Теперь самое трудное для начинающих (на мой взгляд). Мы будем работать с маской слоя.Выбираем инструмент "Линия" чёрного цвета и отделяем как бы промежутки на меню. Выбираем слой с линией и нажимаем на кнопку создания слоя-маски. Найти эту кнопку Вы можете ознакомившись с предыдущим уроком - "Два вида отражения". Выбираем инструмент "Градиент" и ставим настройки как на рисунке ниже:

И проводим им сверху вниз нашей линии. Должно получится что линия как бы ярче к центру,но как будто её нет по краям. В итоге у нас получается вот так:

Шаг шестой:

Теперь дело за малым. Осталось наполнить нашу основу текстом. Я использовал шрифт tahoma с такими вот настройками:

Авторство:
Урок подготовил и опубликовал: Андрей Andreshka Алтунин. Для портала szenprogs.ru .

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




Красивое карбоновое горизонтальное меню
Уроки Photoshop
Скрипты, инструкции, справочники

rss
Категория:Уроки Photoshop
Просмотрено:7149
Рейтинг:4.7/6
Дата добавления:2011-05-14 17:13, Суббота
Добавил:Andreshka
Теги:меню, горизонтальное меню, карбоновое

Мини-форум

№ 02011-05-14 17:13
Andreshka
Аватар участника Andreshka
Здесь вы можете задать вопрос или оставить комментарий по теме "Красивое карбоновое горизонтальное меню".
Гость
Учавствовать в обсуждении "Красивое карбоновое горизонтальное меню" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Посетители
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Во сколько оцените портал
Всего ответов: 1899
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 2
Гостей: 2
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2018 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz