Đây là mẫu thiết kế đã hoàn thiện.
Hãy bắt đầu theo các bước thực hiện
B1. Tạo file mới
Tạo file mới có kích thước 1000x1100px, resolution: 72, mode màu: RGB color
B2. Tạo các đường hướng dẫn
Nhấn Ctrl + R > Click phải trên thước > chọn Pixel
Kéo từ thước ngang và dọc các đường hướng dẫn cho file thiết kế
Copy hình người mẫu sang file thiết kế à Nhấn phím Ctrl+T à thu nhỏ hình cho phù hợp với kích thước trang web để tạo hình nền cho ảnh.
Bước 3:
Trên layer ảnh vừa copy à chọn Add new Layer Mask à Tô màu đen lên layer mask để che nền của ảnh.
Bước 4: Tạo nền trong suốt trên ảnh nền
Tạo vùng chọn hình chử nhật (85% trang thiết kế).
Tạo layer mới, chọn màu tím cho forground à nhấn Alt + Delete à tô màu tím trong vùng chọn.
Giảm Opacity còn 25 đến 35 % để có nền trong suốt như hình.
Bước 5: Tạo menu left
Vẽ vùng chọn HCN > tạo layer mới > tô màu trắng > giảm Opacity: 70%
Thêm text cho menu
Bước 6: tạo menu top
Vẽ vùng chọn HCN > tạo layer mới > tô màu đen
Copy layer màu đen tô màu đỏ > nhấn Ctrl + [ > chuyển layer xuống dưới
Thêm text cho menu
Thêm ngôn ngữ, giỏ hàng
Bước 7: Thêm quảng cáo, sản phẩm
Thêm hình quảng cáo vào file thiết kế
Mở các file hoa mẫu
Chọn công cụ Crop tool > set thuộc tính như hình > Crop các sản phẩm có cùng kích thước với nhau
Vẽ vùng chọn Cắt ảnh > Enter
Copy các hình đã Crop sang file thiết kế > so thẳng hàng và cách đều
Thêm tên sản phẩm, giá bán, giỏ hàng
Copy cho các sản phẩm còn lại > đổi nội dung
Tương tự cho các sản phẩm
B8. Thêm form tìm sản phẩm
Chọn công cụ vẽ vùng chọn HCN có bo góc > chọn màu trắng > vẽ
Thêm nút tìm kiếm và text
B9. Thêm phần Footer
Hoàn thành rồi đấy.
0 nhận xét:
Đăng nhận xét