danh sách thành viên nhóm :

1. Lý Vĩnh An2. Nguyễn Tấn Thành3. Phạm Thị Hải Bình4. Ngô Thị Ánh Tuyết5. Nguyễn Tuấn Phong6. Lê Quốc Vương

Danh sách thành viên nhóm:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Trường CĐ Giao Thông Vận Tải Tp.HCM

BÀI GIẢNG

THIẾT KẾ & XỬ LÝẢNH WEB

Nhóm Công nghệ Thông tin

Chương 4

XỬ LÝ ẢNH & HIÊU ƯNG

Bai giang môn hoc: Thiêt kê & xư ly anh Web

I. Chế độ hòa trộnII. Hiệu ứng lớpIII. Các bộ lọc thường dùngIV. Hiệu chỉnh hình ảnh

Nội dung:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Kiểm tra bài cũ:

Hãy trình bày ý nghĩa độ đục của lớp (Opacity) ?

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Trình bày cách thực hiện ví dụ sau:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Bai giang môn hoc: Thiêt kê & xư ly anh Web

- Tạo vùng chọn hình trái tim.- Sao chép vùng chọn thành lớp mới.- Ẩn đi lớp ảnh gốc.- Tô màu đường viền.

Thực hiện:

- Xác định được công dụng của mặt nạ lớp trong Photoshop.

- Xác định được ý nghĩa, công dụng của từng loại hiệu ứng.

Mục tiêu:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Giới thiệu mặt nạ lớp Tạo mặt nạ lớp Hiệu chỉnh mặt nạ lớp

1. Mặt nạ lớp (Mask Layer)

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Mặt nạ dùng để ẩn đi những vùng ảnh không cần thiết.

Giới thiệu mặt nạ lớp

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Cách 1:- Tạo vùng chọn cần hiển thị.- Click chọn nút Add Layer Mask.Cách 2: - Click nút Add Layer Mask- Tô màu đen tại những vùng ảnh cần

ẩn đi.

Tạo mặt nạ lớp

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Thay đổi vùng ảnh cần ẩn, hiển thị:- Màu trắng: hiển thị vùng ảnh.- Màu đen: che vùng ảnh.Liên kết lớp & mặt nạ:- Khi lớp ảnh có biến đổi thì mặt nạ

cũng thay đổi theo.

Hiệu chỉnh mặt nạ lớp

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Tắt / mở hiệu ứng mặt nạ:- Click phải lên mặt nạ, chọn:

Disable layer mask: tắt mặt nạ.Enable layer mask: mở mặt nạ.

Xóa mặt nạ:- Click phải lên mặt nạ, chọn:

Delete layer mask: xóa mặt nạ.

Hiệu chỉnh mặt nạ lớp

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Giới thiệu hiệu ứng lớp Ý nghĩa của các hiệu ứng Các thao tác với hiệu ứng

2. Hiệu ứng lớp (Layer Style)

Bai giang môn hoc: Thiêt kê & xư ly anh Web

- Hiệu ứng dùng làm thay đổi hình ảnh, tạo cho ảnh nổi bật hơn (tạo bóng, khắc nổi, tỏa sáng,

- Thường được ứng dụng trong: Tạo kiểu chữ đặc biệt. Tạo hiệu ứng cho hình ảnh.

Giới thiệu hiệu ứng lớp

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Ứng dụng thực tê

Drop Shadow:

Inner Shadow:

Ý nghĩa các hiệu ứng:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Tạo bóng đổ.

Tạo bóng đổ bên trong.

Outer Glow:

Inner Glow:

Ý nghĩa các hiệu ứng:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Tỏa sáng bên ngoài.

Tỏa sáng bên trong.

Bevel & Emboss:

Satin:

Ý nghĩa các hiệu ứng:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Hiệu ứng khắc nổi.

Tạo độ trơn, bóng nước.

Color Overlay:

Gadient Overlay:

Ý nghĩa các hiệu ứng:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Phủ màu đơn lên layer.

Phủ màu chuyển sắc.

Pattern:

Stroke:

Ý nghĩa các hiệu ứng:

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Phủ lớp hình ảnh lên layer.

Tạo khung viền cho lớp.

Tạo hiệu ứng:- Chọn lớp cần tạo hiệu ứng.- Chọn Layer \ Layer Style, chọn hiệu

ứng cần tạo.- Thay đổi các thông số cần thiết.- Có thể áp dụng nhiều hiệu ứng cho

một lớp.

Các thao tác với hiệu ứng

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Sao chép hiệu ứng:- Chọn lớp chứa hiệu ứng cần sao

chép.- Click phải chọn Copy Layer Style.- Click phải lên lớp cần sao chép đến,

chọn Paste Layer Style.

Các thao tác với hiệu ứng

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Xóa hiệu ứng:- Click phải lên lớp cần xóa hiệu ứng,

chọn Clear Layer Style.

Các thao tác với hiệu ứng

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Mặt nạ lớp dùng để ẩn đi các vùng ảnh không cần thiết, hiệu chỉnh dễ dàng, nhanh chóng.

Hiệu ứng làm cho ảnh nổi bật. Áp dụng tạo chữ nghệ thuật .v.v.

Không làm ảnh hưởng đến lớp.

Tổng kết bài

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Thực hiện các bài tập cơ bản về chủ đề Mặt nạ, Hiệu ứng lớp.

Bài tập về nhà

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Traân thaønh caûm ôn söï theo doõi, ñoùng goùp yù kieán cuûa

quyù thaày coâ!Chuùc lôùp hoïc thaønh coâng toát

ñeïp.

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Hiệu ứng chữ

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Hiệu ứng hình ảnh

Bai giang môn hoc: Thiêt kê & xư ly anh Web

Quay lại