Home > Photoshop > Thủ thuật Photoshop > Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective
Kênh Youtube chính thức của freetuts, các bạn hãy sub ủng hộ mình với nhé, từ giờ mình đang làm sạch lại nội dung học tập trên kênh này. Xem kênh

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Trong bài viết này mình sẽ hướng dẫn bạn cách tạo hiệu ứng chữ 3D với lệnh Distort và Perspective trong Photoshop, đây là một effect nâng cao trong Photoshop mà ít người làm được.

Thông thường Photoshop không cho phép chúng ta sử dụng các lệnh Distort hoặc Perspective trên layer text nhưng trong cái khó ló cái khôn, mình sẽ chỉ cho bạn một thủ thuật đơn giản để mở khóa cả hai lệnh để làm méo, thay đổi các góc của text (văn bản) và chỉnh sửa nó như một layer hình ảnh.

1. Vấn đề khi dùng lệnh Distort và Perspective trên layer text

Distort và Perspective là một trong những lệnh của tùy chọn Transform có tác dụng lật, xoay, bẻ cong, gập và làm méo hình ảnh rất đơn giản. Tuy nhiên như mình đã đề cập thì nó không thể áp dụng trên layer text, chúng ta hãy cùng xem xét kỹ tình trạng này qua một ví dụ sau:

Bước 1: Mở file ảnh trong Photoshop. Mình sẽ mở một hình ảnh có chủ đề vũ trụ.

tao hieu ung chu 3d voi lenh distort va perspective 1 jpg

Bước 2: Chọn Type Tool trên thanh công cụ rồi chọn font chữ và kiểu chữ. Trong ví dụ này mình đã chọn font Orbitron và kiểu chữ Bold.

tao hieu ung chu 3d voi lenh distort va perspective 4 png

Bước 3: gõ một đoạn văn bản bất kỳ. Mình sẽ gõ từ Space (không gian).

tao hieu ung chu 3d voi lenh distort va perspective 3 jpg

Bước 4: Ý định của mình là tạo hiệu ứng 3D cho đoạn Text đó, làm nó như thể đang nghiêng / đổ về phía chân trời, tức là thay đổi góc của những chữ cái trông như một Poster cũ của phim "Star War". Lúc này cách đơn giản nhất là sử dụng lệnh Perspective của Photoshop.

Để làm điều này bạn hãy bấm vào Edit -> Transform. Tuy nhiên các lựa chọn Distort Perspective đã bị ẩn đi và đây chính là vấn đề mà mà mình nói tới.

Lúc này bạn hãy thực hiện theo các bước phía dưới để có thể tạo hiệu ứng chữ 3D với lệnh Distort và Perspective nhé!

tao hieu ung chu 3d voi lenh distort va perspective 5 png
Lệnh Distort và Perspective không khả dụng

2. Chuyển đổi layer text để có thể chạy lệnh Distort và Perspective

Qua mục 1 thì chúng ta đã biết Photoshop không cho phép sử dụng lệnh Distort và Perspective trên layer text, vì thế chỉ cần chuyển layer này sang một dạng khác là có thể chỉnh sửa như một layer hình ảnh thông thường .

Cách 1: Rasterize layer text

Bước 1: Bấm chuột phải và layer text.

tao hieu ung chu 3d voi lenh distort va perspective 6 png

Bước 2: Chọn Rasterize Type.

tao hieu ung chu 3d voi lenh distort va perspective 7 png

Lúc này bạn có thể chỉnh sửa đoạn văn bản thoải mái với lệnh Distort và Perspective, thậm chí xóa từng pixel và thao tác như một hình ảnh bình thường. Tuy nhiên nảy sinh một vấn đề đó là khi chúng ta áp dụng bất kỳ loại biến đổi nào dựa trên pixel sẽ làm giảm chất lượng. Vì vậy Rasterize không phải là một lựa chọn tốt.

Cách 2: Convert to Shape

Bạn cũng chỉ cần bấm chuột phải vào layer text và chọn Convert to Shape.

tao hieu ung chu 3d voi lenh distort va perspective 8 png

Lợi ích của việc chuyển layer text thành "Shape" (hình dạng) là chúng ta có thể biến đổi, chỉnh sửa tùy thích mà không làm giảm chất lượng của hình ảnh gốc (layer text). Nhưng vẫn gặp một vấn đề là mất khả năng chỉnh sửa văn bản.

Vì vậy chuyển đổi layer text thành "Shape" cũng không phải lựa chọn tốt nhất.

Cách 3: Chuyển layer text thành một Smart Object

Để làm điều này, bạn cũng bấm chuột phải vào layer và chọn Convert to Smart Object (đối tượng thông minh).

tao hieu ung chu 3d voi lenh distort va perspective 9 png

Kết quả là layer text sẽ chuyển sang Smart Object và có một biểu tượng hình "tài liệu" ở góc dưới bên phải.

Xem thêm: Cách dùng Smart Object trong Photoshop

Trong bài viết về Smart Object thì mình đã giải thích rất chi tiết cách chỉnh sửa hình ảnh / đối tượng mà không phá hủy chất lượng gốc. Vậy thì đối với layer text này bạn có thể chỉnh sửa thoải mái như phóng to, thu nhỏ, bóp méo, bẻ cong, v.v. mà không sợ bị giảm chất lượng.

Bên cạnh đó bạn có thể mở Smart Object và thay đổi nội dung của đoạn text này bất kỳ lúc nào. Nhưng trước tiên, chúng ta hãy cùng tìm hiểu cách tạo hiệu ứng chữ 3D với lệnh Distort và Perspective đã nhé!

tao hieu ung chu 3d voi lenh distort va perspective 10 png

Hãy áp dụng cách thứ ba này vì nó có ưu điểm vượt trội hơn hai phương pháp trên: Chuyển layer text thành Smart Object.

3. Các bước tạo hiệu ứng 3D với lệnh Distort và Perspective

Bước 1: Chọn Edit -> Transform. Lúc này bạn sẽ thấy lệnh Distort và Perspective đã khả dụng trở lại (không còn bị tô màu nâu).

tao hieu ung chu 3d voi lenh distort va perspective 11 png

Bước 2: Chọn Distort.

tao hieu ung chu 3d voi lenh distort va perspective 12 png

Bước 3: Nếu đây là lần đầu bạn sử dụng Distort, hãy kéo các nút điều khiển ở góc để xem sự thay đổi của layer text.

tao hieu ung chu 3d voi lenh distort va perspective 13 jpg
Tạo hiệu ứng góc nghiêng của text (văn bản) theo chiều sâu với lệnh Edit -> Transform -> Distort

Bước 4: Chọn lệnh Perspective và xem cách nó hoạt động như thế nào bằng cách kéo các nút điều khiển ở góc của hộp text.

tao hieu ung chu 3d voi lenh distort va perspective 14 png

tao hieu ung chu 3d voi lenh distort va perspective 15 jpg

Về cơ bản thì các lệnh Distort và Perspective đều có công dụng giống nhau, tuy nhiên Distort có thể kéo layer theo mọi hướng còn trong khi đó thì lệnh Perspective chỉ có thể kéo lên xuống hoặc trái - phải.

Bước 5: Sau khi bạn biết cách hoạt động của hai lệnh này, hãy bấm phím tắt Ctrl + Z hoặc chọn Edit -> Undo để hoàn tác các bước "test" 3 và 4 bên trên, sau đó chúng ta bắt đầu tạo hiệu ứng chữ 3D.

tao hieu ung chu 3d voi lenh distort va perspective 16 png

Bước 6: Vẫn sử dụng lệnh Perspective, bạn hãy kéo chốt (nút điều khiển) ở hai bên trên cùng vào giữa để chúng chông như đang nghiêng về phía chân trời.

tao hieu ung chu 3d voi lenh distort va perspective 17 jpg

Bước 7: Bấm chuột phải vào hộp điều chỉnh (bên trong khung kéo thả) và chọn lệnh Scale.

tao hieu ung chu 3d voi lenh distort va perspective 18 jpg

Bước 8: Kéo nút điều khiển ở giữa xuống dưới để kéo dài layer text.

tao hieu ung chu 3d voi lenh distort va perspective 19 jpg

Bước 9: Bấm Enter để áp dụng những thiết đặt khi bạn cảm thấy hiệu ứng chữ 3D đã hoàn thành.

tao hieu ung chu 3d voi lenh distort va perspective 20 jpg

Bước 10: Thay đổi Blend Mode từ Normal -> Overlay.

tao hieu ung chu 3d voi lenh distort va perspective 21 png

Kết quả:

tao hieu ung chu 3d voi lenh distort va perspective 22 jpg

Bước 11: Thêm hiệu ứng Outer Glow theo các thao tác sau:

1. Bấm vào biểu tượng fx trong bảng điều khiển layer.

tao hieu ung chu 3d voi lenh distort va perspective 23 png

2. Chọn Outer Glow...

tao hieu ung chu 3d voi lenh distort va perspective 24 png

3. Khi cửa sổ Layer Style hiện ra, bạn hãy bấm vào ô hình vuông để mở bộ chọn màu.

tao hieu ung chu 3d voi lenh distort va perspective 25 png

4. Lúc này con trỏ chuột của bạn sẽ chuyển sang hình một chiếc bút, bấm vào bất kỳ đâu trên hình ảnh thì khu vực đó sẽ lập tức chuyển ngay vào "mẫu màu".

Mình sẽ bấm vào một màu có sẵn trên hình ảnh, ví dụ màu trên layer text (nó có màu xanh vì chúng ta đã thay đổi blend mode thành Overlay ở bước 10). Sau đó bạn hãy bấm OK để đóng Color Picker.

tao hieu ung chu 3d voi lenh distort va perspective 26 jpg

5. Vẫn trong mục Structure, bạn hãy thay đổi Opacity thành 50%, Size trong khoảng 60 px

tao hieu ung chu 3d voi lenh distort va perspective 27 png

Kết quả:

tao hieu ung chu 3d voi lenh distort va perspective 28 jpg
Kết quả tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

4. Cách thay đổi nội dung đoạn text

Vì chúng ta đã chuyển layer text thành một Smart Object do đó nếu bạn muốn thay đổi nội dung các chữ cái thì phải thực hiện một vài bước như sau:

Bước 1: Nhấp đúp vào hình thu nhỏ của layer Smart Object.

tao hieu ung chu 3d voi lenh distort va perspective 29 png

Bước 2: Thực hiện các thao tác sau để thay đổi chữ.

1. Thông thường ngay sau bước một thì layer này sẽ mở ra như một file Photoshop, bạn có thể thấy nó nằm ở tab Document bên cạnh.

tao hieu ung chu 3d voi lenh distort va perspective 30 jpg

2. Và trong đó chứa một layer Text.

tao hieu ung chu 3d voi lenh distort va perspective 31 png

3. Hãy chọn Type Tool trên thanh công cụ và nhấp đúp vào hộp text để chỉnh sửa nó.

tao hieu ung chu 3d voi lenh distort va perspective 32 png

4. Mình sẽ thay đổi đoạn chữ SPACE -> ALIEN.

tao hieu ung chu 3d voi lenh distort va perspective 33 jpg

5. Bấm vào File -> Save và sau đó chọn Close.

tao hieu ung chu 3d voi lenh distort va perspective 34 pngtao hieu ung chu 3d voi lenh distort va perspective 35 png

Kết quả cuối cùng:

tao hieu ung chu 3d voi lenh distort va perspective 36 jpg

Bài hướng dẫn cách tạo hiệu ứng chữ 3D với lệnh Distort và Perspective tới đây là kết thúc. Mình chắc chắn với những hướng dẫn chi tiết này thì bạn có thể tối ưu việc tạo hiệu ứng chữ bằng Smart Object và các lệnh Free Transform khác nhau.

Trước khi rời đi, đừng quên chia sẻ thủ thuật này tới bạn bè và đồng nghiệp để cùng nâng cao kỹ năng làm việc với PTS nhé!

giam gia tino jpg

-------------------#####-------------------

Bộ video học Photoshop từ căn bản đến nâng cao A-Z

Xem toàn bộ video

khoa hoc design tu can ban den nang cao jpg
Combo 22 khóa học thiết kế từ căn bản đến nâng cao

 

Khóa học đang giảm giá:

BÀI VIẾT

notice png LIST home png HOME hot gif BÁO
LỖI
top png TOP