Tạo một hiệu ứng văn bản kim loại 3D trong Adobe Photoshop

Nhân đôi một thành phần cùng với một sự biến đổi là một trong những cách dễ nhất và nhanh nhất trong việc tạo ra các đối tượng 3D trong Photoshop. Bài này sẽ hướng dẫn bạn tạo ra một văn bản 3D bằng cách sử dụng phương pháp đó, và sau đó trang trí cho các layer khác nhau để tạo ra một hiệu ứng văn bản kim loại, cổ điển. Hãy bắt đầu nào!

3D Metallic Text Effect - 600.jpg


Nguyên liệu

Các nguyên liệu sau đây được sử dụng trong suốt bài hướng dẫn này:

  • Phông chữ Nexa Rust.
  • Gói 6000 gradient miễn phí cho Photoshop bởi Supertuts007 (nạp tập tin CHROMES.grd).
  • Các mẫu hoa văn giả da Tileable miễn phí bởi WebTreatsETC.
  • Để nạp những Contour cần dùng, hãy vào Edit > Presets > Preset Manager, và chọn Contours từ menu thả xuống Preset Type. Sau đó bấm vào mũi tên nhỏ bên phải của menu thả xuống Preset Type và nhấp vào Contours gần dưới cùng của menu bật lên. Khi hộp thoại xuất hiện sau đó, chỉ cần nhấp vào Append, và bạn sẽ có được các Contour.
1. Tạo nền
Bước 1
Tạo một tài liệu mới 900 x 675 px. Thiết lập các màu của Foreground thành #252927 và màu Background thành #0d0e0e. Chọn công cụ Gradient Tool, chọn Gradient Fill Foreground to Background và nhấp vào biểu tượng Radial Gradient.

Sau đó nhấp và kéo từ tâm của tài liệu tới một trong các góc để tạo ra nền Gradient, và nhân đôi layer Background.

Step_01_1.jpg

Bước 2
Nhấp đúp vào bản sao layer Background để áp dụng layer style sau.

Thêm một Color Overlay với các cài đặt này:

  • Color: #1c1f26
  • Blend Mode: Color
Step_01_2.jpg

Bước 3
Thêm một Gradient Overlay với các cài đặt này:

  • Blend Mode: Overlay
  • Style: Reflected
  • Angle: 45
  • Tích vào hộp Reverse
  • Sử dụng Gradient Fill Silver 20ss
Step_01_3.jpg

Bước 4
Thêm một Pattern Overlay với các thiết lập sau:

  • Blend Mode: Soft Light
  • Pattern: webtreats_grey_leather.jpg
  • Scale: 50%
Step_01_4.jpg

Việc này sẽ áp dụng một hoạ tiết giả da đơn giản vào nền.

Step_01_5.jpg

2. Tạo văn bản và Smart Object
Bước 1
Tạo văn bản bằng cách sử dụng phông chữ Nexa Rust Script. Với Size245 pt và màu sắc là #f4f4f4

Step_02_1.jpg

Bước 2
Nhân đôi layer văn bản và kéo bản sao layer xuống phía dưới của layer ban đầu.

Step_02_2.jpg

Bước 3
Vào chế độ Free Transform bằng cách vào Edit > Free Transform (Command-T). Nhấp vào phím muỗi tên bên phải một lần, sau đó nhấn vào phím muỗi tên xuông dưới một lần, để di chuyển bản sao văn bản một pixel về bên phải và một pixel xuống dưới. Sau đó nhấn phím Return (hoặc Enter trong Windows) để áp dụng các thay đổi.

Step_02_3.jpg

Bước 4
Thay đổi màu sắc của bản sao văn bản thành #4e4e4e. Nhấn tổ hợp phím Command-Option-Shift-T (Control-Alt-Shift-T đối với Windows) 17 lần để nhân đôi layer cùng với những biến đổi để tạo ra hình dạng 3D.

Step_02_4.jpg

Bước 5
Chọn tất cả các layer văn bản và vào Filter > Convert for Smart Filters. Đổi tên layer của smart object bằng cách thêm copy 1 vào phía sau tên ban đầu của nó.

Nhân đôi layer của smart object hai lần, đổi tên của các bản sao layer bằng cách thêm copy 2copy 3 vào tên cúa chúng, và sau đó đổi giá trị Fill của layer copy 3 thành 0.

Step_02_5.jpg

3. Trang trí cho layer văn bản ban đầu
Nhấp đúp vào layer văn bản ban đầu để áp dụng Layer Style sau đây.

Bước 1
Thêm một Bevel and Emboss với các thiết lập sau:

  • Style: Outer Bevel
  • Size: 3
  • Bỏ chọn hộp Use Global Light
  • Angle: 77
  • Altitude: 42
  • Tích vào hộp Anti-aliased
  • Highlight Mode: Linear Light
  • Shadow Mode - Opacity: 50%
Step_03_1.jpg

Bước 2
Thêm một Contour với các thiết lập sau:

  • Contour: Gaussian
  • Tích vào hộp Anti-aliased
Step_03_2.jpg

Bước 3
Thêm một Stroke với các thiết lập sau:

  • Size: 1
  • Fill Type: Gradient
  • Angle: -135
  • Sử dụng Gradient Fill aluminum 150e
Step_03_3.jpg

Bước 4
Thêm một Inner Glow với các thiết lập sau:

  • Blend Mode: Color Burn
  • Noise: 10%
  • Color: #8c8c8c
  • Source: Center
  • Size: 18
Step_03_4.jpg

Bước 5
Thêm một Gradient Overlay với các cài đặt này:

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Sử dụng Gradient Fill aluminum 150e
Step_03_5.jpg

Bước 6
Điều này sẽ trang trí cho layer văn bản ban đầu. Những gì chúng ta sẽ làm tiếp theo là cố gắng sử dụng các Gradient Fill và các hiệu ứng layer phù hợp với điều này và tạo kiểu dáng phần 3D của văn bản.

Step_03_6.jpg

4. Tạo kiểu dáng cho layer đầu tiên của 3D Extrusion
Nhấp đúp vào bản sao thứ hai của layer smart object để áp dụng Layer Style sau đây:

Bước 1
Thêm một Inner Shadow với những cài đặt này:

  • Color: #424242
  • Bỏ chọn hộp Use Global Light
  • Angle: -42
  • Distance: 57
  • Size: 16
Step_04_1.jpg

Bước 2
Thêm một Gradient Overlay với các cài đặt này:

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Sử dụng Gradient Fill dark chrome
Nhấp vào hộp Gradient để chỉnh sửa Gradient Fill.

Step_04_2.jpg

Bước 3
Nhấp vào Điểm màu (Color Stop) sáng gần cuối ở bên phải của thanh Gradient, và sau đó nhấp vào nút Delete để xoá điểm màu đó, vì chúng ta không cần màu của nó ở đó.

Step_04_3.jpg

Bước 4
Thêm một Drop Shadow với các cài đặt này:

  • Opacity: 60%
  • Distance: 10
  • Size: 10
Step_04_4.jpg

Điều này sẽ tạo kiểu dáng cho layer đầu tiên của 3D Extrusion, thêm Gradient màu kim loại.

Step_04_5.jpg

5. Tạo kiểu dáng cho Layer thứ hai của 3D Extrusion
Nhấp đúp vào bản sao thứ ba của layer smart object để áp dụng Layer Style sau đây:

Bước 1
Thêm một Bevel and Emboss với các cài đặt này:

  • Size: 0
  • Tích vào hộp Anti-aliased
  • Highlight Mode: Vivid Light
  • Shadow Mode - Opacity: 65%
Step_05_1.jpg

Bước 2
Thêm một Contour với các cài đặt này:

  • Contour: Cone
  • Tích vào hộp Anti-aliased
Step_05_2.jpg

Bước 3
Thêm một Inner Glow với những cài đặt này:

  • Blend Mode: Vivid Light
  • Noise: 10%
  • Color: #c5c5c5
  • Technique: Precise
  • Source: Center
  • Size: 46
Step_05_3.jpg

Bước 4
Thêm một hiệu ứng Satin với các cài đặt này:

  • Blend Mode: Color Burn
  • Color: #717171
  • Distance: 7
  • Size: 18
  • Contour: Shallow Slope - Valley
Step_05_4.jpg

Điều này sẽ tăng cường và nâng cao phần 3D của văn bản.

Step_05_5.jpg

6. Tạo bóng đổ
Bước 1
Chọn bản sao thứ nhất của layer smart object, và vào Filter > Blur > Motion Blur. Thay đổi Angle thành 55Distance thành 100.

Step_06_1.jpg

Bước 2
Thay đổi Blend Mode của layer bản sao thứ nhất thành Color BurnOpacity của nó thành 25%.

Step_06_2.jpg

Bước 3
Sử dụng công cụ Move Tool để di chuyển bóng đổ để cho nó mở rộng từ bên trên của văn bản chuyển xuống dưới.

Step_06_3.jpg

7. Thêm hoạ tiết trang trí
Bước 1
Nhấp vào biểu tượng Create new fill or adjustment layer ở dưới cùng của bảng Layers và chọn Gradient.

Step_07_1.jpg

Bước 2
Sử dụng Gradient Fill Transparent to Color với các màu #ebebeb ở bên trái và màu #282828 ở bên phải. Đổi Style thành RadialScale thành 300.

Step_07_2.jpg

Bước 3
Cuối cùng, thay đổi Blend Mode của Adjustment Layer thành Multiply.

Step_07_3.jpg

Xin chúc mừng! Bạn đã hoàn tất
Trong hướng dẫn này, chúng ta đã tạo ra một hình nền với chất liệu da đơn giản, và áp dụng một số hiệu ứng vào nó. Sau đó, chúng ta tạo ra một mẫu văn bản, nhân đôi nó, biến đổi bản sao của nó, và tạo ra một số bản sao khác cùng với các biến đổi để tạo ra 3D Extrusion.

Chúng ta chuyển đổi các layer 3D Extrusion thành một Smart Object, nhân đôi nó, và tạo kiểu dáng cho nó cùng với layer văn bản ban đầu.

Sau đó chúng ta sử dụng nhiều hiệu ứng Layer và Gradient Fill để đạt được một cái nhìn cổ điển, giống với kim loại. Chúng ta tạo ra bóng đổ bằng cách sử dụng filter Motion Blur, và hiệu chỉnh Blend Mode của nó và sắp xếp lại nó.

Cuối cùng, chúng ta sử dụng Adjustment Layer Gradient để thêm hoạ tiết trang trí cho kết quả sau cùng.

Đừng ngại để lại ý kiến, lời khuyên, và thành quả của bạn trong hộp bình luận ở bên dưới nhé.




Vietnamese (Tiếng Việt) translation by Dai Phong
 

Đính kèm

  • 3D Metallic Text Effect - 600.jpg
    3D Metallic Text Effect - 600.jpg
    45.7 KB · Lượt xem: 2
  • Like
Reactions: TAH
  • Thẻ Thẻ
    photoshop tutorial
  • 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