САЙТ ПЕРЕЕХАЛ НА http://zpclub.clan.su/


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Принцип создания шапки
NaruTOДата: Вторник, 16.06.2009, 15:52 | Сообщение # 1
Вэб Мастер
Группа: Админ
Сообщений: 27
Награды: 1 [ 10 ]
Статус: Offline
ICQ:563738427

Бог сайта и форума За хорошую посещаемость на форуме
Питомец:
Настроение питомца:
Сегодня покажу вам как можно очень быстро сделать простенькую шапку сайта. Это она пока простенькая, а если вы подключите свою фантазию, по получиться должно очень хорошо.
Назначение данного урока — показать принцип рисования шапки сайта и не больше.
В следующих уроках про создание шапки сайта я сделаю что-нибудь посложнее, а пока вперёд залазить не нужно.
Меньше разговоров, больше дела. Вооружайтесь фотошопом и приступайте к уроку.
1. Создаём новый рисунок размером 800x150 px:
2. Заходим в Layer Style (кликните правой клавишей по слою, там выберите Blending Options) на вкладку Gradient Overlay. Там настраиваем градиент следующим образом (красным цветом я написал шестнадцатеричные значения цветов):

Жмём везде Ok и получаем фон:

3. За тем выбираем инструмент Pen Tool и рисуем такую фигуру (можете подключить свою фантазию), цвет — #313e5a

4. Заходим в Layer Style на вкладку Drop Shadow и выставляем следующие параметры:

5. Теперь выберите кисточку с пятнами краски, создайте новый слой и что-нибудь «наляпайте» (фиолетовым цветом — #313e5a):

6. Снова создайте новый слой, смешивание (Blend Mode) измените с Normal на Overlay (данный параметр настраивается на панели слоёв Layers) и снова нарисуйте что-нибудь кисточками:

7. Создайте новый слой и залейте его любым цветом (с помощью Paint Bucket Tool), затем непрозрачность заливки Fill уменьшите до 0%.
Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:

8. А на вкладке Pattern Overlay настройте заливку текстурой. В качестве текстуры выберите какую-нибудь штриховку (как создавать подобную текстуру сказано, в 1 уроке )

9. А сейчас напишите название сайта.
10. Раскрасьте его по следующему принципу:

11. Нарисуйте ещё что-нибудь и напишите слоган вашего сайта:

12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).
Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:

13. Добавьте маску слоя (на панели слоёв кликните по кнопке Add layer mask):

14. Выберите инструмент Gradient Tool (градиент) и чёрно-белым градиентом залейте маску сверху вниз:

15. Снизу напишите названия основных разделов сайта:

16. Создайте новый слой. С помощью инструмента Rectangular Marque Tool выделите верхнюю часть изображения и залейте её белым цветом (с помощью Paint Bucket Tool)
17. Добавьте к данному слою маску, как это мы делали ранее, и залейте её чёрно-белым градиентом сверху вниз
Вот мы и нарисовали в фотошопе шапку для сайта:
Прикрепления: 0248056.gif (26.4 Kb) · 6160068.jpg (11.5 Kb) · 6290914.jpg (13.3 Kb) · 4837186.jpg (30.5 Kb) · 9893375.jpg (20.7 Kb) · 7483589.jpg (20.5 Kb) · 1217959.jpg (30.7 Kb) · 8902654.jpg (28.2 Kb) · 7682438.jpg (25.6 Kb) · 9686347.jpg (30.6 Kb)
 
Заслуги
Бог сайта и форума За 10 сообщений За 20 сообщений
  • Страница 1 из 1
  • 1
Поиск:
Сайт управляется системой uCoz