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

Scroll to top
Read Time: 7 min

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

Final product imageFinal product imageFinal 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 GradientBackground GradientBackground 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 OverlayColor OverlayColor 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 OverlayGradient OverlayGradient 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 OverlayPattern OverlayPattern Overlay

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

Leather BackgroundLeather BackgroundLeather 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 TextCreate the TextCreate 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 LayerDuplicate the Text LayerDuplicate 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 TextTransform the TextTransform 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 ExtrusionCreate the 3D ExtrusionCreate 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 ObjectsCreate and Rename the Smart ObjectsCreate 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 EmbossBevel and EmbossBevel 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
ContourContourContour

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
StrokeStrokeStroke

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 GlowInner GlowInner 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 OverlayGradient OverlayGradient 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 LayerStyled Text LayerStyled 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 ShadowInner ShadowInner 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 OverlayGradient OverlayGradient 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 FillModify the Gradient FillModify 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 ShadowDrop ShadowDrop 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 1Styled 3D Extrusion Layer 1Styled 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 EmbossBevel and EmbossBevel 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
ContourContourContour

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 GlowInner GlowInner 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
SatinSatinSatin

Đ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 2Styled 3D Extrusion Layer 2Styled 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 BlurMotion BlurMotion 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 OpacityShadow Layer Blend Mode and OpacityShadow 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 ShadowMove the ShadowMove 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 LayerCreate a Gradient Adjustment LayerCreate 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 SettingsGradient Fill SettingsGradient Fill Settings

Bước 3

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

Gradient Layer Blend ModeGradient Layer Blend ModeGradient 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
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.