Мой сайт Понедельник, 06.05.2024, 07:45

Приветствую Вас Гость
RSS

Главная | Регистрация | Вход
«  Февраль 2010  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
Меню сайта

Надоели технические проблемы при создании своего дела?

"Все Технические Моменты Онлайн Бизнеса в Видеоформате".

Коллекция видеокурсов, которая за 36 часов и 45 минут сделает из Вас профессионала во всех технических моментах ведения бизнеса в сети.

Кликните Сюда Прямо Сейчас, Чтобы Узнать Все Подробности!

 


Форма входа
Категории раздела
Фотошоп [26]
WEB Мастерская [8]
Пейзажи [0]
Портреты и Люди [7]
Кисти для photoshop [0]
Поиск
Архив записей
Наш опрос
Как вам Mullencamp.do.am ? =)
Всего ответов: 2529
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2010 » Февраль » 26 » Шапка для сайта в Фотошоп
    15:21
    Шапка для сайта в Фотошоп

    Как нарисовать в PhotoShop шапку сайта — урок...

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

    Назначение данного урока — показать принцип рисования шапки сайта и не больше, многому остальному (рисованию) я вас уже научил в прошлых уроках.

    В следующих уроках про создание шапки сайта я сделаю что-нибудь посложнее, а пока вперёд залазить не нужно.

    Меньше разговоров, больше дела. Вооружайтесь фотошопом и приступайте к уроку.

    Шапка для сайта в фотошопе

    1. Создаём новый рисунок размером 800x150 px:

    шапка сайта в фотошопе

    2. Заходим в Layer Style (кликните правой клавишей по слою, там выберите Blending Options) на вкладку Gradient Overlay. Там настраиваем градиент следующим образом (красным цветом я написал шестнадцатеричные значения цветов):

    шапка для сайта в фотошопе

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

    шапка сайта в PhotoShop

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

    шапка для сайта в PhotoShop

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

    как нарисовать шапку сайта

    После этого должно получиться примерно как у меня:

    как нарисовать шапку сайта в фотошопе

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

    как нарисовать шапку сайта в PhotoShop

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

    рисуем шапку сайта

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

    Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:

    нарисовать шапку сайта

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

    нарисовать шапку для сайта

    Получиться должно вот так:

    нарисовать в фотошопе шапку для сайта

    9. А сейчас напишите название сайта:

    нарисовать в фотошопе шапку сайта

    10. Раскрасьте его по следующему принципу:

    в фотошопе шапка сайта

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

    в PhotoShop шапка сайта

    12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).

    Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:

    как рисуется шапка сайта

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

    как в фотошопе рисуется шапка для сайта

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

    как в PhotoShop рисуется шапка для сайта

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

    шапка сайта в фотошоп

    16. Создайте новый слой. С помощью инструмента Rectangular Marque Tool выделите верхнюю часть изображения и залейте её белым цветом (с помощью Paint Bucket Tool):

    нарисовать в фотошоп шапку сайта

    17. Добавьте к данному слою маску, как это мы делали ранее, и залейте её чёрно-белым градиентом сверху вниз:

    в фотошоп нарисовать шапку для сайта

    Вот мы и нарисовали в фотошопе шапку для сайта:

    как нарисовать шапку для сайта

    Категория: WEB Мастерская | Просмотров: 1549 | Добавил: Mullencamp™ | Теги: дизайн, фотошоп, Сайт, шапка | Рейтинг: 0.0/0
    Всего комментариев: 2

    #2 написал: [Материал]



    Группа: 999
    Hello!
    Etiam quis elit fringilla nibh faucibus sagittis at mi malesuada. Vivamus suscipit nisl nec.

    #1 написал: [Материал]



    Группа: 999
    Описание сжатое и не понятное!К сожалению начинающий пользователь дальше фона не нарисует((((
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Copyright MyCorp © 2024