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

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.

Ở đâ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 D-rop 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 D-rop 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
Có: 0/0 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

[Blog thiết kế] Số 01(14/9/2020): Intel thay logo, Lightweight trình duyệt web siêu nhẹ

[Blog thiết kế] Số 01(14/9/2020): Intel thay logo, Lightweight trình duyệt web siêu nhẹ

Hàng tuần, nhiều nội dung thú vị về thiết kế ở mọi ngóc ngách trên thế giới được Ngôi Sao Số tổng hợp gởi đến chị em thiết kế.

[9/2020] Nghiên cứu quan trọng cần biết cho các nhà thiết kế web

[9/2020] Nghiên cứu quan trọng cần biết cho các nhà thiết kế web

Ở Việt Nam chúng ta đa phần phán theo cảm tính. Nhưng hãy tập tin vào số liệu, vì nó như xác xuất thống kê giúp bạn đong đếm chính xác các vấn đề của bạn. Những dữ liệu quý giá này không phải ai cũng có thể làm và biết. Cùng khám phá với Ngôi Sao Số nhé.

5 mẹo để thiết kế trang web một trang hiệu quả

5 mẹo để thiết kế trang web một trang hiệu quả

Web one-page hay còn gọi là trang web chỉ có một trang, hoặc các trang landing page chỉ để giới thiệu một chương trình khuyến mãi ... làm thế nào để nó hiệu quả? Cùng xem bài viết nhé

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