Веб дизайн: создаем гламурную розовую шапку

Довольно компактный урок расскажет о том, как создавать красивые, стильные и пестрые шапки для абстрактных шаблонов сайтов. Смотрим.
1 Шаг
Для начала открываем новый документ размерами 1000×216 пикселей.

2 Шаг
Что нам нужно сделать далее — добавить на фоновый слой градиент. Для этого кликаем правой клавишей мыши по слою, выбираем Blending Options и задаем следующие опции:


3 Шаг
Теперь с помощью Rectangle Marquee Tool создайте выделение, как на рисунке ниже и залейте его на новом слое белым цветом #FFFFFF.

4 Шаг
Теперь задайте этому слою такие стили:



5 Шаг
Должно получиться, как у меня на рисунке:

6 Шаг
Здесь нам нужно подписать кнопки будущего меню. Я взял шрифт Helvetica — весь заглавными буквами.

7 Шаг
Теперь покажем, как должна выглядеть активная кнопка. Для этого снова выберите Rectangle Marquee Tool и выделите область, как показано ниже.

8 Шаг
Нажмите Edit > Clear и получите такой результат:

9 Шаг
Теперь нам нужно добавить небольшую панельку в верхней части. Для этого создайте выделение, как показано ниже и на новом слое залейте его цветом #FFFFFF.

10 Шаг
Теперь задайте слою следующие стили:


11 Шаг
Должно получиться так:

12 Шаг
Теперь, все, что осталось сделать — добавить простейший логотип (я взял лого из обыкновенной библиотеки Photoshop) и немного текста:

13 Шаг
Также вы можете добавить какие-нибудь фигуры на задний план для фона. К примеру, я взял один из шаблонов с кружками на GoMedia. Пробуйте, думайте. Удачи!

Поделитесь уроком
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация». Переведено с сайта psdvibe.com, автор перевода указан в начале урока.







