[Tut] Hiệu ứng text 3D ấn tượng bằng Photoshop - Phần 3

Chào các bạn đã đến với phần 3 của loạt tut tạo chữ 3d, ở 2 phần trước các bạn đã được làm quen khá kĩ về kỹ thuật lặp layer đây là 1 trong những kỹ thuật cơ bản để biến đoạn text 2d của chúng ta thành dạng 3d. Phần 3 này vẫn là kỹ thuật đó nhưng sẽ được sử dụng nâng cao và khó hơn so với 2 bài trước nhằm đem đến cho các bạn những kiến thức mới.

Những bạn nào chưa biết về kỹ thuật lặp layer thì xem lại ở 2 bài trước, link bên dưới

[ Hiệu ứng chữ ] Hướng dẫn cách tạo chữ 3D bằng Photoshop p1
[Tut] Hiệu ứng text 3D ấn tượng bằng Photoshop p2​

Chúng ta sẽ bắt đầu vào bài tut nhưng trước hết hãy xem tác phẩm mà chúng ta sẽ làm


Bước 1: Các bạn tạo 1 file mới với mã màu #d3d6db, kích thước 2000x1200px, phần Background các bạn nhấn chuột phải chọn Layer From Background để chuyển về layer thường. Sau đó viết 1 đoạn text bất kì bằng font Novecento wide Bold. Cuối cùng nhấn chuột phải vào layer text chọn Convert to Samrt Object để chuyển nó sang đối tượng thông minh.


Bước 2: Nhấn Ctrl + J để đôi layer “Viet designer”, tại layer mới nhân đôi tức “Viet designer copy” các bạn nhấn Ctrl + G để gom nó vào 1 thư mục. Hưng sẽ đặt tên thư mục là 3D cho dễ nhớ.


Bước 3: Chúng ta nhấn chuột phải vào layer “Viet designer” chọn Blending option và thiết lập với các thông số như sau.






Dải màu Gradient các bạn xem ở bảng dưới
Chú ý: Ô vuông Color stop #eff1f4 phần Location là 6%


Đây là kết quả của chúng ta


Bước 4: Chúng ta bắt đầu bước vào trọng tâm của bài tut. Tại layer “Viet designer copy” các bạn nhấn Ctrl + T để thay đổi kích thước của đoạn text, ô W(Width) và H(Height) các bạn giảm bớt đi 0.4% tức là còn lại 99.6%


Bước 5: Nhấn Ctrl + J để nhân đôi layer “Viet designer copy” tại layer mới nhân đôi tức “Viet designer copy 2” các bạn kéo nó xuống bên dưới layer ban đầu, sau đó tiếp tục nhấn Ctrl + T và giảm bớt W/H xuống 0.4% tức là còn lại 99.2%


Bước 6: Tới đây các bạn hiểu quy luật rồi nhỉ, các bạn nhân đôi layer ở cuối cùng, kéo nó xuống bên dưới rồi giảm W/H đi 0.4%, cứ lặp lại như thế cho tới layer thứ 25. Nếu làm đúng W/H của layer này sẽ còn lại 90%


Bước 7: Nhấn chuột phải vào layer “Viet designer copy” chọn Blending option và thiết lập như sau:





Inner Glow: dải màu Gradient từ đen đến trong suốt








Và đây là kết quả của chúng ta


Bước 8: Copy layer styles vừa thiết lập ở bước 7 cho 24 layer còn lại trong thư mục 3D


Đây là kết quả sau khi bật hết các layer


Bước 9: Nhấn Ctrl + R để bật thước đo rule sau đó kéo từ thanh rule ra 1 đường Guide màu xanh tại vị trí khoảng 2/3 bề dày của text tính từ chân chữ.


Bước 10: Nhân đôi layer “Viet designer”. Tại layer mới nhân đôi tức “Viet designer copy 26” các bạn xóa hết thiết lập blending option sau đó kéo nó xuống bên dưới thư mục 3D đồng thời nhấn Ctrl + G để gom nó vào 1 thư mục riêng, ở đây Hưng đặt tên thư mục là shadow. Cuối cùng chúng ta sẽ nhấn Ctrl + T và kéo dẹt đoạn text xuống đúng đường Guide màu xanh
Chú ý: Nếu muốn xóa các thiết lập blending option có thể nhấn chuột phải vào layer chọn Clear layer style hoặc kéo biểu tượng fx xuống thùng rác


Bước 11: Nhân đôi layer “Viet designer copy 26” chúng ta được “Viet designer copy 27”


Bước 12: Tại layer “Viet designer 26” các bạn nhấn chuột phải chọn blending option và thiết lập như sau




Dải màu gradient của gradient overlay các bạn thiết lập tại hình bên dưới. Chú ý ô vuông Opacity stop các bạn để Location 38% và Opacity 0%


Kết quả tạm thời của chúng ta


Bước 13: Vẫn là layer “Viet designer copy 26” các bạn vào Filter > Blur > Gaussian blur với thông số Radius 1 pixels


Bước 14: Chúng ta tiếp tục vào Filter > Blur nhưng lần này là Motion Bur và thiết lập Angle 0˚, Distance 30 pixels


Ok đây là kết quả chính thức của layer “Viet designer copy 26”


Bước 15: Chúng ta tiếp tục với layer tiếp theo “Viet designer copy 27”, vào Filter > Blur > Gaussian blur với Radius 5 pixels


Bước 16: Vào Filter > Blur > Motion blur với Angle 0˚, Distance 120 pixels


Kết quả của layer “Viet designer copy 27” sau khi thiết lập ở 2 bước trên


Còn đây là kết quả tạm thời để các bạn dễ hình dung sau khi thực hiện hết 16 bước


Bước 17: Nhân đôi layer “Viet designer” hai lần chúng ta được layer 28 và 29, xóa blending option ở 2 layer này rồi kéo nó xuống dưới thư mục shadow. Cuối cùng nhấn Ctrl + G để gom nó vào 1 thư mục riêng, đặt tên thư mục là shadow 2


Bước 18: Tại layer 28 và 29 các bạn nhấn Ctrl + T để tiến hành Transform sau đó nhấn chuột phải vào vùng làm việc chọn Flip vertical để lật ngược 2 layer này lại


Bước 19: Đối với layer 28 các bạn kéo nó xuống đối diện với đoạn text ở layer “Viet designer copy”


Bước 20: Layer 29 thì khó hơn, đầu tiên chúng ta nhấn Ctrl + T và chỉnh W/H là 90/-90. Sau đó kéo nó xuống dưới đối diện với đoạn text ở layer “Viet designer copy 25”. Bước này hơi khó hiểu các bạn có thể xem hình ở bên dưới để dễ hình dung


Để các bạn dễ hình dung ở bước 20 và 21 Hưng sẽ bật layer 28 và 29 cũng như tạm thời giảm bớt opacity của layer 29 giúp các bạn dễ nhìn. Có thể hiểu đơn giản 1 layer sẽ nằm đối diện ở mặt trước của đoạn text 3d còn 1 thằng sẽ nằm đối diện ở phía sau.


Bước 21: Sau khi đã thấm 2 bước trên các bạn tiếp tục nhấn chuột phải vào layer “Viet designer copy 28” chọn blending option và thiết lập như sau




Dải màu gradient trong gradient overlay các bạn thiết lập như hình dưới. Chú ý ô vuông Opacity stop với Location 60%


Bước 22: Sau đó các bạn vào Filter > Blur > Gassian blur và để Radius 5 pixels để làm nhòe cho layer “Viet designer copy 28”


Và đây là kết quả của chúng ta. Thật ra thì các bạn cũng chả thấy gì đâu vì màu của gradient overlay nó gần trùng với màu nền BG. Show cho các bạn xem cho đầy đủ trình tự bài tut =.=. Cái này chúng ta sẽ xử lí ở bước sau


Bước 23: Layer “Viet designer copy 29” các bạn làm y chang như layer 28. Tức là lặp lại bước 22 và 23 cho layer này. Và chúng ta cũng sẽ chằng thấy sự khác biệt gì cả.


Bước 24: Ok bây giờ thì chúng ta bắt đầu tạo hiệu ứng cho layer Background để thấy được rõ ràng 2 layer 28 và 29. Các bạn còn nhớ ở bước 1 chúng ta đã gỡ khóa cho layer BG chứ, lúc này nó đã thành 1 layer thường và bạn chỉ cần chọn layer Background nhấn Ctrl + G để đưa nó vào 1 thư mục, đặt tên thư mục là BG cho dễ nhớ


Bước 25: Nhấn chuột phải vào layer Background chọn blending option và thiết lập như sau


Dài màu ở phần Gradient Overlay. Chú ý ô vuông Color stop với Location là 80%


Bước 26: Tạo 1 layer mới trong thư mục BG đặt tên layer “Light”, Opacity 40%. Sau đó dùng công cụ tạo vùng chọn hình ellip, Elliptical maquee tool ( M ) tạo vùng chọn như trong hình rồi tô nó với màu trắng trong chính layer vừa tạo.


Bước 27: Tại layer “Light” các bạn vào Filter . Blur > Gaussian blur với Radius 115 pixels.


Bước 28: Tạo 1 layer mới ở trên cùng đặt tên là “1” sau đó cho layer này vào 1 thư mục, đặt tên thư mục là Hộp. Tại layer “1” các bạn tạo 1 vùng chọn hình thoi và tô nó với mã màu #b1b8c3


Bước 29: Tạo tiếp layer “2” bên dưới layer “1” sau đó tạo 1 vùng chọn như trong hình rồi tô với mã màu #dee0e3. Mục đích của chúng ta là tạo 1 chiếc hộp 3D


Bước 30: Chúng ta tiếp tục tạo them layer “3” tạo vùng chọn như trong hình và tô với mã màu #a3a4aa để hoàn thành chiếc hộp 3D


Bước 31: Chọn ba layer 1,2,3 nhấn Ctrl + E để gom nó thành 1 layer duy nhất và đặt tên layer này là “Hộp 1” vì chúng ta còn tạo nhiều chiếc hộp như thế nữa.


Bước 32: Các bạn tạo thêm 1 vài cái hộp nữa bao quanh đoạn text, mấy cái hộp này không cần phải quá tỉ mỉ thậm chí nếu lười các bạn có thể nhân đôi layer “Hộp 1” nhiều lần rồi xếp nó xung quanh text. Sau khi tạo đủ các bạn chọn tất cả layer hộp từ “Hộp 1” tới hộp 2, 3,4 v.v… Rồi nhấn chuột phải chọn Convert to Smart Object để gom hết tất cả vào 1 layer thông minh. Ở đây Hưng đặt tên layer smart object này là Hộp


Bước 33: Tại Layer smart object “Hộp” các bạn vào Filter > Blur > Gaussian blur với Radius 5 pixels


Bước 35: Sau đó tiếp tục vào Filter > Blur > Radial blur với các thông số như hình dưới. Phần Amount càng cao thì hiệu ứng càng mạnh cái này các bạn có thể chọn tùy ý thích.


Và đây là kết quả của chúng ta




Ngoài ra nếu thích chúng ta có thể tạo thêm nhiều hiệu ứng nữa như gương vỡ chẳng hạn

Chúc các bạn thành công.
Mọi thắc mắc trong quá trình làm tut vui lòng liên hệ địa chỉ ở dưới chữ kí​