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

[TUT] Hiệu ứng chữ chói sáng trong Photoshop

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi ILovePhotoshop, 16/11/12.

Lượt xem: 29,272

  1. ILovePhotoshop Admin page Vietdesigner.Net




    Khi bạn đã từng tạo ra bất kỳ hiệu ứng nào, hãy sử dụng Action Palette để lưu trữ các chức năng bởi vì nếu bạn cần có hiệu ứng tương tự một lần nữa, bạn sẽ dễ dàng hơn để có được kết quả tương tự.


    Bước 1 — Tạo một Document mới


    Mở Pho to shop. Chọn File New> hoặc nhấn Ctrl / Com mand N. Tôi đang sử dụng kích thước hình nền 1440px (chiều rộng) X 900px (chiều cao) nhưng bạn có thể sử dụng bất kỳ kích thước nào bạn muốn.
    [​IMG]
    Bước 2 — Tạo ra các Text 3D


    Chúng tôi sẽ bắt đầu tạo Text 3D với sự giúp đỡ của Illus tra tor. Trước tiên, bạn cần gõ Text trong Illus tra tor. Bạn có thể sử dụng bất kỳ Text nào mà bạn muốn. Tôi chỉ sử dụng Text “FX”. Mở Illustra tor, chọn Type Tool và viết Text. Sau khi viết, thay đổi font chữ thành “Hobo Std Medium”.
    [​IMG]
    Bước 3 — Tạo màu cho Text


    Thay đổi màu sắc của Text. Đối với chữ “F” sử dụng màu xanh (# 094569) và “X” sử dụng màu da cam đậm (# AB7D1B). Hình ảnh của bạn sẽ giống như dưới đây.
    [​IMG]
    Bước 4 — Thêm hiệu ứng 3D vào Text


    Bạn cần phải tạo ra Text 3D thật rắn chắn. Để làm điều đó, vào Menu> Effect 3D» Extrude & Bevel …
    [​IMG]
    Thiết lập hộp thoại tương tự như hình dưới đây.
    [​IMG]
    Bước 5 — Đặt màu Background


    Khi bạn đã hoàn thành với Text 3D, quay trở lại Pho to shop và thay đổi màu sắc của back ground thành màu xanh (# 000b12).
    [​IMG]
    Bước 6 — Đặt Text 3D trong Photoshop


    Trong bước này, bạn sẽ đặt các Text 3D trong Pho to shop. Copy
    Text từ Illus tra tor và paste nó vào Pho to shop. Chọn layer với text, kích chuột phải vào nó và chọn Ras ter ize Layer.
    Bước 7 — Tách Text


    Bây giờ, bạn đang sẽ tách text thành 2 phần. chọn Rec tan gu lar Mar quee Tool (M) và tạo vùng chọn của chữ “X”. Nhấn Ctrl +X để cắt và Ctrl + V để paste chữ cái. Căn chỉnh text cho phù hợp.
    [​IMG]
    Bước 8 — Cài đặt Dodge Tool


    Bạn cần phải tạo High lights trên text. Chọn Dodge Tool (O) từ Tools và làm theo các cài đặt Brush như bạn thấy trong hình bên dưới.
    [​IMG]
    Bước 9 — Thêm Highlights


    Sử dụng Dodge Tool để tô màu qua những vùng bạn muốn làm nổi bật. Bạn có thể có cảm hứng từ hình bên dưới.
    [​IMG]
    Bước 10 –Thêm nhiều High lights hơn


    Làm theo bước 9 và tạo ra nhiều điểm nổi bật trên những vùng đã khoanh tròn.
    [​IMG]
    Bước 11 — Thêm Shadows


    Khi bạn đã hoàn thành việc thêm các điểm nổi bật, bạn cần phải tạo shadow ở phía đối diện. Chọn Burn Tool (O) từ Tools và tô màu bóng tối.
    [​IMG]
    Bước 12 — Thêm nhiều Shad ows hơn


    Làm theo bước 11 và tiếp tục với việc thêm các shadow vào trong các vùng đã được khoanh tròn.
    [​IMG]
    Bước 13 — Tăng cường độ


    Để tăng thêm độ tương phản cho Text, chọn Dodge Tool (O). Tăng kích thước Brush lên 800px và nhấp chuột lên toàn bộ chữ “F” và sau đó, nhấp chuột qua chữ “X” để có được kết quả tương tự như trong hình ảnh bên dưới.
    [​IMG]
    Bước 14 — Thêm các góc sáng (đèn pha)


    Bây giờ, bạn sẽ thêm một số đèn chiếu điểm để làm cho các góc của Text được chiếu sáng. Chọn Brush Tool (B). Với Mas ter Diam e ter 90px, chọn một Brush tròn, mềm. Chọn màu của Fore ground là màu trắng và tạo một layer mới. Tô màu qua các góc của Text. Xem hình ảnh bên dưới.
    [​IMG]
    Bước 15 — Xóa Feather


    Xoá bỏ các phần của Glow, không những trong Text mà còn trong background.
    [​IMG]
    Bước 16 — Thêm Outer Glow


    Để thêm Outer Glow cho đèn pha, nhấp chuột lên but ton Add a layer style. Bạn có thể tìm thấy but ton đó ở phần bot tom của Lay ers palette. Nếu bạn không thấy Lay ers palette, chỉ cần nhấn F7 và nó sẽ xuất hiện. Chọn Option Outer Glow và làm theo các cài đặt sau. Nhấn OK.
    [​IMG]
    Bước 17 — Sao chép Glow Spotlight


    Bây giờ, sao chép Glow mà bạn đã tạo ra trong bước 14. Chọn Smudge tool ® và drag Brush từ phải sang trái, để làm cho Glow lan tràn trên text. Xem hình ảnh bên dưới để biết tôi muốn đề cập đến điều gì.
    [​IMG]
    Bước 18 — Blend ing Glow


    Chọn Smudge Tool ® và drag Glow xung quanh các góc của text. Xem hình bên dưới.
    [​IMG]
    Hình ảnh của bạn sẽ giống như hình bên dưới.
    [​IMG]
    Bước 19 — Thêm Feather Glow


    Bây giờ, bạn sẽ thêm Glow cho các góc của Text. Chọn Brush tool (B). Chọn một Brush tròn, mềm, và thiết lập Mas ter Diam e ter lên 90 px. Tạo một layer mới và tô màu Glow xung quanh các Edge như bạn thấy bên dưới.
    [​IMG]
    Bước 20 — Định vị High lights cho chữ “X”


    Trong bước này, chúng ta sẽ tập trung làm việc trên chữ “X”. Định vị các đèn pha. Thực hiện tương tự như bạn đã làm trong bước 14 và 15. Xem hình ảnh bên dưới để tham khảo.
    [​IMG]
    Bước 21 — Thêm Outer Glow


    Thêm Outer Glow cho đèn pha. Nhấp chuột lên but ton Add a layer style, chọn Outer Glow và thực hiện các cài đặt sau.
    [​IMG]
    Bước 22 — Lựa chọn Brush


    Chọn Brush Tool (B). Chọn Brush cứng, tròn và thiết lập Mas ter Diam e ter lên 3px. Bạn sẽ cần nó trong các bước tiếp theo.
    [​IMG]
    Bước 23 — Tạo Path


    Chọn Pen Tool ℗ và tạo một Path như bạn có thể thấy trong hình bên dưới.
    [​IMG]
    Bước 24 — Thêm Stroke Path


    Bây giờ, nhấp chuột phải lên màn hình và chọn option Stroke Path…
    [​IMG]
    Bước 25 — Thêm Brush Stroke


    Chọn Option Brush từ danh sách và nhấn OK.
    [​IMG]
    Bước 26 — Bổ sung thêm Stroke Path


    Lặp lại các bước 22–25 để thêm Stroke Path.
    [​IMG]
    Bước 27 — Tạo High lights trong các khu vực có shadow.


    Trong bước này, bạn sẽ thêm Glow trong những vùng tối để tạo ra sự phản chiếu. Chọn Pen Tool ℗ và tạo Path như bạn thấy trong hình bên dưới. Nhấn Ctrl + Enter để tạo một vùng chọn và tô màu nó bằng màu nâu (# 614717).
    [​IMG]
    Bước 28 — Thay đổi Blend ing Mode


    Bây giờ, nhóm layer đã chọn với Text. Để thực hiện điều đó, đặt layer này bên trên layer text &nhấn Ctrl Alt G để nhóm layer bên trong text layer. Khi chúng ta đã hoàn thành, vào layer blend ing mode & chọn “Color Dodge”
    [​IMG]
    Bước 29 — Xóa các góc


    Chọn Eraser tool (E). Chọn một vài Brush tròn, mềm và thiết lập Mas ter Diam e ter lên 100px. Xóa các góc của Shape này. Xem hình bên dưới.
    [​IMG]
    Bước 30 — Bổ sung thêm Stroke Path


    Tiếp tục bổ sung thêm Stroke Path bằng cách làm theo các bước 22–25.
    [​IMG]
    Hình ảnh của bạn phải tương tự như hình dưới đây sau các bước này.
    Bước 31 — Thêm Stroke Path tới chữ “F”


    Chúng ta tập trung vào chữ “F” một lần nữa. Làm theo các bước 22–25 một lần nữa để thêm Stroke Path cho chữ cái đó.
    [​IMG]
    Bước 32 — Tạo Spot light trên Background


    Trong các bước sau, chúng ta sẽ tập trung làm việc trên Back ground. Bạn sẽ thêm ánh sáng bên dưới các chữ cái. Để thực hiện điều đó, chọn Brush Tool (B). Chọn Brush tròn mềm và thiết lập Mas ter Diamter lên 300px. Chọn màu lam (# 546876). Tạo một layer mới bên dưới các layer với text và vẽ một chấm lớn. Bạn có thể xem những gì tôi đã làm trong hình bên dưới.
    [​IMG]
    Bước 33 — Chuyển đổi Dot


    Nhấn Ctrl+ T và chuyển đổi layer sang shape, chúng ta có thể thấy bên dưới. Nhấn Enter.
    [​IMG]
    Bước 34 — Thêm Shadow


    Tạo một layer mới bên dưới các layer với text. Nhấn Ctrl+ nhấp chuột lên Thumb nail của layer với chữ “F” để tạo mask của layer đó. Sau đó, nhấp chuột lên layer mà bạn vừa tạo ra và Grab Gra dient Tool (G). Chọn màu đen và tô màu mask với nó.
    Thực hiện tương tự với chữ “X”.
    Sau đó, nhấn Ctrl+ T và chuyển đổi layer này với các chữ cái như trong bức tranh bên dưới. Nhấn Enter.
    [​IMG]
    Bước 35 — Thêm Gauss ian Blur


    Shadow nên có nhiều Blur để trông hiện thực hơn. Để chỉnh sửa nó, vào Menu» Fil ter Blur> Gauss ian Blur … và thiết lập Radius trên 5.0px. Bấm OK.
    [​IMG]
    Bạn cần phải có hình ảnh của bạn tương tự như hình dưới đây.
    [​IMG]
    Bước 36 — Tạo Star Glow


    Trong bước này, bạn sẽ thêm Star Glow. Thực hiện điều đó bằng cách chọn Pen Tool ℗ và tạo một path như bạn thấy trong hình bên dưới. Nhấp chuột phải lên màn hình và chọn Stroke Path… Chọn option Brush và kiểm tra Box Sim u late Pres sure. Nhấn OK.
    [​IMG]
    Bước 37 – Sao chép Star Path


    Chọn Path, và nhấn Ctrl + J để sao chép nó. Nhấn Ctrl+ T và xoay nó. Lặp lại cho đến khi bạn có được Star tương tự như hình bên dưới.
    [​IMG]
    Bước 38 — Điều chỉnh Star Direction


    Bây giờ, chọn tất cả các layer Star. Nhấn Ctrl + T và xoay nó để nó có cùng hướng với chữ “X”. Xem hình ảnh dưới đây.
    [​IMG]
    Bước 39 – Định vị Star


    Sao chép và di chuyển Star để làm nổi bật các khu vực đó.
    [​IMG]
    Bước 40 — Thêm Particles


    Bây giờ, bạn sẽ thêm một số hạt gần các ngôi sao. Chọn Brush Tool (B) và làm theo các cài đặt bên dưới (nếu bạn không biết vị trí của Palette này ở đâu, bạn chỉ cần nhấn F5).
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    Tô màu Par ti cles tương tự như hình ảnh sau đây.
    [​IMG]
    Bước 41 — Thêm Semi Trans par ent Screen – màn hình bán trong suốt


    Down load smoke brush (Real Smoke (675 pix els) và cài đặt nó vào Pho to shop. Chọn Brush hiển thị trong hình bên dưới.
    Bước 42 — Đặt Brush


    Tăng kích thước của Brush và tô màu nó trên một layer mới.
    [​IMG]
    Bước 43 — Thêm màu sắc


    Tạo một layer mới phía trên layer trên màn hình. Nhấp chuột phải lên layer mới và chọn option Cre ate Clip ping Mask. Chọn Brush Tool (B), và thay đổi Mode sang Color và tô màu để có được kết quả tương tự như trong = # 0a5689, Vàng = # ffd44e, Lục = # c2e01f.
    [​IMG]
    Chọn Move Tool (V) và định vị trên màn hình và layer với các màu sắc đằng sau Text. Xem hình bên dưới.
    [​IMG]
    Bước 44 — Sao chép & Chuyển đổi


    Sao chép layer với màn hình và màu sắc, Flip nó. Để thực hiện điều đó, vào Edit > Trans form Flip Hor i zon tal và sau đó, Edit > Trans form > Flip Ver ti cal. Định vị các layer này bên phải của hình ảnh… Xem hình bên dưới.
    [​IMG]
    Bước 45 — Thay đổi màu sắc


    Bây giờ, thay đổi màu sắc trên màn hình bên phải. Nhấp chuột lên layer với các màu sắc và nhấn Ctrl+ U để kích hoạt Hue/Saturation adjust ment. Làm theo các cài đặt bên dưới.
    [​IMG]
    Bạn phải có một cái gì đó tương tự như trong hình này.
    [​IMG]
    Bước 46 — Thêm Par ti cles– các hạt


    Bây giờ, chúng ta sẽ thêm Par ti cle bên trên màn hình. Tạo một layer mới. Chọn Pen Tool ℗ và tạo một Path như bạn có thể thấy trong hình bên dưới.
    [​IMG]
    Bước 47 — Cài đặt Brush


    Chọn Brush Tool (B) và làm theo các cài đặt Brush bên dưới.
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    Bước 48 — Định vị các Particles


    Sau khi bạn thực hiện xong các cài đặt Brush, chọn Pen Tool ℗ một lần nữa. Nhấp chuột phải lên màn hình và chọn Stroke Path. Chọn option Brush và kiểm tra box Sim u late Pres sure. Nhấn OK.
    [​IMG]
    Dưới đây bạn có thể thấy hình nền sẽ như thế nào sau các bước này.
    [​IMG]
    Bước 49 — Sao chép và chuyển đổi các Particles


    Sao chép các Par ti cle và Flip chúng theo chiều ngang và theo chiều dọc. Đặt chúng bên phải của màn hình.
    [​IMG]
    Bước 50 — Thêm Shadow vào Screen


    Bây giờ, bạn sẽ thêm một số Shadow vào Screen. Chọn cả 2 layer với màn hình và sao chép chúng. Nhấn Ctrl+ T và chuyển đổi chúng như trong hình dưới đây. Ctrl+ nhấp chuột lên layer mới để kích hoạt mask, và vào Edit > Fill… (hoặc nhấn Shift+ F5) và tô màu nó bằng màu trắng.
    [​IMG]
    Bước 51 — Thêm Gauss ian Blur


    Bây giờ, bạn cần thêm Blur cho shadow. Vào Menu> Fil ter> Blur> Gauss ian Blur … và thiết lập Radius lên 1px. Bấm OK.
    [​IMG]
    Kết quả cuối cùng


    Đây là thiết kế của hình nền mà chúng ta vừa tạo ra. Cảm ơn bản rất nhiều vì đã đọc hướng dẫn này. Tôi rất hy vọng nó sẽ hữu ích đối với bạn.
    [​IMG]
    Vnwordpress.com


    ...
    ViệtADM, habep, hboastro24 người khác thích bài viết này.
  2. con gà pts

    con gà pts Thành viên cấp 1

    chất quá bạn ơi! :D
  3. cass.tigon

    cass.tigon Thành viên cấp 2

    dài miên man...tưởng chừng như k bao giờ hết...nhìn mà hoa cả mắt
    hự hự...đẹp quá...mờ k biết làm nổi k
    cơ mà like chủ thớt nhóe, nó đẹp thiệt đấy:like:
  4. lienxovn

    lienxovn Thành viên cấp 2

    Hình như đây là ai mà,đâu phải ps đâu :@)
  5. wolfmoon.hust

    wolfmoon.hust Thành viên cấp 1

    bạn có thể đưa link gốc lên dc ko, một số từ dùng translate nên mình ko hiểu lắm
  6. Stephen John

    Stephen John Thành viên cấp 2

    Ps đó bạn :))
    Nhìn chất quá :D, cảm ơn bác chủ thớt nhiều :D
  7. Nhók Chuột

    Nhók Chuột Mới đăng kí

    Cho hỏi là PS gì vậy ạ
  8. Boppi Boppa

    Boppi Boppa Thành viên cấp 3

    Photoshop đó bạn
    nhtra thích bài viết này
  9. vOz_James

    vOz_James Thành viên cấp 3

    thế làm sao bạn lại mò tới 4r này? :-?
    nhtra2ndFACE thích bài viết này.
  10. bicuto255

    bicuto255 Banned

    Em làm mãi không được T.T
  11. Holy.Player

    Holy.Player Thành viên cấp 2

    -Tớ không có Effect thì phải làm sao :(
    - Ai có thể giúp tớ làm chữ Quỳnh dc k .
    - hoặc xin PSD hay Effect cũng dc cám ơn nhiều lắm ;;)
  12. ILovePhotoshop

    ILovePhotoshop Admin page Vietdesigner.Net

    tới bước mấy rồi .e bị gì ?
  13. Holy.Player

    Holy.Player Thành viên cấp 2

    Up ! Ai làm giúp tớ 1 cái chữ Quỳnh dc k nhỉ :(
    -Hoặc cho tớ cái link dow Effect dc k .... đg bị thích cái hiệu ứng này mà k có Effect #:-s
  14. RainyWarrior

    RainyWarrior Thành viên Max level

    effect gì vậy [​IMG]
  15. ILovePhotoshop

    ILovePhotoshop Admin page Vietdesigner.Net



    Có 1 số bạn bảo TUT này là AI mà (ilusstrator) có bạn bảo là ps ( photoshop) ,thật ra

    nó là CẢ 2 :)

    các bạn nên đọc kỷ hướng dẫn rồi làm ha,qua bước 2 là nó đã chuyển từ pts sang Al rồi (vì trong Al có chức năng Effect tạo chử 3D đẹp )




    đó là lý do các bạn chưa làm dc vì không có lệnh viết chữ 3D trong pts,vì nó đang được hướng dẫn là bằng AL ,trừ khi pts của bạn có cài chức năng đó .
    LyBa thích bài viết này
  16. ILovePhotoshop

    ILovePhotoshop Admin page Vietdesigner.Net

    Holy.Player :pm nick yahoo mình gửi tên đã làm hiệu ứng 3D cho mà làm tiếp
    nguyen.le_Designer

    [​IMG]
  17. Holy.Player

    Holy.Player Thành viên cấp 2

    Pm rồi sao k thấy tl :( , cơ mà bỏ giấu dc k a ?
  18. ILovePhotoshop

    ILovePhotoshop Admin page Vietdesigner.Net

    TUT nay hướng dẫn xài font Hobo Std Medium”. nên không viết dấu được .
    pm yahoo cung cấp thông tin mình làm lại cho
    p/s post cái này xong đi ngủ nên bạn pm mình không biết ;))
  19. ILovePhotoshop

    ILovePhotoshop Admin page Vietdesigner.Net

    đã support file PSD cho bạn .Bạn nào không xài được Ilusstrator để vẽ chữ 3D theo Tut trên thì pm nick mình để hỗ trợ nhé nguyen.le_Designer



    [​IMG]
    LyBaHoly.Player thích bài viết này.
  20. TylerKid

    TylerKid Về hưu

    tut chất mà cũng dễ làm ^^ thanks
    ILovePhotoshop thích bài viết này

Ủng hộ diễn đàn