Hiệu ứng chữ 3D hiện đại

Nhân dịp VannyNeo đổi tên, đáng lý ra đây phải là bài viết chúc mừng nTuts ra đời, tuy nhiên đôi khi chúng ta nên hoài niệm 1 chút Wink) tạm biệt VannyNeo. Bài viết hướng dẫn bạn tạo chữ 3D với photoshop. Trong bài viết có sử dụng một chút kỹ thuật illustrator (rất đơn giản)

Bài hướng dẫn có kết quả như hình dưới

Sau đây là các bước thự hiện

Bước 1

Mở photoshop lên, tạo 1 file mới với kích thước tùy ý bạn, ở đây tôi làm với kích thước 1024x768px, màu nền là màu trắng.
Download font chữ Ballpark từ daFont.com. Đây là 1 font chữ khá đẹp khi áp dụng hiệu ứng này. Tôi gõ text VannyNeo

Bước 2

Nhấp chọn công cụ Type Tool (T), nhấn chuột phải vào text của bạn và chọn Create Work Path:

Nhấn Ctrl+C để copy text này, quay trở lại Illustrator và nhấn Ctrl+V:

Bước 3

Mở Illustrator lên, tạo một file mới với kích thước tùy ý. Tại giao diện lúc Illustrator này bạn sẽ thấy màu text đang là trong suốt, ta sẽ fill màu cho text bằng cách nháy đúp vào ô màu bên trên (đang có đường gạch chéo đỏ) và nhập giá trị màu #E5E5E5:

Tiếp theo vào menu Effect > 3D > Extrude & Bevel và thiết lập các thông số như hình:

Lưu ý thông số Extrude Depth là độ dày của text, tùy theo sở thích của bạn.

Bước 4

Nhấn Ctrl+C để copy text đã đc 3D hóa quay về lại Photoshop.
Như vậy ở photoshop ta đã có layer text 3D và layer text gốc:

Bước 5

Thay màu text gốc là #323232 và dùng công cụ Move Tool (V) sắp xếp sao cho 2 layer này trùng nhau:

Bước 6

Nhân đôi layer text gốc, bạn có layer text copy, di chuyển layer text copy sang trái 1px, lên trên 1px. thay màu layer text là màu trắng:

Bước 7

Nhân đôi layer text gốc và đặt nó nằm dưới layer text 3D, thay giá trị màu của nó thành màu đen. Vào menu Filter > Blur > Gaussian Blur và chỉnh Radius là 0.5px. Dùng công cụ Move Tool (V) và di chuyển layer này xuống dưới để tạo bóng cho text:

Bước 8

Nhân đôi layer bóng này và tiếp tục vào menu Filter > Blur > Gaussian Blur, thiết lập radius là 2px và nhấn OK.
Nhấn Ctrl+T và kéo lớp bóng này sang trái và lên trên 1 chút để tạo bóng đổ cho text:

Giảm Opacity của lớp bóng này xuống còn khoảng 60%:

Như vậy là đã xong, trang trí thêm nếu bạn muốn.
Kết quả:

Bài hướng dẫn dựa theo bài "Modern 3d text effect" tại pshero.com. Bạn có thể xem bài viết gốc tại đây

theo  ntuts.com

01:30