Advertisement

Tutorials

July 26, 2012

Perfect Gold Text Effect – Hiệu ứng chữ mạ vàng


More articles by »
Written by: Phạm Hữu Dư

Từ trước đến giờ đã có rất nhiều bài hướng dẫn về Hiệu ứng chữ Vàng (Gold Text) và hiệu ứng này dường như không con mới mẻ đối với mỗi người khi học Photoshop. Nhưng mới gần đây, với chủ đề cũ, một bài hướng dẫn dậy làm hiệu ứng chữ mạ Vàng được post lên thực sự ấn tượng. Và sau đây tôi sẽ dịch bài hướng dẫn này để các bạn dễ hiểu hơn.

Đây là kết quả cuối cùng sau khi hoàn thành bài tutorial

Đây là kết quả cuối cùng sau khi hoàn thành bài tutorial

Đầu tiên các bạn download bộ nguyên liệu cho bài tutorial này bao gồm Font chữ, Texture và 1 file PSD tham khảo.

Download Gold Text Stock

Bước 1

Tạo một file mới kích thước tùy thích, ở đây tôi để 1600x900px và fill nó bằng màu đen. Mở file Texture trong nguyên liệu ra và đặt nó vào background ta vừa tạo và giảm Opacity xuống 30%. Và bây giờ, mở Layer Style (Layer > Layer Style > Blending Option) điều chỉnh thông số cho Color Overlay. 

Perfect Gold Text Effect - Hiệu ứng chữ mạ vàng

Tạo 1 layer mới (Ctrl + Shift + N), chọn công cụ Rectangular Marquee, điều chỉnh Feather cao khoảng 200-300px lựa chọn toàn bộ background. Ấn tổ hợp phím Ctrl (CMD) + Shift + I và dùng brush vẽ vào vùng này màu đen. Sau đó nhân đôi layer (Layer > Duplicate Layer) ta vừa tô. Cách này giúp ta tổ điểm vùng trung tâm.

Perfect Gold Text Effect - Hiệu ứng chữ mạ vàng

Bước 3

Ta bắt đầu tạo text, lựa chọn akaDora font kèm trong nguyên liệu, ghi một dòng chữ màu đen tại chính giữa, và điều chỉnh Fill Opacity xuống 0%. Chúng ta nên sử dụng kích thước chữ lớn sẽ tốt hơn cho việc sử dụng Bevel and Emboss. Tại đây mình sử dụng font size 280px 

Perfect Gold Text Effect - Hiệu ứng chữ mạ vàng

Bước 4

Và bây giờ là phần thú vị nhất, bật Layer Styles panel và điều chỉnh thông số như trong hình dưới đây:

Perfect Gold Text Effect - Hiệu ứng chữ mạ vàng

Bước 5

Phần đầu tiên của hiệu ứng – tạm gọi là hiệu ứng kính – đã hoàn thành. Để tiếp tục phần còn lại, nhân đôi text layer và và xóa Layer Styles cũ cho layer vừa được nhân đôi (chuột phải vào layer sau đó chọn Clear Layer Style). Và bây giờ, áp dụng Layer Styles như sau: 

Perfect Gold Text Effect - Hiệu ứng chữ mạ vàng

Để thêm 1 vài chi tiết ta nhấn phím D, tạo 1 layer mới và fill nó màu đen, tới Filter > Render > Difference Clouds. Điều chỉnh blending mode thành Overlay.

Và đây là kết quả cuối cùng:

Perfect Gold Text Effect - Hiệu ứng chữ mạ vàng

Kết quả khác áp dụng với text: Vietdesigner

Perfect Gold Text Effect - Hiệu ứng chữ mạ vàng

Kết luận: Mình thấy rằng bài hướng dẫn này cũng khá nhanh và dễ, các bạn có thể download file PSD do mình làm để tham khảo hoặc có gì không hiểu cứ comment mình sẽ giải đáp. Cuối cùng mong các bạn sẽ thích bài hướng dẫn này.

Bài tutorial tham khảo từ Webtiago

Đây là bài viết của thành viên Nguyễn Trung Hiếu đăng trên diễn đàn Designer Việt Nam, bạn có thể vào link topic gốc để nhận được support từ bạn ấy với bài tutorial này.

VN:F [1.9.22_1171]
Rating: 9.7/10 (23 votes cast)
VN:F [1.9.22_1171]
Rating: +21 (from 23 votes)

Perfect Gold Text Effect – Hiệu ứng chữ mạ vàng, 9.7 out of 10 based on 23 ratings



Phạm Hữu Dư
Cảm ơn bạn đã đọc bài viết này, nếu bạn cảm thấy bài viết này hay và có ích thì hãy ấn +1 hoặc Like để khích lệ tác giả bài viết nhé, và nếu được thì share cho bạn bè cùng đọc. Thanks!





 
 

 
Cách tạo brush để cho ra những bokeh đẹp lung linh

Cách tạo brush để cho ra những bokeh đẹp lung linh

Hẵn là các bạn đã từng thấy nhiều bức ảnh có kèm theo hiệu ứng bokeh rất lung linh và huyền ảo đúng không nào? Hôm nay mình xin chia sẻ một bài hướng dẫn rất cơ bản của bạ...
by Phạm Hữu Dư
15

 
 
Tạo hiệu ứng ảnh giống với poster phim "The Bourne Legacy"

Tạo hiệu ứng ảnh giống với poster phim “The Bourne Legacy”

Bạn đã từng xem bộ phim hành động “The Bourne Legacy” bao giờ chưa? Nếu đã từng xem có lẽ bạn sẽ không còn lạ lẫm gì với poster của bộ phim này, hiệu ứng khá bắt mắ...
by Phạm Hữu Dư
12

 
 
Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Nói đến font chữ bất cứ một designer nào cũng hiểu rõ tầm quan trọng của nó rồi đúng không nào? Hiện nay chỉ cần gõ vào một địa chỉ web cung cấp font chữ phổ biến, ví dụ n...
by Phạm Hữu Dư
25

 




33 Comments


  1. Ngọc

    Thanks bạn nhé ! nhưng không biết font chữ khác có đẹp k :(

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  2. Hiếu

    cho mình hỏi. đến cái phần inner glow,… mình không thể đổi đc màu. Chỉ có đen trắng, không chỉnh đc màu vàng như bạn. Các phần khác cũng vậy. Làm thì làm đc rồi nhưng không b’ chỉnh phần inner glow ra màu vàng :(

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Bạn vào link diễn đàn mình để ở dưới để được chủ thớt support nhé!

      VN:F [1.9.22_1171]
      Rating: 5.0/5 (1 vote cast)
      VN:F [1.9.22_1171]
      Rating: +1 (from 1 vote)

      • Sukey

        cái đó chọn duplicate layer rồi chuột phải sau đó chọn clear layer style cái mới dup ấy, là được

        VA:F [1.9.22_1171]
        Rating: 5.0/5 (1 vote cast)
        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)

      • Nguyễn Văn Duẩn

        link down die rùi ad

        VA:F [1.9.22_1171]
        Rating: 0.0/5 (0 votes cast)
        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)

  3. Ngọc Hải

    Gõ mã màu trong CS5 chỗ nào vậy mọi người, cho mình cái hình nhé

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  4. Ngọc Hải

    À, tại sao trong .psd thì thấy chỗ gõ mã màu nhưng khi mình làm thì giao diện Select overlay color nó hoàn toàn khác @@

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  5. Hayate

    Cám ơn bạn nhìu lắm! Hiệu ứng rất tuyệt!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  6. Nguyen Phuong

    Híc, tô màu bằng Brush ở bước 2 là làm sao vậy các bác ơi !

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  7. Tuấn

    Cảm ơn bạn đã chia sẻ, bài viết rất hay

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  8. Bảo

    Bài này hình như chỉ thiếu nhiều bước với sai thông số nhiều quá, mình làm y chang từng bước như hình hướng dẫn nhưng kết quả cho ra hoàn toàn khác, chữ ko bóng lộn lên như mẫu cuối bài được. Mình mở file PSD đính kèm ra, rồi copy layer style của 2 phần text sang bài của mình thỳ hiệu ứng mới giống được như mẫu. Với lại xem cách sắp xếp các layer cũng khác, trong file PSD thỳ fill màu cho Backgroud là màu đen sau đó gắn mask. Còn bài này chỉ fill hẳn màu đen, khi làm xong nó cứ nổi render cluod khắp nơi chứ ko đen tuyền như mẫu.

    VA:F [1.9.22_1171]
    Rating: 5.0/5 (2 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Nguyễn Văn Duẩn

      gửi cho tớ file psd hướng dẫn đc k?
      link die k down đc :)

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  9. Anh Tuấn

    Cho em xin cái file với. Link die rồi. Thanks

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  10. Quoc

    Hình như file ko down được nữa phải ko ad

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  11. freezetheheart

    Link die rồi …..!!! Ai tải về rồi thì up lên lại cho mọi người xem sau dc tải về với !
    Tks

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  12. Heo

    stock die :(

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  13. Hiếu

    Link down Font chữ và Texture die rồi anh ơi

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  14. Shine

    link die rùi bạn ơi edit hộ mình nha!
    Thanks bạn!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  15. Khanh

    link bị fail rùi bác ơi. e ko down đc hux

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  16. THẢO NGUYÊN XANH

    bạn ơi link đến nguyên liệu die rồi mình không có download dk

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  17. Nước Lạnh

    link Font : http://www.fontspace.com/download/1600/54d7773f-6030-4cac-a8b9-4e2707c79c06/akatype_akadora.zip
    link ảnh : http://axgig.com/images/98482187770036369740.jpg

    :P + O:

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

  18. Nước Lạnh

    http://upload.lpstore.net/product/42/341/gold-text-sample.html

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  19. Nguyễn Văn Duẩn

    sao mình làm y hệt như thế mà chữ nó không vàng bóng được như vậy hả ad?
    có thể gửi file psd hướng dẫn lại đc k?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Nguyễn Ngọc Hiền

      ko đâu bạn. bạn down font UVN là viết đc tiếng Việt

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  20. Nguyễn Văn Duẩn

    font này có viết tiếng việt có dấu đc k nhỉ mn?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  21. Nguyễn Ngọc Hiền

    quá dễ ^^ mình làm 15′ là ok ^^

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  22. Ryze

    Link die rồi bạn ơi. Bạn fix lại link đi nha :D

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

  23. do manh dung

    tuyệt quá

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  24. do manh dung

    có điều bạn nên tạo một action để mọi người đỡ vất vả thì hay quá

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Dẹp bỏ tư tưởng lười biếng đó đi bạn ạ, đã làm tut rồi còn đòi làm action! Sao bạn ko thao tác theo tut và tự tạo cho mình 1 action?

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  25. Việt Anh

    Anh ơi.. Link media bị die rùi. Anh up lại e với. Thk a !!!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>