Це шаблон, який ми будемо робити сьогодні:

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Отже, почніть із створення нового полотна розміром 900*700 пікселів.
Створіть новий шар на своєму полотні та заповніть його будь-яким деревним візерунком. Якщо у вас немає дерев'яних візерунків, завантажте наш PSD-файл.

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Далі, використовуючи інструмент «Прямокутна область», виберіть стрічку у верхній частині шаблону, скажімо, 140 або 170 пікселів у висоту. Створіть новий шар і заповніть виділення будь-яким відтінком коричневого.

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Перейдіть до «Шар» >> «Стилі шару» >> «Градієнт» і використовуючи кольори #000000 … #FFFFFF … #000000, застосуйте ефект градієнта з непрозорістю 28%. Обов’язково встановіть заливку самого шару приблизно на 30%.

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Наступний крок. Знову використовуючи інструмент «Прямокутна область», виділіть рамку під попереднім шаром, також збоку в бік, але приблизно в два рази вище.

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Створіть новий шар і встановіть основний колір #013814, а вторинний колір #005e29. Використовуючи інструмент «Градієнт», проведіть лінію від низу до верху, щоб більш темний відтінок був внизу.

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Поки цей шар все ще вибрано, перейдіть до Layer >> Layer Styles >> Blending Options і застосуйте наступні параметри:
мазок
Тінь

Ось як має виглядати ваше полотно.

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Використовуючи інструмент «Прямокутна область», виберіть поле в лівому верхньому куті шаблону, як показано на малюнку нижче:

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Створіть новий шар і знову переключіться на інструмент «Градієнт», цього разу, використовуючи ті самі зелені відтінки, що й раніше, проведіть лінію зверху вниз, щоб більш темний зелений відтінок був вище. Це дасть макету кращий баланс.

Розробіть повний шаблон для макета веб-сайту Bar Restorant - PS Tutorials Lorelei Web Design

Поки останнє все ще вибрано, перейдіть до шару >> стилі шару та застосуйте наступні налаштування (так само, як і в попередньому полі).