Làm thế nào để thiết kế web khách sạn trong photoshop (P.1)

Thứ ba - 23/10/2018 22:00

Hôm nay chúng tôi sẽ giới thiệu đến các bạn về cách thiết kế website khách sạn trong photoshop.

Làm thế nào để thiết kế web khách sạn trong photoshop (P.1)

Ở đây chia sẻ một hướng dẫn để thiết kế web khách sạn trong Photoshop. Đây là một hướng dẫn dễ dàng và thậm chí bắt đầu nên có thể làm theo nó.

Một tài liệu trống, kích thước của sự lựa chọn của bạn, độ phân giải 72. 

11 thiet ke web khach san

Hãy bắt đầu từ nền. Đến Pattern Overlay trong phong cách layer, chọn mẫu và áp dụng.

22 thiet ke web khach san

Bây giờ áp dụng Color Overlay với màu trắng vững chắc với 70% Opacity. Bây giờ chúng ta làm cho mình một mô hình màu xám.

31 thiet ke web khach san

Thanh điều hướng

Lấy một layer trống. Chọn công cụ Rectangle và vẽ chiều dài toàn marquee ngang.

4 thiet ke web khach san

Tô vùng chọn với mẫu này. Đây sẽ là nền tảng của Navigation Bar.

5 thiet ke web khach san

Áp dụng một chút Drop Shadow trên lớp thanh điều hướng.

6 thiet ke web khach san

Logo

Tại đây thường chỉ làm một nền tảng cho các biểu tượng, một nơi mà biểu tượng nào có thể phù hợp với lý tưởng, và đó là những gì bận cần đang thiết kế web ngay bây giờ. Chọn Pen Tool và vẽ hình dạng này, và điền với màu xám.

8 thiet ke web khach san

Áp dụng mô hình tương tự ở đây mà áp dụng trên các nền tảng chuyển hướng, và sau đó áp dụng Color Overlay với màu xám (# e4e4e4) với 61% Opacity.

9 thiet ke web khach san

Và bây giờ một số dạng Drop Shadow.

10 thiet ke web khach san

Bây giờ chúng ta hãy vẽ một biểu tượng giữ chỗ cũng có, nếu không thiết kế sẽ có vẻ không đầy đủ.

111 thiet ke web khach san

Các Slider

Bây giờ đang tạo ra rằng thanh trượt hình ảnh lớn / slideshow chúng ta thấy trên hầu hết các trang web. Ở đây chọn Tròn Rectangle Tool và vẽ một hình dạng chiều dài đầy đủ.

13 thiet ke web khach san

Tác giả bài viết: Song Linh
Nguồn tin: www.youthedesigner.com