Стильная шапка сайта игры Counter-Strike

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

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В конце урока получится такая шапка сайта:

Изменить

1. Создайте новый документ размером 800×287 пикселей с разрешением 72 dpi. Залейте фон чёрным цветом.

Изменить

2. Вставьте тёмную фотографию в наш документ:

Изменить

3. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру цветом #382E0B. Потом инструментом Удалить точку привязки (Delete Anchor Point Tool) вырежьте область, чтобы фотография была видна:

Изменить

4. Примените стиль Тиснение (Layer Style - Bevel and Emboss) и настройте так:

Изменить

Контур (Тиснение):

Изменить

5. Инструментом Прямоугольник (Rectangle Tool) создайте рамку на правой стороне:

Изменить

6. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Отбрасывание тени:

Изменить

Тиснение:

Изменить

Контур (Тиснение):

Изменить

Наложение цвета:

Изменить

Наложение градиента:

Изменить

7. Сделайте копию последнего слоя и поместите на другую сторону:

Изменить

8. Инструментом Перо (Pen Tool) создайте элемент шапки цветом #524616.

Изменить

9. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:

Отбрасывание тени:

Изменить

Тиснение:

Изменить

Контур (Тиснение):

Изменить

10. Предыдущим инструментом создайте ещё одну фигуру цветом #370000.

Изменить

11. Примените к ней стиль Внутренняя тень (Layer Style - Inner Shadow):

Изменить

12. Создайте ещё одну фигуру:

Изменить

13. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Тиснение:

Изменить

Наложение градиента:

Изменить

14. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте область для ввода текста цветом #370000.

Изменить

15. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:

Внутреннее свечение:

Изменить

Обводка:

Изменить

16. Сделайте две копии этой области и поместите так:

Изменить

17. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру цветом #4E0000, как показано ниже:

Изменить

18. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте кнопку поиска цветом #BDAC3B.

Изменить

19. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили для созданной кнопки:

Внутренняя тень:

Изменить

Наложение цвета:

Изменить

20. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите заголовок текста, используя эти настройки:

Изменить

21. Для текста примените следующие стили в меню Стилей слоя (Layer Style - Blending Options):

Внутренняя тень:

Изменить

Наложение градиента:

Изменить

22. На поисковой кнопке напишите “GO”, используя эти настройки:

Изменить

23. Теперь напишите названия областей для ввода текста:

Изменить

24. И наконец добавьте кнопки меню:

Изменить

25. Для текста меню примените стиль Внешнее свечение (Layer Style - Outer Glow):

Изменить

26. Инструментом Карандаш (Pencil Tool) нарисуйте стрелки цветом #990000:

Изменить

Ссылка на источник урока

Создан: 5 ноября 2009

ГАВНО

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

18 февраля 2010 11:09 | ICQ: -- | [цитировать]

Коротко и ясно :)

---------------
ПОДПИСЬ

18 февраля 2010 12:03 | ICQ: -- | [цитировать]

сам ты говно дурак клевая шапка)

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

28 июля 2010 04:03 | ICQ: -- | [цитировать]

не очень

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

12 апреля 2011 08:45 | ICQ: -- | [цитировать]