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

Thứ tư - 24/10/2018 22:00

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

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

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 Drop 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