Веб-дизайн. Бумажное меню

Веб-дизайн. Бумажное меню

раздел: Дизайн

И так, в этом уроке я собираюсь показать вам, как можно сделать оригинальное меню для сайта.

Шаг 1
Создадим новый документ. Зальем основу черным цветом. Затем добавим градиент от темно-синего цвета к прозрачному от нижнего края к верхнему.
Шаг 2
На новом слое создадим белый прямоугольник (кусочек бумаги).
Шаг 3
Выделим края и, используя серый градиент, «загнём» их.
Шаг 4
Листик не должен быть освещен равномерно. Немного затемним края.
Шаг 5
Искривляем
Шаг 6
Отрежем острые края листика.
Шаг 7
Напишем текст.
Шаг 8
Добавим тень. Я использовал настройки, которые показаны на картинке.
Результат
Таким же образом создаем и остальные листики для меню, они могут быть разного цвета и размера.

Подсовываем меню под «контентный блок». Обратите внимание, что от блока на меню также падает тень.

Вот и готово!
Скачать .psd файл урока всего за 29 рублей

Скачивается платежный exe-архив в который запакован .psd файл



Комментарии
Виталий
15 ноября 2008
Небольшой совет: делайте эскизы немного меньше, чтоб страница не долго грузилась. Не у всех же интернет-соединение быстрое.
Gufer
12 июля 2009
А еще поподробнее пожалуйста, а то что это такое - искривляем, отрезаем? тьфу, многие начинающие изучать Фотошоп ничего так и не поймут.
Дмтирий
18 декабря 2009
гениальный сайт. спасибо вам) Gufer учите основы
Jos.R
25 ноября 2010
Только делитанты юзают русский фотошоп. Фу!
Добавить комментарий
  Имя (*)
Подписаться: RSS | Email