Đây là mẫu chúng ta sẽ làm hôm nay:

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Vì vậy, hãy bắt đầu bằng cách tạo canvas mới, 900*700px.
Tạo một lớp mới trên khung vẽ của bạn và tô nó bằng bất kỳ mẫu giống gỗ nào. Nếu bạn không có mẫu gỗ, hãy tải xuống tệp PSD của chúng tôi.

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Tiếp theo, sử dụng công cụ marquee hình chữ nhật, chọn dây đeo ở phần trên của mẫu, giả sử cao 140 hoặc 170 pixel. Tạo một lớp mới và tô màu vùng chọn của bạn với bất kỳ màu nâu nào.

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Vào Layer >> Layer Styles >> gradient và sử dụng màu #000000 … #FFFFFF … #000000, áp dụng hiệu ứng chuyển màu với độ mờ 28%. Đảm bảo thiết lập Fill của chính lớp đó là khoảng 30%.

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Bước tiếp theo. Sử dụng lại công cụ marquee hình chữ nhật, chọn một hộp bên dưới lớp trước của bạn, cũng từ bên này sang bên kia, nhưng cao hơn khoảng hai lần.

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Tạo một lớp mới và thiết lập màu chủ đạo của bạn là #013814 và màu phụ của bạn là #005e29. Sử dụng công cụ gradient, vẽ một đường từ dưới lên trên, sao cho màu tối hơn sẽ ở bên dưới.

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Trong khi lớp này vẫn được chọn, hãy đi tới Layer >> Layer Styles >> Blending Options và áp dụng các cài đặt sau:
cú đánh
Thả bóng

Đây là giao diện canvas của bạn cho đến nay.

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Sử dụng công cụ Rectangular Marquee, chọn một hộp ở góc trên bên trái của mẫu của bạn, như minh họa trong hình bên dưới:

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Tạo một Layer mới và chuyển sang công cụ gradient một lần nữa, lần này, sử dụng màu xanh lục giống như trước, vẽ một đường từ trên xuống dưới, sao cho màu xanh lục đậm hơn sẽ ở trên. Điều này sẽ giúp bố cục cân bằng hơn.

Thiết kế một mẫu đầy đủ cho bố cục trang web Bar Restorant - Hướng dẫn PS Thiết kế web Lorelei

Trong khi cái sau vẫn được chọn, hãy đi tới lớp >> kiểu lớp và áp dụng các cài đặt sau (giống như với hộp trước).