BTVN B3: KINETIC TYPOGRAPHY

TÓM TẮT BUỔI 3: KINETIC

- Tham khảo cách kết hợp màu, font chữ:

+ Kết hợp màu: color.adobe.com, colorhunt, colourlover,..

+ Kết hợp font chữ: Typekit, Typegenius.com

+ Download font chữ: font.vietdesigner.net, fontsquirrel.com, fontspace,...

- Download hình ảnh: freepik, flaticon (ảnh png)

• Phân tích font chữ:

Có 4 loại cơ bản:

1. San Serif (chữ không chân): đơn giản, dễ dùng, tạo sự thân thiện, trẻ trung.

2. Serif (chữ có chân): tạo cảm giác trang trọng, lịch sự

3. Script (chữ viết tay)

4. Decorative (trang trí)

---------------------------------------

• Cách kết hợp font chữ:

1. Kết hợp 1 font có chân/1 font viết tay + 1 font không chân

2. Chú ý đến size, độ tương phản đậm nhạt, khoảng cách giữa các chữ

3. Không kết hợp quá nhiều font

4. Tạo sự chặt chẽ trong bố cục

5. Kết hợp 1 font tròn + 1 font méo

• Mn chú ý thêm nữa là mình TUYỆT ĐỐI KHÔNG ĐƯỢC BÓP MÉO CHỮ ạ.

Để thay đổi size chữ mn kéo 4 góc của hình nhưng nhớ giữ shift nhé :D

• Ngoài ra còn có thể lấp đầy khoảng trống bằng các hình khối cho bố cục đẹp hơn.

• Với những font dày không thu nhỏ, chỉ thu nhỏ font có nét mảnh

• Tìm font chữ: whatdafont, cap màn hình phần có chữ rồi upload lên tìm font.

• Lấy màu, dải màu: Colour lover, cap màn hình, paste ra paint rồi import vào AE, dùng công cụ chấm màu để lấy mã màu.

----------------------------------------------

Công cụ viết text: Ctrl T.

. Path:

B1: Viết đoạn text tùy ý với công cụ Text trên Tools bar hoặc sử dụng Ctrl+T

B2: Chọn vào layer text, tiếp đó chọn công cụ Pen tool trên thanh tool bar

B3: Vẽ một đường cong (Path) nằm trong cùng 1 layer với text.

B4: Xổ xuống cửa sổ Path Options, chọn Mask 1

B5: Keyframe ở "First Margin" để tạo chuyển động cho chữ trên đường Path.

----------------------------------------------

. Animate:

Với chức năng Animate trong AE, mọi người có thể làm chữ xuất hiện một cách sinh động và thú vị hơn.

Mọi người có thể kết hợp các chức năng với nhau để giúp chuyển động mượt nữa ạ

B1: sử dụng tổ hợp phím Ctrl T để viết text

B2: trong layer Text, chọn Animate, bấm vào dấu tam giác bên cạnh để hiện ra các tùy chỉnh Position, Scale, Rotation, Opacity,.. như trong Transform

Giả sử ở đây chúng ta chọn Position, lưu ý không keyframe ở Position mà chỉ điều chỉnh vị trí

B3: Vào Range Seclector 1, keyframe Start, End để điều chỉnh chuyển động

• Lưu ý: ngoài ra chúng ta có thể kết hợp thêm thuộc tính khác.

Ví dụ: Position + Scale bằng cách:Vào Animator 1, chọn Add. Trong mũi tên xổ ra của Add chọn thêm các thuộc tính khác như Scale, Rotation,... Ở đây chúng ta có thể keyframe lại chuyển động luôn như transform bình thường

----------------------------------------------

. 3D Text:

B1: viết Text

B2: Phía dưới cùng bảng layer, chọn Toggles Switches/Modes để xổ ra 1 bảng.

B3: Chọn layer text, click vào biểu tượng hình hộp

B4: Sau đó, vào Transform và điều chỉnh các thông số.Ở đây có thêm điều chỉnh về:X rotation: xoay theo trục XY rotation: xoay theo trục YZ rotation: xoay theo tục Z. Mọi người có thể kết hợp xoay 2 trục 1 lúc rồi tác động thêm Excite và Camera để cho bài được sinh động hơn nhé :D

----------------------------------------------

. Track matte:

- Chữ tách đôi:

B1: Viết text

B2: Nhân đôi text

B3: Click vào layer text, chọn công cụ vẽ hình (Q) để vẽ mask (mặt nạ) cho text. Làm tương tự với layer text đã nhân đôi

B4: Tạo các chuyển động cho 2 layer text đã vẽ mask bên trên
- Track matte với 1 ảnh:

B1: viết Text (Vd: Hello)

B2: import 1 ảnh vào AE, đưa layer ảnh xuống dưới layer text.

B3: click “Toggles Swtiches/Modes”, trong cột TrkMat, chọn “Alpha Matte with Hello”

- Track matte sử dụng Shape layer:

B1: viết text (vd: Hello)

B2: Dùng công cụ vẽ hình hoặc pen tool vẽ 1 hình bất kì (lưu ý click ra ngoài rồi mới vẽ hình), ta được “Shape layer 1”, đưa layer này xuống dưới layer text

B3: Click Toggles Switches/ Mode, trong cột TrkMat, chọn “Alpha Matte with Shape layer 1”

B4: Khi tạo chuyển động cho layer hình, layer chữ sẽ chuyển động theo. Vì thế để tạo ra chuyển động, ta chỉ cần keyframe các thuộc tính trong transform của layer hình

BÀI TẬP VỀ NHÀ:

Chọn 1 trong 6 câu dưới đây để tạo kinetic, có thể sử dụng thêm kiến thức của buổi 4 và tạo thành file GIF theo hướng dẫn ở topic bên cạnh :D Mn nhớ lưu ý đến cách sử dụng font chữ, bố cục và màu sắc nhé