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

Phần 3 giới thiệu những nội dung còn lại.

Thời gian cho các nút 'đọc thêm ". Chọn Rounded Rectangle Tool và vẽ một hình dạng. Điền rằng với # 483e37 màu.

25 thiet ke web khach san

Và một phác thảo 2px Stroke để làm nổi bật các cạnh.

26 thiet ke web khach san

Kết quả qua các bước thiết kế web khách sạn như hình 1, hình 2, hình 3

27 thiet ke web khach san

Kết quả

28 thiet ke web khach san

Bài viết mới nhất

Bây giờ chúng ta hãy tạo ra một phong cách cho nội dung. Điều đó có thể được sử dụng để hiển thị các bài viết mới nhất từ blog của khách sạn, điều này cũng có thể được sử dụng để hiển thị nhiều thứ ... đó là sự lựa chọn của bạn.

Chọn Rounded Rectangle Tool vẽ một hình dạng, điền nó với màu chất rắn màu trắng.

29 thiet ke web khach san

Thêm dạng D-rop Shadow trên hình dạng này.

30 thiet ke web khach san

Thêm một hình ảnh như là hình ảnh thu nhỏ trên khu vực này. Bạn có thể phù hợp với nó trong một hình dạng bằng cách sử dụng Clipping Mask.

311 thiet ke web khach san

Nhấp chuột và kéo to để di chuyển.

32 thiet ke web khach san

Thanh bên

Về mặt lý thuyết trang thiết kế web kinh doanh không cần phải có một bên. Nhưng vì chúng ta có để hiển thị một số công cụ mà sẽ được hiển thị trên tất cả các trang, một bên luôn luôn là một ý tưởng tốt.

Chọn Rounded Rectangle Tool vẽ hình dạng và điền nó với màu chất rắn màu trắng.

33 thiet ke web kinh doanh

Sau đó ta có điều này.

35 thiet ke web khach san

Và đây là kết quả.

36 thiet ke web khach san

Cuối trang

Chọn công cụ Rectangle Tool, vẽ một hình dạng full-length và điền nó với màu # 2a2a2a, 80% Opacity.

37 thiet ke web khach san

Kết quả cuối cùng

39 thiet ke web khach san

Tác giả bài viết: Song Linh
Nguồn tin: www.youthedesigner.com
Có: 0/0 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

Xem Google Workspace đang tạo dựng mô hình làm việc trong tương lai như thế nào?

Xem Google Workspace đang tạo dựng mô hình làm việc trong tương lai như thế nào?

Google đang tạo ra một Google Workspace với mô hình làm việc tăng cường sự bình đẳng cộng tác trên các tuyến đầu, công bằng hợp tác cho tất cả

Google Workspace và Microsoft 365: bên nào hiệu quả hơn?

Google Workspace và Microsoft 365: bên nào hiệu quả hơn?

Khi nói đến các giải pháp văn phòng trực tuyến, Google Workspace và Microsoft Office 365 là hai tên tuổi nổi tiếng.

Google đã tích hợp AI vào Google Workspace, có gì mới?

Google đã tích hợp AI vào Google Workspace, có gì mới?

Google đã tích hợp nhiều tính năng AI mới vào Google Workspace để giúp người dùng làm việc và hợp tác hiệu quả hơn. Bài viết này sẽ nói về một số tính năng mới đáng chú ý.

Quay lại trang Blog
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