Trong Photoshop, bạn có thể tạo một bố cục trang web, theo đó nó đã được tạo trong html. Quá trình này tương đối đơn giản.
Cần thiết
Chương trình Adobe Photoshop
Hướng dẫn
Bước 1
Mở Photoshop và tạo một tài liệu 1020 x 1200 pic trong đó. Đặt màu nền thành # a8a995. Nếu trang web dành riêng cho một công ty, thì bạn có thể đặt biểu tượng của nó ở trên cùng bên trái trong thanh điều hướng. Để lại một số không gian ở bên phải cho các liên kết để điều hướng trang web.
Bước 2
Sử dụng công cụ Rectangle Tool và tạo một hình chữ nhật 80 x 54 pic trong thanh điều hướng của trang web. Nó sẽ cho biết mục menu đang hoạt động trong điều hướng trang web.
Bước 3
Vào menu Layer-Layer Style, chọn hộp kiểm Color Overlay, màu # ADAE9E, Opacity - 100% và hộp kiểm Stroke, Size - 1 px, Position - Outside, Opacity - 100%, màu # CED0BB.
Bước 4
Trên đầu hình chữ nhật bạn đã có, thêm một pic 71x50 khác, sơn nó bằng # cfbe28. Vào menu Layer-Layer Style, thiết lập các thông số sau cho hình chữ nhật này: Drope Shadow: Blend Mode - Multiply, màu # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Bóng bên trong: Chế độ hòa trộn - Nhân, màu # 000000, Độ mờ - 27%, Góc - 90, Khoảng cách - 1, Choke - 0, Kích thước - 18; Nét vẽ: Kích thước - 1, Vị trí - Bên ngoài, Độ mờ - 100, Loại tô - Màu, Màu # D6C72C.
Bước 5
Thêm bóng cho các liên kết nằm trong thanh điều hướng. Để thực hiện việc này, hãy chọn lớp có văn bản của các liên kết này, vào menu Layer-Layer Style và thiết lập các thông số sau: Drope Shadow: Blend Mode - Multiply, màu # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Lặp lại các bước này cho mỗi lớp sẽ chứa văn bản của các liên kết.
Bước 6
Bây giờ bạn cần tạo một phần giới thiệu của mẫu. Chọn công cụ Rectangle Tool và tạo một hình chữ nhật dưới logo, tô nó bằng màu trắng, giảm độ mờ xuống 20%.
Bước 7
Chọn Công cụ Ellipse và tạo một hình bầu dục bên dưới hình chữ nhật này. Vào Filter> Blur> Gaussian Blur và đặt Radius thành 7, 8.
Bước 8
Dùng công cụ Rectangular Marque Tool và chọn phần dưới cùng của hình chữ nhật và hình bầu dục mờ. Xóa đi.
Bước 9
Sau đó, nhập văn bản vào nút hình chữ nhật. Tạo một dòng ngay phía trên nó với các thông số sau: 866 x 1 pic.
