오늘 우리가 만들 템플릿은 다음과 같습니다.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

그럼 900*700px의 새 캔버스를 만들어 시작해 보세요.
캔버스에 새 레이어를 만들고 나무와 같은 패턴으로 채웁니다. 나무 패턴이 없으면 PSD 파일을 다운로드하세요.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

다음으로 직사각형 선택 윤곽 도구를 사용하여 템플릿 상단에서 높이가 140 또는 170픽셀인 스트랩을 선택합니다. 새 레이어를 만들고 선택 항목을 갈색 색조로 채웁니다.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

레이어 >> 레이어 스타일 >> 그라데이션으로 이동하고 #000000 … #FFFFFF … #000000 색상을 사용하여 28% 불투명도로 그라데이션 효과를 적용합니다. 레이어 자체의 채우기도 약 30%로 설정해야 합니다.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

다음 단계. 다시 직사각형 선택 윤곽 도구를 사용하여 이전 레이어 아래에서 좌우로 약 2배 더 높은 상자를 선택합니다.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

새 레이어를 만들고 기본 색상을 #013814로 설정하고 보조 색상을 #005e29로 설정합니다. 그라디언트 도구를 사용하여 아래쪽에서 위쪽으로 선을 그려서 아래에 더 어두운 색조가 오도록 합니다.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

이 레이어가 선택된 상태에서 레이어 >> 레이어 스타일 >> 혼합 옵션으로 이동하여 다음 설정을 적용합니다.
행정
그림자를 버려라

이것이 지금까지 캔버스가 보이는 모습입니다.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

직사각형 선택 윤곽 도구를 사용하여 아래 그림과 같이 템플릿의 왼쪽 상단 모서리에 있는 상자를 선택합니다.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

새 레이어를 만들고 그라디언트 도구로 다시 전환합니다. 이번에는 이전과 동일한 녹색 색조를 사용하여 위에서 아래로 선을 그려 더 어두운 녹색 색조가 위에 오도록 합니다. 이렇게 하면 레이아웃의 균형이 더 좋아집니다.

Bar Restorant 웹사이트 레이아웃을 위한 전체 템플릿 디자인 - PS 튜토리얼 Lorelei Web Design

나중에 선택한 상태에서 레이어 >> 레이어 스타일로 이동하여 다음 설정을 적용합니다(이전 상자와 동일).