Dùng photoshop tạo trang web

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:

doc48 trang | Chia sẻ: haohao89 | Lượt xem: 1803 | Lượt tải: 3download
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 hyperlink linhk  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ư ý.
Tài liệu liên quan