четверг, 25 сентября 2008
Сегодня мы будем рисовать вот это:
читать дальшеШаг 1
Итак, начнём с создания фона. Создадим новый документ 900х700px. с текстурой дерева:
Шаг 2
Теперь используя Rectangular marquee tool сделаем выделение 140 или 170px. ввысоту, создаём новый слой и залейте выделение любым коричневым оттенком:
Применяем Градиент, используюя цвета #000000 ... #FFFFFF ... #000000, ставим прозрачность Градиента на 28% и прозрачность самого слоя на 30%
Шаг 3
Сделаем выделение чуть больше предидущего и поместим его чуть ниже предидущего
Создадим новый слой, зальём его любым цветом и применим Градиент (" Первый" цвет #013814... "Второй" цвет #005e29 ")
Теперь делаем обводку:
И добовляем тень:
У вас должно получицо так:
Шаг 4
Снова используя Rectangular Marquee tool сделаем выделение, как указанно на картинке:
Создаём новый слой, применяем Градиент, только на этот раз- Градиент переходит из тёмного в светлый, сверху вниз для баланса.
И снова добовляем обвоку:
И тень:
Шаг 5
Теперь добовляем всяческие эллементы, пожходящие вашему сайту, автор же взял бутылку пива
И пременил тень:
Так же, используя этот ресурс он взял фотографию бургера, которую разместил сзади бутылки:
Применил к нему обводку:
И тень:
Затем он добавил ещё одно фото и применил к нему теже настройки, как и к предидущей фотографии:
Шаг 6
Добавим "Меню" текст , со стилем текста "Caeldera" (Который можно скачать на UrbanFonts.com), с размером 18 px.
Применим к тексту тень:
Шаг 7
Пришло время добавить лого, в пусой квадрат и придать вашей шапке "креатиф" Для этого возьмём обычное фото, поместим его на зелёную полоску
И изменим режим смешивания на Luminosity, поставив прозрачность на 25%
Шаг 8
Осталось добавить остальные эллементы: Текст, разделы, изображения панель поиска и т. д.
Автор: Тут www.loreleiweb.com/forum/showthread.php?t=8806
Перевод: Di-Flyer
@темы:
Уроки,
Web-дизайн