Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:BeginnerLength:ShortLanguages:

Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article)

Final product image
What You'll Be Creating

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!

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.

Background Gradient

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
Color Overlay

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
Gradient Overlay

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%
Pattern Overlay

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

Leather Background

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

Create the Text

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.

Duplicate the Text Layer

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.

Transform the Text

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.

Create the 3D Extrusion

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.

Create and Rename the Smart Objects

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%
Bevel and Emboss

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
Contour

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
Stroke

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
Inner Glow

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
Gradient Overlay

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.

Styled Text Layer

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
Inner Shadow

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.

Gradient Overlay

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ó ở đó.

Modify the Gradient Fill

Bước 4

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

  • Opacity: 60%
  • Distance: 10
  • Size: 10
Drop Shadow

Đ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.

Styled 3D Extrusion Layer 1

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%
Bevel and Emboss

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
Contour

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
Inner Glow

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
Satin

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

Styled 3D Extrusion Layer 2

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.

Motion Blur

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%.

Shadow Layer Blend Mode and Opacity

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.

Move the Shadow

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.

Create a Gradient Adjustment Layer

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 Radial và Scale thành 300.

Gradient Fill Settings

Bước 3

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

Gradient Layer Blend Mode

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é.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.