Перед вами шаблон, который мы будем делать сегодня:
![](http://www.photoshop-master.ru/lessons/les1255/0.jpg)
Шаг 1. Итак, начнем с создания нового документа размером 900х700px.
Создайте новый слой в документе и залейте его любой текстурой, похожей на дерево.
![](http://www.photoshop-master.ru/lessons/les1255/1.jpg)
Шаг 2. Затем при помощи инструмента Прямоугольная область выделения (rectangular marquee)
выделите полосу в верхней части шаблона, к примеру ,140 или 170 px в
высоту. Создайте новый слой и залейте его любым оттенком коричневого
цвета.
![](http://www.photoshop-master.ru/lessons/les1255/2.jpg)
Перейдите меню Слой – Стили слоя – Градиент (Layer -Layer Styles – Gradient) и используйте цвета #000000 … #FFFFFF … #000000, примените к градиенту непрозрачность (opacity) 28%. Убедитесь, что параметр заливка (fill) для слоя установлен на 30%.
![](http://www.photoshop-master.ru/lessons/les1255/3.jpg)
![](http://www.photoshop-master.ru/lessons/les1255/4.jpg)
Шаг 3. Следующий шаг. Снова используем инструмент Прямоугольная область выделения (rectangular marquee), выделите прямоугольник под предыдущим слоем, точно так же от одного края до другого, но уже примерно в два раза больше.
![](http://www.photoshop-master.ru/lessons/les1255/5.jpg)
Создайте новый слой и установите в качестве основного цвета #013814, а второй цвет на #005e29. Используя инструмент Градиент (Gradient), проведите линию снизу вверх так, чтобы темный оттенок был внизу.
![](http://www.photoshop-master.ru/lessons/les1255/6.jpg)
![](http://www.photoshop-master.ru/lessons/les1255/7.jpg)
Пока этот слой остается выделенным, перейдите к меню Слой – Стили слоя – Параметры наложения (Layer - Layer Styles- Blending Options) и примените следующие настройки:
![](http://www.photoshop-master.ru/lessons/les1255/8.jpg)
![](http://www.photoshop-master.ru/lessons/les1255/9.jpg)
Вот как ваш документ должен выглядеть на данном этапе.
![](http://www.photoshop-master.ru/lessons/les1255/10.jpg)
Шаг 4. При помощи инструмента Прямоугольная область выделения (rectangular marquee), выделите прямоугольник в верхнем левом углу вашего шаблона, как показано на рисунке ниже:
![](http://www.photoshop-master.ru/lessons/les1255/11.jpg)
Создайте новый слой, снова переключитесь на инструмент градиент (Gradient),
на этот раз используйте те же оттенки зеленого, что и раньше, проведите
линию сверху вниз так, чтобы темно-зеленый был сверху. Это придаст
вашему шаблону лучший баланс.
![](http://www.photoshop-master.ru/lessons/les1255/12.jpg)
Не снимая выделения со слоя, перейдите к меню Слой – Стили слоя (layer - layer styles) и примените следующие настройки (те же, что и в предыдущем шаге).
![](http://www.photoshop-master.ru/lessons/les1255/13.jpg)
![](http://www.photoshop-master.ru/lessons/les1255/14.jpg)
Шаг 5. Возьмите модель бутылки пива. У меня не было
модели, поэтому я перешел к сайту MorgueFile.com, нашел бутылку пива
(beer bottle) и вырезал ее. Как только вы бутылка будет готова к
перемещению в наш документ, вставьте ее и поместите в середину зеленой
линии с правой стороны, но не слишком близко к краю.
![](http://www.photoshop-master.ru/lessons/les1255/15.jpg)
Если она негармонично смотрится, добавьте немного едва уловимой тени к слою.
![](http://www.photoshop-master.ru/lessons/les1255/16.jpg)
Шаг 6. Следующий шаг – добавление сочных иллюстраций.
Предположив, что мы создаем шаблон сайта для бара-ресторана, добавим
изображения с едой. Мои все так же взяты с сайта Morguefile.com, если вы
хотите использовать те же изображения, что и я, просто наберите в
поиске гамбургер (hamburger). Вставьте изображение соответствующего
размера в наш документ (если слишком большое – просто уменьшите его) и
поместите за бутылкой пива. Нажмите Ctrl+T, чтобы немного его
развернуть, а затем, когда вы будете довольны результатом, нажмите
Enter.
![](http://www.photoshop-master.ru/lessons/les1255/17.jpg)
Оставаясь на этом слое, перейдите к меню Слой – Стили слоя – Параметры (Layer- Layer styles –option) и примените эти настройки:
![](http://www.photoshop-master.ru/lessons/les1255/18.jpg)
![](http://www.photoshop-master.ru/lessons/les1255/19.jpg)
Если ваш шаблон такой же широкий, как и наш – вы можете добавить еще
одно изображение, используя ту же технику. Вот результат на данный
момент:
![](http://www.photoshop-master.ru/lessons/les1255/20.jpg)
Шаг 7. Выберите инструмент Text (Текст).
Используя шрифт "Caeldera” (бесплатно можно скачать на сайте
UrbanFonts.com) размером 18px приятного бежевого оттенка, сочетаемого с
вашим шаблоном, напишите ключевые слова для вашего меню навигации.
![](http://www.photoshop-master.ru/lessons/les1255/21.jpg)
Затем – тень для текста.
![](http://www.photoshop-master.ru/lessons/les1255/22.jpg)
Шаг 8. Добавьте свой логотип в квадрат, который мы
создали ранее, если у вас уже есть лого – здорово, если нет – все что мы
сделали, это залили круг оранжевым цветом и добавили текст. Получилось в
стиле заката солнца, но смотрится стильно.
Возьмите фото музыкантов бара, вставьте его в шаблон так, чтобы он
перекрывал большой зеленый прямоугольник. Удалите лишнее с желтых
краев.
![](http://www.photoshop-master.ru/lessons/les1255/23.jpg)
Установите Режим смешивания (Blending Mode) на Свечение (Luminosity) (это действие полностью вернет зеленый цвет), а затем уменьшите непрозрачность (opacity) примерно до 25% , или даже меньше, вы же не хотите, чтобы фигуры на фоне слишком сильно привлекали к себе внимание.
![](http://www.photoshop-master.ru/lessons/les1255/24.jpg)
Итак, это все. Ваш шаблон готов. Теперь, все, что вам нужно сделать - разрезать его и наполнить текстом. Успехов!
Полноразмерный вариант можно увидеть здесь.
![](http://www.photoshop-master.ru/lessons/les1255/25.jpg)
|