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

[Dịch]Hiệu ứng chữ rực rỡ sắc màu

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi TùngSummer, 28/8/12.

Lượt xem: 17,808

  1. TùngSummer Thành viên cấp 1

    Kết quả:
    [​IMG]



    Băt tay vào thôi!!!
    Bước 1 – Tạo một background
    Trong bài tut này tác giả sử dụng màu tím đậm (#120612). Bạn có thể sử dụng màu khác tùy ý, miễn sao vừa mắt bạn!
    Bước 2 – Tạo một text theo ý thích
    Chúng ta sẽ tạo chữ theo cách hơi khác so với cách chúng ta hay làm ở những tut khác.
    Sử dụng Type Tool(T) tạo một text theo ý bạn. Trong đó mỗi chữ cái đều thuộc một layer riêng biệt. Bạn sẽ có được một text lộn xộn như thế này: (font là Century Gothic)
    [​IMG]

    Chọn Move tool(V). Tạo vùng chọn ở chữ cái đầu tiên, chữ T trong text(Ctrl + Click vào Layer text). Sau đó, chọn tất cả các layer text vừa tạo(chọn layer ngay trên layer background, giữ Shift và chọn layer text trên cùng). trên thanh tùy chọn(option bar), chọn "Align Bottom Edges" . Icon nó như thế này [​IMG]
    Sau bước này, các chữ cái của bạn sẽ nằm thằng hàng như thế này:

    [​IMG]

    Bỏ vùng chọn vừa tạo(ctrl+D) điều chỉnh từng chữ cái sao cho chúng chồng lên nhau hoặc tạo thành hiệu ứng như bạn muốn (cho nó nghiêng đi hoặc nhỏ lại chẳng hạn) Lưu ý điều chỉnh sao cho chân của các chữ cái vẫn thẳng hàng. Nếu không chắc chắn về độ thẳng hàng sau khi chỉnh, bạn có thể làm lại thao tác bên trên một lần nữa!
    [​IMG]

    Bước 3 – bổ sung một layer Gradient

    Tạo một layer Gradient nằm trên tất cả các layer text. Dùng Gradient Tool với màu trắng-màu background kéo theo chiều thẳng đứng (giữ Shift để kéo thẳng), sao cho phần gradient nằm ngay trên vùng chữ có màu sắc không quá đục, cũng không quá trắng.
    Minh họa(đã chuyển layer gradient xuống dưới)
    [​IMG]

    Bước 4 – "cắt chữ"

    Tạo vùng chọn với chữ cái đầu tiên. Sau đó chọn layer gradient("chọn" chỉ là kick chuột vào layer gradient thôi). Ấn Copy (Ctrl + C) và Paste để tạo ra vùng gradient nằm bên trong chữ cái bạn vừa chọn. Nếu tắt con mắt của layer text và layer gradient bạn sẽ thấy chữ cái đầu tiên giống như thế này:
    [​IMG]

    Làm tương tự với các chữ cái còn lại. Sau đó tắt phần con măt (hoặc xóa) các layer text và layer gradient đi bạn sẽ thu được kết quả sau(hoặc gần giống, vì mình làm đến bước này không có giống tí tẹo nào hêt @@):
    [​IMG]

    Bước 5 – Thêm màu

    (có thể bạn cần đổi tên các layer đã sap chép được nếu như bạn thấy khó khăn trong việc quản lý chúng)
    Tạo một layer mới nằm ngay bên trên các layer "gradient-text". lấy công cụ Paint Bucket, chọn một màu sắc tươi sáng (tác giả bắt đầu với #7fff5d). Tạo vùng chọn cho "gradient-text" đầu tiên. Fill vùng chọn đó với màu sắc bạn chọn. Layer để Blending Mode là Screen.
    [​IMG]

    tương tự với các layer còn lại:
    [​IMG]


    Bước 6 – Merge

    (bước này giúp dễ dàng hơn trong việc điều chỉnh)
    sau khi màu sắc đã ưng ý, gộp tất cả các layer "gradient-letters" thành một, các layer chứa màu sắc thành một layer. Như vậy, bây giờ bạn có 2 layer, một là layer có gradient(layer A) và một layer có màu sắc (B)
    Bước 7 – Làm cho text thêm rực rỡ

    Nhân đôi layer A, áp dụng Gaussian Blur cho layer, với giá trị từ 1-3
    [​IMG]

    Làm tương tự với layer B. blend mode: Lighten hoặc screen. Nhân đôi các layer này 1-2 lần tùy thích, với opacity và Gaussian Blur khác nhau để đạt được hiệu ứng đẹp mắt hơn
    [​IMG]

    Bước 8

    Sử dụng công cụ Eraser với brush mềm, quay trở lại và xóa các bộ phận của layer màu để xuất hiện hiệu ứng mờ dần từ màu đến trắng
    [​IMG]

    Bước 9

    Chọn tất cả những layer có liên quan tới hiệu ứng này, nhân đôi chúng (Ctrl +D). Merge các layer vừa nhân đôi lại. ctrl+T và một vài thao tác đơn giản(chuột phải chọn Flip Vertical, move nó đi) để tạo cho text một cái bóng:
    tham khảo cách làm tại đây (có ít TA nên k dịch nhé)
    http://www.tutorial9.net/tutorials/photoshop-tutorials/the-5-essential-photoshop-reflections/
    [​IMG]

    Bước 10 -sáng tạo thôi!!!

    tham khảo bức ảnh sau nhé!!!
    [​IMG]

    tác giả dùng thêm một ít Motion Blur:
    [​IMG]

    còn đây là tác phẩm của em:
    [​IMG]

    Tut dịch đầu tay của em, mọi người góp ý cho em với nhé :)
    Do có một số đoạn em không biết dịch thế nào cho chính xác, và lại em thấy không quan trọng lắm, nên em xin phép được lược bỏ. Thông tin chi tiết mời mọi người tham khảo link ở cuối bài nhé. Có cả file PSD trong link đấy ạ! Có gì khó hiểu mọi người cứ cm xuóng dưới nhé, em sẽ trả lời sau!
    http://www.tutorial9.net/tutorials/photoshop-tutorials/colorful-glowing-text-effect/
    Cám ơn mọi người đã dành thời gian!
    --update--
    http://www.mediafire.com/?g80gae49sfeouo2 đây là bản psd text của em nhé :)

    ...
    dunghn94, Montgomery1833, Vicamcodon_lc30 người khác thích bài viết này.
  2. IceF

    IceF Thành viên cấp 4

    Khá đơn giản và đẹp ^^!
    TùngSummer thích bài viết này
  3. Dung Jin

    Dung Jin Thành viên cấp 2

    các tác phẩm MISS YOU bạn làm đẹp thật :)
    p/s: cho mình xin cái brush ở chữ U được không ?
  4. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    tác phẩm bạn làm đẹp thật :))
  5. Nhí Toothy xD

    Nhí Toothy xD Thành viên cấp 1

    đẹp quá :x
    thử làm cái :)[​IMG]
    Lã Duy TùngAquarius thích bài viết này.
  6. TùngSummer

    TùngSummer Thành viên cấp 1

    cái đó mình dùng brush trái tim thôi :D cái dài dài mình vẽ bằng pen!
    Dung Jin thích bài viết này
  7. Hùng Hổ VietDesigner

    Hùng Hổ VietDesigner Thành viên cấp 3

    cái kiểu chữ cứng quá ...cho chữ mềm là ngon <:-P
  8. Bivian Phạm

    Bivian Phạm Thành viên cấp 2

    mình thấy vẫn không đẹp bằng mẫu trên bạn ạ
    Nhí Toothy xD thích bài viết này
  9. GD Zún

    GD Zún Thành viên cấp 1

    Đến bước 5 , không thể nào có kết quả tương tự hoặc giống cả =.= . Không hiểu tại sao được như thế luôn.

    Bonus : Nên chụp cách thao tác , chứ chụp kết quả thì thật là hơi khó đối với mình. ~X(
  10. TùngSummer

    TùngSummer Thành viên cấp 1

    ở đoạn tạo vùng chọn hay đặt blend mode hả bạn? Bạn thử giảm Opacity xuống một chút hoặc đặt mode khác xem sao?
    uhm sr bạn vì tut mình dịch mà :) để khi nào rảnh mình edit lại:)
    à mà bạn thử vào link bên dưới xem có dễ hiểu hơn ko? mình đang nghi ngờ trình TA của mình :D
    GD Zún thích bài viết này
  11. GD Zún

    GD Zún Thành viên cấp 1

    Cái bước 5 mình thử Blend mode : Screen thì kết quả giống , sau 1 đêm mò mẫm , cũng đã mò ra và kết quả cuối cùng thì không đẹp giống cái MissYou và cái tutorial cả, màu cũng thế ,mình làm hiệu ứng đoạn Bước 8 cũng không thể xóa được như tutorial và của bạn. Mong bạn chỉ mình rõ hơn.

    P/s : Hôm qua thấy tutorial bạn làm đẹp quá , định làm tặng cho em gái , mà làm không được tức quá , lôi ra mò nên quên Thank quả này Thank bác 2 phát bù lại :D
  12. mr_minh_269

    mr_minh_269 Thành viên cấp 2

    bài này hay quá, đánh dấu lát làm thử :D
  13. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    mình làm nhưng ko ra được T-T đau quá
  14. hiếu

    hiếu Thành viên cấp 2

    bước 4 có khoảng mờ mờ giữa hai chữ mình ko thể làm được là sao nhỉ?
    ~X(
  15. snowpjece

    snowpjece Cựu quản trị

    Có đọc Tut nhưng không hiểu gì hết, thôi thì nhìn demo rồi làm lại theo ý ta.
    [​IMG]
    Cin Chan, bé nhí, Aquarius4 người khác thích bài viết này.
  16. TùngSummer

    TùngSummer Thành viên cấp 1

    màu thì bạn cứ chọn màu sao cho sáng nhưng không đậm quá là được mà :) còn bước 8 thì bạn giảm opacity của Eraser xuống thử xem :)Nhân đôi các layer bạn để Gaussian Blur 1-2 lần tùy thích, với opacity và Gaussian Blur khác nhau để đạt được hiệu ứng đẹp mắt hơn :)
    để khi nào mình up cái file psd của mình cho bạn tham khảo :D
    mình cũng không làm được cái này luôn =)) Nhưng mình thấy ko quan trọng lắm đâu. Bạn thử giảm nhẹ Opacity của các layer xuống xem có đc ko???
    vướng bước nào hà bạn :)
  17. Shi Tào Phớ

    Shi Tào Phớ Mới đăng kí

    mình không hiểu bước 4 làm thế nào luôn?
  18. TylerKid

    TylerKid Về hưu

    giảm opacity đi là được mà bạn :D
  19. Zin

    Zin Mới đăng kí

    Chọn Move tool(V). Tạo vùng chọn ở chữ cái đầu tiên, chữ T trong text(Ctrl + Click vào Layer text). Sau đó, chọn tất cả các layer text vừa tạo(chọn layer ngay trên layer background, giữ Shift và chọn layer text trên cùng). trên thanh tùy chọn(option bar), chọn "Align Bottom Edges" . Icon nó như thế này [​IMG]
    Sau bước này, các chữ cái của bạn sẽ nằm thằng hàng như thế này:
    [​IMG]
    " Vùg ckọn làm s vậy Tùng :-".... Zin ckỉ mới là công dân PTS thôu ckứ ckưa pải là Boss PTS ;)) ...Và Dùng Move Tool làm gề thế Tùng :-?.. Rối qá .. Edit lại đi Tùng :-B
  20. Trang Smie

    Trang Smie Thành viên cấp 1

    đẹẹp quá! thưửử phát :x ;;)

Ủng hộ diễn đàn