Зубастый хедер - Школа Photoshop
Как создать хедер в фотошопе? Как сделать красивый хедер?

Зубастый хедер

13.08.2007Категория урока: Веб-графика

Узнайте, как создать классный «web 2.0-хедер» с зазубринами!

Сделать хедер фотошопе

Приблизительное время выполнения: 4 минуты

Создайте новый документ размерами 250х250 с белым фоном

Как создать хедер в фотошопе?

Создайте новый слой и залейте его любым ярким цветом (я использовал голубой)

Как сделать хедер в фотошопе?

Примените к слою стиль Gradient Overlay

Зубатый хедер

Фотошоп хедер

Теперь добавим темно-серый блок в нижную часть рисунка. Создайте выделение размером 675х50 и залейте его на новом слое цветом #333333

Сделать хедер фотошопе

Вот и пришло время самого интересного. Существует много техник выполнения этих зубчиков, но мне кажется, что этот — самый простой. Выберите инструмент Custom Shape (U) и выберите эту форму

Как создать хедер в фотошопе?

Измените настройки формы:

Как сделать красивый хедер?

Начните кликать мышкой в районе нижнеко блока, чтобы создать зазубринки. Кликните 20-30 раз или пока не получите нужного эффекта

Зубатый хедер

Готово! Фотошоп хедер

Пример применения этого хедера, а также код, которым его необходимо сопроводить, Вы можете просмотреть на этой странице: http://upupmedia.com/t/photoshop05/example.html

Источник: http://upupmedia.com/?page_id=49




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



8 комментария(-ев) к уроку “Зубастый хедер”

  1. а вот как сделать так чтобы, начало картинки совпадало с концом, чтобы при повторении картинка была продолжением и не было бы видно искажения :?:

    photoshop

  2. НА странице примера примененя хедера:

    http://upupmedia.com/t/photoshop05/example.html

    посмотрите исходный код. Там указаны стили, которые необходимо применить на своем сайте, чтобы добиться безграничной состыковки. ;)

    Кирилл Гурбанов

  3. я имел ввиду не как это в HTML сделать
    а как сделать это в Photoshop’е, надо же сделать так чтобы края справа и слева подходили друг к другу если их приложить рядом

    photoshop

  4. Урааа! Получилось :lol:

    Анна

  5. скачать видео ролики порно…

    Зубастый хедер » Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки…

    скачать видео ролики порно

  6. Самое бесящее на таких сайтах — то что все уроки по — английски ! Ну у всех уже давно русифицировано фсе !
    Custom Shape и пр лабуда ! Уроков куча а толку не от одного !

    Павлик

  7. Неплохой урок! :smile: Надо что-нибудь придумать на подобие этого, для своего сайта. :razz:

    Марк

  8. Павлик, учи английски. Пригодится по жизни.

    Юрец

Прокомментировать урок

 


Rambler's Top100