• Increase font size
  • Default font size
  • Decrease font size
  • default color
  • cyan color
  • red color

ZarabotokEst

Member Area
Создание сайта
Создание шапки для сайта

   

И вот дорогие друзья, сегодня отойдем от темы заработок онлайн и рассмотрим тему, которая будет интересна тем кто стремится к улучшения собственного сайта, а именно: создание уникальной шапки для сайта.

создание шапки для сайта

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

Цель данного материала заключается всего лишь в том, что бы показать принцип создание шапки для сайта, в следующих статьях будет рассмотрено как сделать логотип для сайта и создание логотипа онлайн. И так, начнем:

1. Для начала создаем новый документ размером 800х150 рх

 создание шапки для сайта

2. В меню Leyers нажимаем правой кнопкою по слою Background и выбираем Group Info New Smart Object:

создание шапки для сайта

3. Нажимаем еще раз правой кнопкой на этом же слои и выбираем Blending Options. Находим вкладку Gradient Overlay, где настраиваем градиент следующим образом:

создание шапки для сайта

Жмем ОК, и у нас должен получиться следующий фон:

создание шапки для сайта

4. Далее выбираем инструмент Pen Tool (P) и рисуем фигуру (включаем фантазию), я использовал цвет — #313e5a:

создание шапки для сайта

5. Снова заходим в Layer Style, но в этот раз на вкладку Drop Shadow и выставляем такие параметры:

создание шапки для сайта

В итоге имеем:

создание шапки для сайта

6. Создаем новый слой (Ctrl+Shift+N), выбираем кисть - пятна краски, и проявляем свою фантазию. Цвет для данного рисунка был выбран — #313e5a, и вот что  получилось:

создание шапки для сайта

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

создание шапки для сайта

Вот что должно получится:

создание шапки для сайта

8. Вписываем название и тему сайта:

создание шапки для сайта

9. Следующий шаг: создаем копию слоя с названием сайта, для этого выбираем нужный слой и нажимаем на нем правой клавишей мыши, и в открывшемся меню выбираем - Duplicate Layer.

Далее выбираем инструмент - Move Tool (V), наводим на название сайта и перетаскиваем его вниз. После чего отражаем копию слоя по вертикали: Edit —> Transform —> Flip Vertical

создание шапки для сайта

10. На панели слоев нажимаем на Add layer mask – добавляем маску слоя

создание шапки для сайта

11. Выбираем инструмент Gradient Tool (G), устанавливаем черно-белый цвет и заливаем нашу надпись сверху вниз.

создание шапки для сайта

12. Создаем новый слой, при помощи инструмента - Rectangular Marque Tool (M) выделяем верхнюю половину изображения и заливаем белым цветом.

создание шапки для сайта

13. Также к данному слою добавляем маску и также заливаем черно-белым градиентом сверху вниз.

создание шапки для сайта

14. Финальный шаг: выбираем на панели инструментов - Movi Tool (V), и переносим наш ново-созданный фон вниз.

создание шапки для сайта

Вот за несколько не сложных шагов мы создали уникальную шапку для сайта. Если Вы хотите узнать как  сделать меню для сайта, которое будет хорошо индексироваться поисковиками, тогда не забываем подписываться на rss-ленту. Но Если Вам, что-то осталось не понятным, задавайте вопросы в комментариях или воспользуйтесь разделом – Контакты. Удачи и не забывайте экспериментировать.

        

 

Комментарии  

 
0 #3 ksander24 08.11.2010 14:05
Отличная статья!!! :-) Всё подробно изложено. И красиво получается, буду себе тоже что-то подобное делать!
Цитировать
 
 
-1 #2 Dezm 07.08.2010 14:55
Цитирую Despodzx:
Спасибо за показ как зделать шапку
Подскажи как анимацию зделать так же :-)

Сейчас работаю над анимационной шапкой, ближайшие дни создам статью.
Цитировать
 
 
0 #1 Despodzx 01.08.2010 18:39
Спасибо за показ как зделать шапку
Подскажи как анимацию зделать так же :-)
Цитировать
 

Добавить комментарий


Защитный код
Обновить

Об этом блоге

Заработок онлайнКак заработать в интернете, для вас это актуальной вопрос? Тогда вы зашли правильно, в этом блоге я рассказываю о методах заработка онлайн, делюсь личным опытом работы, отвечаю  наинтересующие вопросы и конечно же экспериментирую и ставлю новые цели. Делайте то, что нравится и у вас не будет не одного рабочего дня. Что бы быть в курсе новостей не забываем подписываться на rss-ленту.
Пользуетесь архивом на блогах?
 

Конкурс на блоге

что такое АПдейт

заработок онлайн это - ???
 

Свежие

  • Сохраняйте баннер с расширением .gif В фотошопе нажмите сочетании клавиш ctrl+shift+alt+ s, откроетс... дальше
  • У меня тоже такая же ситуация как и у Андрея, в программе нажимаю на плей, баннер работает, запускаю... дальше
  • Спасибо за информацию, буду работать над сайтом, чтобы приняли в DMOZ дальше
  • правильно сделали. Так будет очень удобно для всех. дальше
  • а как сделать чтоб в банере картинки сменли друг друга плавно переходя одна в другую? на английском ... дальше
  • Во, блин! Толком сайт склепать не может, но учит. дальше
  • лучше вкладывать в проверенные средства, например в депозиты... 8) дальше

Статистика