Дизайн шаблона сайта для бара-ресторана

Мы предлагаем вам создать нечто подобное:


Действие 1. Создаем новый документ, с размерами 900х700px, в нем создаем новый слой с любой на выбор текстурой, мы использовали вот такой вариант:


Действие 2. Теперь с помощью Прямоугольная область выделения (rectangular marquee) выделяем в верхней части слоя прямоугольник, высотой 140-170 px. Затем делаем новый слой и заливаем его каким-либо оттенком коричневого.


Выбираем меню Слой – Стили слоя – Градиент (Layer -Layer Styles – Gradient) и выбирая цвета #000000 … #FFFFFF … #000000, непрозрачность (opacity) градиента при этом выбираем 28%, а параметр заливка (fill) составляет 30%.




Действие 3. Здесь нам снова понадобится Прямоугольная область выделения (rectangular marquee), с его помощью выделяем прямоугольную полосу ниже предыдущего слоя, но в два раза больше по размерам.


При создании нового слоя выбираем основной цвет с качеством #013814, второй цвет - #005e29. С помощью инструмента Градиент (Gradient), проводим линию таким образом, чтобы внизу оттенок становился более темным.





К только что выделенному слою, с помощью Слой – Стили слоя – Параметры наложения (Layer - Layer Styles- Blending Options), применяем такие настройки:





После этого наше изображение приобретает следующий вид:


Действие 4. Теперь, при помощи уже знакомого Прямоугольная область выделения (rectangular marquee), в левом верхнем углу выделяем небольшой прямоугольник:


При создании, используя градиент (Gradient) проводим линию с теми же оттенками как в предыдущем Действии, только уже сверху вниз, для придания баланса.


Без снятия выделения, в меню Слой – Стили слоя (layer - layerstyles) применяем настройки из предыдущего Действия.




Действие 5. Теперь добавим на наше изображение модель пивной бутылки, если вы не можете найти таковую, то вот адрес MorgueFile.com, с которого была взята наша модель. Вставляем бутылку в правый верхний угол, примерно в центре зеленой линии.


Для улучшения баланса можно добавить тени к этому слою.


Действие 6. Учитывая, что мы создаем сайт для ресторана, нужно добавить несколько «аппетитных» изображений, взятых с того же сайта что и бутылка пива. Добавляем изображение, например гамбургера, подходящего размера, за моделью бутылки. Используя Ctrl+T можно развернуть изображение, затем нажимаем Enter.


На этом же слое в меню Слой – Стили слоя – Параметры (Layer- Layer styles –option) используем следующие настройки:




По желанию, можно добавить еще одно изображение, действуя по той же схеме. У нас это выглядит вот так:


Действие 7. Теперь используя Text (Текст) нанесем ключевые слова для навигационного меню. Выбираем шрифт «Caeldera», бежевого цвета с размером 18px.


Наносим тени для нашего текста:



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


Выберите в Режим смешивания (Blending Mode) пункт Свечение (Luminosity) для возврата зеленого цвета, показатель Непрозрачность (opacity) установим на 25%.


Ну, вот и все, шаблон изготовлен. Разрезав и наполнив его текстом, у нас получается следующее: