Giới thiệu cách thiết kế website khách sạn tao nhã trong photoshop

Dưới đây chúng tôi chia sẻ một hướng dẫn để thiết kế một khách sạn / nhà nghỉ hay web kinh doanh trong Photoshop. Đây là một hướng dẫn dễ dàng và thậm chí người mới bắt đầu cũng có thể làm theo nó.

Đây là mẫu thiết kế website khách sạn đã hoàn thiện. Trông nó thật tuyệt phải không nào! Chúng ta cùng nhau tìm hiểu xem nó được thiết kế như thế nào nhé. 

39thiet ke web

Công việc cơ bản

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

cách thiết kế website khách sạn 1

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

cách thiết kế website khách sạn 2

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

cách thiết kế website khách sạn 3

Thanh điều hướng

Đi tới một layer trống. Chọn  công cụ Rectangle và vẽ chiều dài toàn vùng ngang.

cách thiết kế website khách sạn 4

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

cách thiết kế website khách sạn 5

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

cách thiết kế website khách sạn 6

Và với một số văn bản, chúng ta có một thanh lịch Navigation Bar.

Logo

Như tôi luôn nói, tôi 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ì chúng tôi đang thiết kế website 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.

cách thiết kế website khách sạn 7

Áp dụng cùng một mô hình  ở đây mà chúng tôi á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.

cách thiết kế website khách sạn 8

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

cách thiết kế website khách sạn 9

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

cách thiết kế website khách sạn 10
Và tiêu đề được thực hiện! Tôi nghĩ rằng tôi nên giữ nó ngắn gọn.:)
cách thiết kế website khách sạn 11

Các Slider

Bây giờ chúng tôi đ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. Chúng tôi chọn  Rounded Rectangle Tool và vẽ một hình dạng chiều dài đầy đủ.

cách thiết kế website khách sạn 12

Thêm một  hình ảnh vào khu vực tính năng và việc sử dụng Clipping Mask để ẩn các phần không cần thiết. Bạn chỉ cần  click chuột phải  vào layer hình ảnh và bấm vào  Create Clipping Mask.

cách thiết kế website khách sạn 13

Hãy vẽ tiếp. Chọn Ellipse Tool, vẽ các vòng tròn và điền chúng với màu đen.

cách thiết kế website khách sạn 14

Áp dụng phong cách lớp  Gradient vào hình dạng này.

cách thiết kế website khách sạn 15

Vẽ bất kỳ hình dạng mũi tên và bạn có nút trước tiếp theo của bạn. Bạn cũng có thể sử dụng một trang web như IconArchive  để có được nút được thiết kế tốt hơn.

cách thiết kế website khách sạn 16

Chọn Rectangle Tool, vẽ các hình trên dưới cùng của hình ảnh, điền vào nó với rắn màu đen Màu sắc và với 48% Opacity. Sau đó click chuột phải vào layer và nhấn Create Clipping Mask để điều đó không có các cạnh của nó sụt giảm bên ngoài viền của các slideshow.

cách thiết kế website khách sạn 17

Và với một số văn bản, chúng ta có một thanh trượt đẹp.

Kết quả

cách thiết kế website khách sạn 18

Tác giả bài viết: Giang Nguyễn

Nguồn tin: LẬT ĐẬT WEB

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây