Cách tạo hiệu ứng văn bản 3D hình trụ trong Adobe Photoshop

Các tài nguyên sau đây được sử dụng trong suốt hướng dẫn này.
1. Cách thêm một Layer Fill Color

Bước 1

Tạo một tài liệu mới với kích thước 1920 x 1080 px, và sau đó nhấp vào biểu tượng Create new fill or adjustment layer ở phía dưới cùng của bảng Layers, và chọn Solid Color.

Step_01_1.jpg


Bước 2

Thiết lập Color là #9d2323.

Step_01_2.jpg


2. Cách tạo Shape văn bản

Bước 1


Tạo văn bản sử dụng phông chữ Unintended, và thiết lập Size thành 250 pt.

Step_02_1.jpg


Bước 2

Nhấp chuột phải
lên layer văn bản, và chọn Convert to shape.

Đổi tên layer shape thành Text.

Step_02_2.jpg


3. Cách tách các hình elip từ một Shape văn bản.

Bước 1


Chọn công cụ Ellipse Tool (L), nhấp vào biểu tượng Geometry Options, và thiết lập WH của Fixed Size thành 11.

Step_03_1.jpg


Bước 2

Giữ phím Option để tách hình elip từ shape văn bản, và sau đó nhấp chuột và kéo nhẹ nhàng để tạo hình elip.

Đặt hình elip ở giữa của một trong những chấm của văn bản, và sau đó thả ra để tách.

Step_03_2.jpg


Bước 3

Lặp lại điều đó với một vài chấm khác trên văn bản.

Step_03_3.jpg


4. Cách giảm kích thước một tài liệu và tạo một nền shape hình chữ nhật

Bước 1


Đây là bước không bắt buộc nếu bạn muốn làm việc với một tài liệu có kích thước nhỏ hơn.

Vào Image > Image Size, và nhập bất kỳ kích thước nào mà bạn muốn. Ở đây, Width được thiết lập thành 1250 px.

Step_04_1.jpg


Bước 2

Chọn công cụ Rectangle Tool (M), và tạo một shape hình chữ nhật nằm ra ngoài văn bản một chút, và sau đó đổi tên layer của nó thành Ground.

Step_04_2.jpg


5. Cách tạo một 3D Scene

Bước 1


Với mỗi layer Text và layer Ground, chọn nó, và sau đó vào 3D > New 3D Extrusion from Selected Path.

Step_05_1.jpg


Bước 2

Chọn cả hai layer 3D, và sau đó vào 3D > Merge 3D Layers.

Step_05_2.jpg


6. Cách làm việc với 3D Scene

Bước 1


Để truy cập các thiết lập và thuộc tính của hệ thống ô lưới 3D, bạn sẽ cần mở hai bảng: bảng 3D và bảng Properties (cả hai được tìm thấy trong trình đơn Window).

Bảg 3D có tấ cả các thành phần của 3D Scene, và khi ban nhấp vào tên của bất kỳ thành phần nào trong đó, bạn sẽ có thể truy cập đến các thiết lập của nó trong bảng Properties. Vì vậy hãy đảm bảo là luôn luôn chọn tab của phần tử mà bạn muốn chỉnh sửa trong bảng 3D trước khi bạn thay đổi các thiết lập của nó trong bảng Properties.

Step_06_1.jpg


Bước 2

Nếu bạn chọn công cụ Move Tool, bạn sẽ thấy một bộ 3D Mode cho nó ở bên phải của thanh Options.

Khi bạn chọn một trong chúng, sau đó bạn có thể nhấp và kéo để thực hiện sự thay đổi (trên phần tử được chọn trong bảng 3D).

Sử dụng các mode đó để thay đổi Current View thành một góc mà bạn thích.

Step_06_2.jpg


7. Cách thay đổi các thiết lập hệ thống lưới của 3D Ground

Bước 1


Chọn tab Ground trong bảng 3D, và sau đó trong bảng Properties, thay đổi Extrusion Depth thành 2.

Step_07_1.jpg


Bước 2

Nhấp vào biểu tượng Coordinates ở trên cùng của bảng Properties, và sau đó thay đổi X-Rotation Angle thành 90.

Step_07_2.jpg


Bước 3

Trong bảng 3D, nhấp vào biểu tượng menu của bảng 3D và chọn Move Object to Ground Plane.

Step_07_3.jpg


8. Cách thay đổi các thiết lập hệ thống lưới của 3D Text

Bước 1


Chọn Text ở trong bảng 3D, và sau đó nhấp vào biểu tượng Deform ở trên cùng của bảng Properties.

Thay đổi Extrusion Depth thành 15Vertical Angle (Y) thành 3.

Step_08_1.jpg


Bước 2

Nhấp vào biểu tượng Coordinates ở trên cùng của bảng Properties, và sau đó thay đổi X-Rotation Angle thành 90.

Step_08_2.jpg


Bước 3

Nhấp vào biểu tượng menu trên bảng 3D, và chọn Move Object to Ground Plane.

Step_08_3.jpg


Bước 4

Nhấp vào biểu tượng Cap ở trên cùng của bảng Properties, và sau đó thay đổi Bevel Width thành 3Contour thành Half Round.

Step_08_4.jpg


9. Cách sử dụng 3D Axis

Bước 1


Chọn công cụ Move Tool, và sử dụng 3D Axis để di chuyển hệ thống lưới của Ground xuống dưới Text.

Các mũi tên ở phía cuối của hệ toạ độ di chuyển hệ thống lưới, phần phía dưới chúng được sử dụng để xoay, và các khối lập phương được sử dụng để thay đổi kích thước. Khối lập phương ở giữa được sử dụng để thay đổi kích thước của đối tượng giống nhau. Tất cả những gì bạn cần làm là nhấp chuột và kéo phần bạn muốn.

Step_09_1.jpg


Bước 2

Nhấp vào tab Current View trong bảng 3D, và sau đó chọn Left từ trình đơn sổ xuống View trong bảng Properties.

Step_09_2.jpg


Bước 3

Phóng to và di chuyển camera view xung quanh cho tới khi bạn có thể nhìn thấy rõ cạnh bên của văn bản.

Step_09_3.jpg


Bước 4

Tiếp theo, chọn hệ thống lưới của Text và xoay nó làm cho nó nằm song song với hệ thống lưới của Ground.

Step_09_4.jpg


Bước 5

Di chuyển hệ thống lưới của Text đến mặt phẳng Ground, và sau đó nhấp vào tab Default Camera trong bảng 3D để thay đổi camera view một lần nữa.

Step_09_5.jpg


10. Cách tạo một Vật liệu 3D (3D Material) đơn giản

Bước 1


Chọn tất cả các tab có chữ Material, cũng như tab Ground Front Inflation Material.

Sau đó, trong bảng Properties, nhấp vào biểu tượng hoa văn Diffuse, và chọn Remove Texture.

Step_10_1.jpg


Bước 2

Sau đó, tạo vật liệu sử dụng các thiết lập này:
  • Diffuse: 109, 22, 28
  • Specular: 56, 38, 40
  • Shine: 35
Step_10_2.jpg


11. Cách tạo một chấm mẫu

Bước 1


Tạo một tài liệu 50 x 50 px mới với nền đen (Black).

Sau đó, chọn công cụ Elliptical Marquee Tool và tạo một hình tròn 30 x 30 px ở giữa của tài liệu.

Tạo một layer mới nằm trên layer Background, tô màu fill của vùng chọn với màu #eeeeee, và sau đó nhấn Command-D để bỏ chọn.

Step_11_1.jpg


Bước 2

Nhân đôi layer hình tròn bốn lần, và đặt từng bản sao nằm về bốn góc.

Step_11_2.jpg


Bước 3

Vào Edit > Define Pattern, và gõ Dots trong trường Name.

Đóng tập tài liệu để trở lại với cảnh 3D.

Step_11_3.jpg


12. Cách áp dụng một Hoa văn Bump

Bước 1


Nhấp vào tab Ground Front Inflation Material, trong bảng 3D, và sau đó nhấp vào thư mục Bump trong bảng Properties, và chọn New Texture.

Step_12_1.jpg


Bước 2

Tạo một tài liệu 500 x 500 px mới, và sau đó nhấn OK.

Nếu một tài liệu mới không tự động mở, nhấp vào biểu tượng hoa văn Bump và chọn Edit Texture.

Step_12_2.jpg


Bước 3

Nhân đôi layer Background.

Step_12_3.jpg


Bước 4

Nhấp đúp lên
bản sao layer của Background để áp dụng hiệu ứng Pattern Overlay sử dụng mẫu Dots.

Lưu và đóng tài liệu khi bạn hoàn tất.

Step_12_4.jpg


13. Cách chỉnh sửa các thuộc tính UV của Hoa văn Bump

Bước 1


Nhấp vào biểu tượng Bump, và chọn Edit UV Properties.

Step_13_1.jpg


Bước 2

Thay đổi các giá trị Tile để có được một kết quả như ý.

Step_13_2.jpg


Bước 3

Tăng giá trị Bump lên 1.

Step_13_3.jpg


14. Cách tinh chỉnh ánh sáng cho một 3D Scene.

Bước 1


Chọn tab Infinite Light 1 trong bảng 3D, và sau đó, trong bảng Properties, thay đổi Intensity thành 65%Shadow Softness thành 30%.

Step_14_1.jpg


Bước 2

Sử dụng công cụ Move Tool để di chuyển ánh sáng xung quanh, hoặc nhập các giá trị số cho Coordinates (Toạ độ).

Step_14_2.jpg


Bước 3

Nhấp vào biểu tượng Add new light to Scene ở phía dưới cùng của bảng 3D, và chọn New Spot Light.

Step_14_3.jpg


Bước 4

Thay đổi Intensity thành 75%, Shadow Softness thành 30%, Hotspot thành 30, và Cone thành 85.

Sau đó, tích vào hộp Light Falloff, và thay đổi giá trị Inner thành 350Outer thành 800.

Hãy nhớ rằng bạn có thể chọn bất kỳ giá trị nào khác mà bạn thích dựa vào kết quả mà bạn muốn đạt được.

Step_14_4.jpg


Bước 5

Di chuyển ánh sáng xung quanh cho tới khi bạn cảm thấy hài lòng với anh sáng tổng quát của khung cảnh.

Step_14_5.jpg


15. Cách Kết xuất các phần của một 3D Scene

Bước 1


Chúng ta sẽ kết xuất hai phiên bản của scene: một cái chỉ có nền, và một cái là toàn bộ kết quả cuối cùng.

Vì vậy bắt đầu bằng cách thiết lập giá trị Bump của Ground Front Inflation Material thành 0.

Step_15_1.jpg


Bước 2

Ẩn hệ thống lưới của Text đi bằng cách nhấp vào biểu tượng con mắt nằm cạnh nó.

Vào 3D > Render 3D Layer. Bạn có thể ngưng nó bất kỳ lúc nào bằng cách nhấn phím Esc.

Step_15_2.jpg


Bước 3

Một khi việc kết xuất hoàn tất, nhấn Command-A để chọn tất cả, và sau đó Command-C để sao chép.

Step_15_3.jpg


Bước 4

Nhấn Shift-Command-V để dán nó ở ngay vị trí đó, và đổi tên layer vừa được dán thành BG.

Step_15_4.jpg


16. Cách kết xuất một 3D Scene

Bước 1


Ẩn layer BG đi, và sau đó chọn layer 3D một lần nữa, và hiện hệ thống lưới của Text lên.

Step_16_1.jpg


Bước 2

Thiết lập giá trị Bump của Ground Front Inflation Material thành 1.

Step_16_2.jpg


Bước 3

Vào 3D > Render 3D Layer để kết xuất toàn bộ scene.

Step_16_3.jpg


17. Cách sử dụng một Layer Mask

Bước 1


Hiện lại layer BG, và sau đó thay đổi giá trị Fill của nó thành 80%.

Giữa phím Option, và sau đó nhấp vào biểu tượng Add layer mask ở phía dưới cùng của bảng Layers.

Step_17_1.jpg


Bước 2

Chọn công cụ Brush Tool, và chọn hình thu nhỏ của Mask.

Thiết lập màu cho Foreground thành trắng (White), và sau đó sử dụng một brush mịn, bo tròn và hơi lớn một chút để bỏ mask một số vùng của ground, và che ground của 3D scene ở bên dưới nó.

Step_17_2.jpg


18. Cách tinh chỉnh ánh sáng và áp dụng mẫu che phủ

Bước 1


Thêm một adjustment layer Levels ở bên trên toàn bộ các layer khác, và sau đó thay đổi giá trị Shadows thành 7, Gramma thành 0.85, và Highlights thành 235.

Step_18_1.jpg


Bước 2

Thêm một fill layer Pattern, và sử dụng mẫu MBossed.

Step_18_2.jpg


Bước 3

Thay đổi Blend Mode của layer Pattern thành Linear Burn, và Opacity của nó thành 15%.

Step_18_3.jpg


19. Cách áp dụng một Filter High Pass

Bước 1


Tạo một layer mới nằm bên trên các layer khác, và nhấn Shift-Command-Option-E để tạo một layer stamp.

Đổi tên layer thành High Pass, và sau đó nhấp chuột phải lên nó và chọn Convert to Smart Object.

Step_19_1.jpg


Bước 2

Vào Filter > Other > High Pass, và thiết lập Radius thành 1.

Step_19_2.jpg


Bước 3

Thay đổi Blend Mode của layer High Pass thành Soft Light.

Step_19_3.jpg


Xin chúc mừng! Bạn đã hoàn tất

Trong hướng dẫn này, chúng ta đã chuyển đổi một số văn bản thành shape, và tạo các hình trụ đứng ở trên một số phần của nó. Sau đó, chúng ta đã tạo một hình chữ nhật và chuyển đổi nó cùng với shape văn bản thành một layer 3D.

Sau đó, chúng ta đã làm việc với 3D Scene, thay đổi các thiết lập hệ thống lưới, tạo các mẫu và material, di chuyển góc camera, và tinh chỉnh ánh sáng.

Cuối cùng chúng ta đã kết xuất hai phiên bản của 3D Scene và sử dụng một số adjustment layer và fill layer, cũng như một filter high pass để hoàn tất hiệu ứng.

Xin đừng ngại để lại ý kiến, những gợi ý và thành quả của bạn ở bên dưới.

Step_20.jpg


Nguồn: Tutsplus, Dịch: Dai Phong
 

Đính kèm

  • Step_20.jpg
    Step_20.jpg
    50 KB · Lượt xem: 0
  • Thẻ Thẻ
    photoshop tutorial
  • Gợi ý cho bạn

  • Cách tạo hiệu ứng phát sáng trong Adobe Illustrator
  • Tạo hiệu ứng WOW với phong cách hoạt hình 3D
  • Cách tạo hiệu ứng Holographic trong Illustrator
  • Bình luận mới

    DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
    Back
    Bên trên