Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[Tutorial] Hiệu ứng chữ kim loại 3D

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi MinTz, 7/3/15.

Lượt xem: 5,842

  1. MinTz Thành viên cấp 2

    Hiệu ứng chữ kim loại khá bắt mắt và "sang chảnh" =))

    FINAL RESULT:

    C2FYFyo.png

    BƯỚC 1:
    Tạo document size 900x675 px với Foreground màu #252927Background màu #0d0e0e. Dùng Gradient Tool, chọn Foreground to Background rồi chọn Radial Gradient. Kéo Gradient từ giữa đến 1 góc bất kì rồi duplicate layer Background

    97loOJL.png

    BƯỚC 2:
    Double click vào layer Background copy:
    Color Overlay:

    • Color: #1c1f26
    • Blend Mode: Color
    uzt2AHM.png

    Gradient Overlay:
    • Blend Mode: Overlay
    • Style: Reflected
    • Angle: 45
    • Reverse: check
    • Gradient: Silver 20ss trong file Resource.

    P2e3n6S.png


    Pattern Overlay:

    • Blend Mode: Soft Light
    • Pattern: webtreats_grey_leather.jpg trong file Resource.
    • Scale: 50%
    toa4p5h.png

    BƯỚC 3:
    Viết chữ
    • Font: Nexa Rust Script
    • Size: 245pt
    • Color: #f4f4f4
    uytsVg7.png

    BƯỚC 4:
    Duplicate layer text rồi chọn Free Transform Mode (Ctrl + T), kéo chữ xuống 1 px, sang phải 1 px. Tiếp theo đổi màu text sang #4e4e4e
    3lkud6m.png

    Sau đó duplicate layer lên 17 lần

    CKT9NGb.png

    BƯỚC 5:
    Chọn tất cả 18 layer copy rồi right click - Convert for Smart Filters, đổi tên layer đó thành text copy 1. Duplicate layer text copy 1 tiếp 2 lần rồi đặt tên là text copy 2, 3. Ở layer text copy 3 để Fill 0.

    NJKRPZu.png

    BƯỚC 6:
    Double click vào layer text gốc
    Bevel and Emboss:
    • Style: Outer Bevel
    • Size: 3
    • Use Global Light: uncheck
    • Angle: 77
    • Altitude: 42
    • Anti-aliased: check
    • Highlight Mode: Linear Light
    • Shadow Mode - Opacity: 50%
    eg3BNh8.png

    Contour:
    • Contour: Gaussian
    • Anti-aliased: check
    iLz9Bet.png

    Stroke:
    • Size: 1
    • Fill Type: Gradient
    • Angle: -135
    • Gradient: aluminum 150e trong file Resource.
    lE2qigV.png
    Inner Glow:
    • Blend Mode: Color Burn
    • Noise: 10%
    • Color: #8c8c8c
    • Source: Center
    • Size: 18
    Rou9uXp.png

    Gradient Overlay:
    • Style: Reflected
    • Angle: 45
    • Scale: 150%
    • Gradient: aluminum 150e trong file Resource.
    u9kfRhx.png

    BƯỚC 7:
    Double click vào layer text copy 2
    Inner Shadow:
    • Color: #424242
    • Use Global Light: Uncheck
    • Angle: -42
    • Distance: 57
    • Size: 16
    AA75yJO.png
    Gradient Overlay:
    • Style: Reflected
    • Angle: 45
    • Scale: 150%
    • Gradient: dark chrome trong file Resource.
    Sau đó click vào Gradient, xóa cái Color Stop thứ 3 từ phải qua.

    yD0hLib.png

    Drop Shadow:
    • Opacity: 60%
    • Distance: 10
    • Size: 10
    5t2dG3G.png

    BƯỚC 8:
    Double click vào layer text copy 3
    Bevel and Emboss:
    • Size: 0
    • Anti-aliased: Check
    • Highlight Mode: Vivid Light
    • Shadow Mode - Opacity: 65%
    9cmhoqH.png

    Contour:
    • Contour: Cone
    • Anti-aliased: Check
    w5O2G25.png

    Inner Glow:
    • Blend Mode: Vivid Light
    • Noise: 10%
    • Color: #c5c5c5
    • Technique: Precise
    • Source: Center
    • Size: 46
    wd9bxJl.png

    Satin:
    • Blend Mode: Color Burn
    • Color: #717171
    • Distance: 7
    • Size: 18
    • Contour: Shallow Slope - Valley
    13Tgk5V.png

    BƯỚC 9:
    Chọn layer text copy 1
    Filter - Blur - Motion Blur:
    • Angle: 55
    • Distance: 100
    rồi dùng Move Tool chỉnh lại vị trí của cái bóng cho hợp ý.

    tWuZTyG.png
    • Blend Mode: Color Burn
    • Opacity: 25%
    4z94WFr.png

    BƯỚC 10:
    Add thêm Gradient:
    • Preset: Transparent to Color
    • Color: left #ebebeb, right #282828
    • Style: Radial
    • Scale Scale: 300
    • Blend Mode: Multiply
    OrO5tzG.png

    Chúc các bạn thành công ;)
    Nguyên liệu:
    okZNNpw.png
    QvK8xN8.png

    KuHit, Luccaoni2584Phạm Hữu Dư thích bài viết này.
  2. Hồng Sơn

    Hồng Sơn Helper

    - Tiêu đề một đằng, nội dung một nẻo? :|
  3. MinTz

    MinTz Thành viên cấp 2

    Đã edit xong :O
    Chỉnh sửa lần cuối: 7/3/15
  4. VietFR

    VietFR Thành viên cấp 1

    bài viết hay, cảm ơn bạn đã chia sẻ :D
  5. cảm ơn bạn
  6. decoroutdoor

    decoroutdoor Banned

    cám ơn đã chia sẻ

Ủng hộ diễn đàn