Thiết kế web layout giày dép thời trang (p4)

Trong phần 4 này chúng ta sẽ tiếp tục thiết kế web layout cho khu vực sản phẩm. Mở file gốc ra để tiếp tục.

1 - Trên bảng layer, chọn layer nằm trên cùng sau đó nhấp chuột vào nút "Create a new layer" để tạo thêm layer mới (trong bài này sẽ là layer 18). Trên thanh công cụ, chọn công cụ Rounded Rectangle Tool và vẽ một shape như sau:

2 - Bấm Ctrl - Enter để chuyển path thành vùng chọn. Tiếp theo bấm phím D sau đó bấm Ctrl - Delete và bấm Ctrl - D để hủy vùng chọn. Tiếp theo nhấp chuột vào nút " Add a layer style" và chọn Stroke để có được kết quả sau:

3 - Chọn công cụ Pen (hoặc bấm phím P) vẽ một path như hình sau:

4 - Bấm Ctrl - Enter sau đó bấm Ctrl - J sẽ tạo ra layer 19. Giữ phím Ctrl đồng thời nhấp chuột vào hình thumbnails của layer này để load vùng chọn. Tiếp theo chọn lại màu Foreground là # fdb6df sau đó bấm Alt - Delete để tô màu này cho vùng chọn, cuối cùng bấm Ctrl - D để hủy chọn sẽ có kết quả như sau:

5 - Tiếp theo, dùng công cụ Horizontal Type Tool tạo các đoạn văn bản (Text) và thêm hình vào như sau:

6 - Trên bảng layer, nhấp chuột vào layer 18 để chọn layer này, sau đó bấm giữ Shift đồng thời nhấp chuột vào layer nằm trên cùng trong bảng layer (layer 20) để chọn tất cả những layer này. Bấm phím V nếu công cụ Move chưa được kích hoạt, tiếp theo bấm giữ Alt - Shift và kéo toàn bộ nhóm layer đã được link để copy ra thêm một phiên bản nữa. Tiếp tục thực hiện thao tác này để có kết quả như sau:

7 - Công việc tiếp theo là mở các file tư liệu và thay những hình ảnh trong mục sản phẩm này bằng những hình ảnh khác.