Bắt đầu làm việc bằng cách tạo một tập tin mới (File> New), có kích thước 770x750 px và 72 dpi. Chúng ta sẽ sử dụng file nàyđể tạo mới để tạo trang web cá nhân như mẫu.
Đầu tiên, dùng công cụ Rectangle Tool (U) tạo nền trang web như mẫu:
48 trang |
Chia sẻ: haohao89 | Lượt xem: 1882 | Lượt tải: 3
Bạn đang xem trước 20 trang tài liệu Dùng photoshop tạo trang web, để xem tài liệu hoàn chỉnh bạn click vào nút DOWNLOAD ở trên
Dùng photoshop tạo trang web theo mẫu:
Bắt đầu làm việc bằng cách tạo một tập tin mới (File> New), có kích thước 770x750 px và 72 dpi. Chúng ta sẽ sử dụng file nàyđể tạo mới để tạo trang web cá nhân như mẫu.
Đầu tiên, dùng công cụ Rectangle Tool (U) tạo nền trang web như mẫu:
Đặt các tham số tiếp theo cho layer này bằng cách click mouse bấm vào layer chúng ta đang làm việc layers’ panel: Blending Options>Gradient Overlay
Tham số Gradient:
Chọn lại Rectangle Tool (U) và sau đó nhấn Alt nút để phân chia các khu vực giống mẫu
Tham số Layer: Blending Options>Inner Glow
Copy hình và đặt giốn gnhư mẫu bên dưới. Có thể dùng công cụ Free Transform để đặt hình chính xác ngay vị trí mong muốn Tiếp theo nhấp chuột lên phía dưới layers’ pane, chọn Create new fill or adjustment layer> Photo Filter
Download mẫu brushes có sẵn Bush Pack v1.Sau đó tạo ra một lớp mới (Create new layer) và sử dụng các brushes trong file vừa download. Đặt lớp brushes bên dưới lớp chứa hình cô gái.Layer chứa các brushes có màu trắng và Opacity là 10%.
Tạo lớp mới, cũng sử dụng các mẫu brushes có sẵn. Layer chứa các brushes có màu trắng (Opacity là 20%). Lớp này cũng nên di chuyển nằm dưới những lớp có chứa các hình cô gái cầm máy chụp hình. Tải một tập brushes mới, tên là Vector_brushes tại đây.Tạo một layer mới, chúng ta sử dụng brushes đã download, Vector_brushes.
Chọn màu trắng cho các brushes này. Các brushes có thể được di chuyển qua các vị trí thích hợp.
Layer này cũng nên được đặt bên dưới những layer có chứa bức ảnh cô gái Trên layer kế tiếp, chúng ta áp dụng chuẩn của brush màu trắng.
Tạo một layer mới (Create new layer), cũng sử dụng Vector_brushes. Các brushes sử dụng cho tô màu trắng (Fill 20%) và cũng đặt layer này bên dưới. Bước kế tiết, nhật text theo yêu cầu;: Tham số của layer chứa text: Blending Options>Outer Glow Blending Options>Gradient Overlay Gradient’s parameters: Tham số cho layer: Blending Options>Outer Glow
Kế đến chọn Rectangle Tool (U) vẽ nút bên dưới: Tham số của layer: Blending Options>Gradient Overlay Gradient’s parameters: Blending Options>Stroke Tạo layer copy.Tham số cho nút: Blending Options>Inner Glow Blending Options>Gradient Overlay Gradient’s parameters:
Blending Options>Stroke Gradient’s parameters: Copy thêm 3 button như hình bên dưới.
Sử dụng công Rectangle Tool (U), có thể kẻ thêm phía trên nút một đường kẻ màu trắng như hình bên dưới: Nhập text cho button:
home page Tham số cho layer tên home page: Blending Options>Stroke Tham số cho các nút màu xám: Blending Options>Stroke
Tạo layer mới , sử gụng công cụ brush 1 px, màu trắng để tạo các ký hiệu bên trái, phía trên các nút.
Chúng ta sử dụng tham số giống cho tham số text trên button: Bước kế tiếp chọn Rectangle Tool (U) và tô màu cho vùng vừa chọn màu #36322D Tạo layer mới, sử dụng Pencil Tool (B) (brush 1 px) để tạo các icons cùng hàng với các button. Màu của các icons #998D7B Copy layer có hình cô gái cầm mày ảnh và tô màu #2A251F, di chuyển giống hình bên dưới Tham số của layer: Blending Options>Inner Glow
Chọn công cụ Rectangle Tool (U), tô màu giống hình bên dưới: Nhập text vào các vùng vừa tạo: Tham số của các text cho từ đầu: Blending Options>Gradient Overlay Gradient’s parameters: Gán tham số: Blending Options>Stroke
Chèn hình vào các vùng vừa tạo xong.
Tạo new layer và sử dụng Pencil Tool (B) (brush 1 px) để tạo và định nghĩa pattern giống hình bên dưới màu #363331 Edit>Define Pattern Kế đến chọn Line Tool (U) để vẽ đường thẳng, màu #38322C Tham số của layer: Blending Options>Stroke Bây giờ chọn Rectangle Tool (U) chọn hình chữ nhật, tô màu #67584A
Tạo màu cho hyperlinklinhk text màu trắng Tham số: Blending Options>Stroke Tạo layer mới và chèn thêm icon cạnh hyperlink. Màu cho icon là trắng.
Thêm text bên dưới vd:Copyright 2007, Company Name, All rights recerved: Hoàn thành xong một trang web cá nhân. Chúc các bạn có một trang web như ý.