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

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

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, автор перевода указан в начале урока.