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. Tình hình là ảnh trên forum đang bị lỗi không xem được, các bạn click vào đây để xem hướng dẫn cách xem ảnh nhé! BQT đang cố gắng khắc phục vấn đề này, mong các bạn thông cảm.
    Loại bỏ thông báo

[Mini tutorial] Hiệu ứng chữ Retro

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

Lượt xem: 20,528

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

    Hiệu ứng chứ retro khá cool mà làm cũng nhanh ;;)

    FINAL RESULT:
    kBTmAAq.png


    Bước 1:
    Tạo 1 document mới với size là 800x600px, duplicate layer Background rồi double-click vào layer Background copy chỉnh Gradient Overlay:
    • Dither: check
    • Style: Radial
    • Scale: 150%
    • Gradient dùng 2 màu là #c8c5b8#aaa593
    btD0meM.png

    Bước 2:

    Nhân đôi layer Background copy - chuột phải ở layer mới - Rasterize Layer Style. Để màu Foreground là #c8c5b8 và Background là #aaa593
    1ODWkQB.png

    Bước 3:
    Chọn Filter - Noise - Add noise
    • Amount: 5
    • Distribution: Uniform
    • Monochromatic: check
    USoK9f7.png

    Bước 4:
    Đổi Blend Mode layer Background copy 2 sang Darken
    xlRttsZ.png

    Bước 5:

    Add thêm Levels
    • Shadows: 72
    • Gamma: 1.05
    • Highlights: 236
    9oCs8fp.png

    Bước 6:
    Viết chứ
    • Font: Freshman Normal
    • Size: 150pt
    • Color: #43a0a8
    • Kerning: Optical
    LL27x05.png

    Bước 7:
    Duplicate layer text rồi kéo xuống dưới layer gốc
    yFPE4xa.png

    Bước 8:
    Chọn Edit - Free Transform (Ctrl + T) rồi kéo chữ xuống 1 px, sang phải 1 px
    Bwm5gXW.png

    Bước 9:
    Duplicate layer text copy lên 10 lần đến text copy 11
    Hl9aURq.png

    Bước 10:
    Chọn tất cả 11 layer text copy rồi đổi màu chữ sang #c7b299
    4dPUGhu.png


    Sau đó chuột phải, chọn Convert for Smart Filters
    5JsQvvL.png

    Bước 11:

    Đổi tên layer vừa convert thành 3D Extrusion, duplicate layer đó, đổi tên layer copy thành Shadow rồi kéo xuống dưới layer 3D Extrusion
    vFPQL28.png

    Bước 12:

    Ở layer chữ, double-click chỉnh Stroke:
    • Size: 2
    • Position: Inside
    • Color: #f2eee1
    u3byLyq.png

    Chỉnh tiếp Inner Shadow:
    • Color: #464646
    • Opacity: 100%
    • Use Global Light: Uncheck
    • Angle: 129
    • Distance: 5
    • Spread: 50
    • Size: 2
    RH8pELg.png

    Tiếp đến Pattern Overlay:
    • Blend Mode: Soft Light
    • Pattern: Fine diagonal lines (trong file resource)
    HamgtSe.png

    Bước 13:
    Double-click vào layer 3D Extrusion, chỉnh Bevel and Emboss:
    • Technique: Chisel Hard
    • Size: 13
    • Use Global Light: Uncheck
    • Angle: 82
    • Altitude: 11
    • Anti-aliased: Check
    • Highlight Mode - Opacity: 0%
    mQqTkdI.png

    Contour:
    • Anti-aliased: Check
    Yipqfps.png

    Color Overlay:
    • Color: #265559
    PsGFkTz.png

    Bước 14:
    Ở layer Shadow, chọn Filter - Blur - Motion Blur:
    • Angle: -55
    • Distance: 20
    CtrTNF6.png

    Sau đó đổi Blend Mode của layer sang Multiply.

    Bước 15:
    Add thêm Hue/Saturation:
    • Saturation: -65
    • Chỗ bôi đỏ: Check :))
    IHuGKPv.png

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


    Dịch từ Tutsplus

    lamnguyen207, tnghiaqt, congtukt21 người khác thích bài viết này.
  2. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Like mạnh tut, trình bày chuyên nghiệp đúng phong cách Việt Designer, chỉ tiếc là ko add watermart tutorial thôi! Có thời gian sẽ đưa bài này lên trang chủ :D
    Hảo HảoRazor_D thích bài viết này.
  3. noname_0

    noname_0 Thành viên cấp 4

    wá đẹp :+1:<3 <3:like:
  4. Razor_D

    Razor_D Mới đăng kí

    t89KvPe.jpg

    CÁM ƠN THỚT NHIỀU NHÉ KEKE
    Thôi Kệ Designer thích bài viết này
  5. Leon Phúc

    Leon Phúc Thành viên cấp 1

    Làm bửa tết :))
    1Ui5JgN.jpg
    KuHit thích bài viết này
  6. hoctaponline

    hoctaponline Mới đăng kí

    Quá đẹp
  7. KzKingMQ

    KzKingMQ Thành viên cấp 2

    Đơn giản, dễ hiểu! Cảm ơn bác nhiều ạ :D
  8. KuHit

    KuHit Thành viên cấp 1

    Yêu luôn :D
  9. Minh Diễm

    Minh Diễm Mới đăng kí

    cho e hỏi là e đang dùng cs5. có theo kịp mấy a chị đc ko ạ
  10. decoroutdoor

    decoroutdoor Banned

    bài viết của bác làm e học đc nhiều quá

    thanks bác
  11. boyover bo

    boyover bo Thành viên cấp 1

    cho em tí bước thứ 9 Duplicate layer text copy lên 10 lần đến text copy 11 em làm nhưng không tạo được hiệu ứng giả 3D được, vẫn như cũ không thay đổi gì hết. Còn dùng cách giữ phím ALT + phím lên thì không thấy nhân đôi layer
    Chỉnh sửa lần cuối: 20/3/15
  12. MinTz

    MinTz Thành viên cấp 2

    Ctrl J mới là duplicate layer bạn nhé
    chắc bạn thiếu bước 8 nên bước 9 không có hiệu ứng 3D
  13. boyover bo

    boyover bo Thành viên cấp 1

    MinTz mình làm được rồi nè
    HuyTu thích bài viết này
  14. Minh Diễm

    Minh Diễm Mới đăng kí

    cs5 làm đc ko các bạn
  15. Leon Phúc

    Leon Phúc Thành viên cấp 1

  16. mousehell

    mousehell Thành viên cấp 1

    Cảm ơn bạn vì bài tut này. =)) Khá hay đấy
  17. PhuongTranDSN

    PhuongTranDSN Mới đăng kí

    bước 8 làm sao vậy mọi người. làm sao kéo xuống 1px, sang phải 1px.
  18. MinTz

    MinTz Thành viên cấp 2

    PhuongTranDSN bạn ấn bên phím điều hướng ý
    xuống 1 phát sang phải 1 phát
  19. Loong

    Loong Thành viên cấp 1

    Bạn ơi bạn làm Video được không . chưa dùng pts bao giờ. muốn làm nhưng mấy thao tác tinh chỉnh mình không biết ấn như nào :( :(
  20. MinTz

    MinTz Thành viên cấp 2

    Loong Mình lười lắm :))
    với đang đứt cáp :v
    bạn k biết chỗ nào

Ủng hộ diễn đàn