Hướng dẫn dùng Photoshop để tạo trang web

Hướng dẫn dùng Photoshop để tạo trang web

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ư ý.