Chào mừng bạn đã đến với diễn đàn Designer Việt Nam, hãy đăng ký thành viên để có thể dễ dàng cùng nhau trau dồi kiến thức đồ họa nhé!

[TUT] Chữ Động

Chủ đề thuộc danh mục 'Animation' được đăng bởi b0yHN_96, 9/9/12.

  1. b0yHN_96 Thành viên tích cực

    Tạo 1 file mới ( CTRL + N ) kích thước 1024 x 768 px và fill màu đen
    [IMG]

    Tạo text của bạn, ở đây tui dùng font Y2K Neophyte

    [IMG]

    Filter -> Blur -> Gaussian Blur

    [IMG]

    Chuột phải vào layer text chọn Blending Option sau đó chọn 1 Gradient nhiều sắc màu 1 chút, ở đây tui chọn Gradient này

    [IMG]

    Nhân đôi layer text này lên -> layer text copy, chuột phải vào layer text copy chọn Clear Layer Style

    [IMG]

    [IMG]

    Nhấn CTRL + G để nhóm layer text copy lại và đổi Blend Mode của Group thành Color Dodge

    [IMG]

    Chọn layer text copy và giảm Opacity của nó xuống còn khoảng 75 %

    [IMG]

    Sử dụng rounded rectangle tool và vẽ 1 đường màu trắng và ko nằm trong nhóm Group 1

    [IMG]

    Filter -> Blur -> Gaussian Blur

    [IMG]

    Kéo layer vệt sáng này vào Group 1

    [IMG]

    Vào Window -> Animation, chọn Group 1 -> Shape 1 -> Position

    [IMG]

    Kéo thanh dọc đến 02:00f

    [IMG]

    Sử dụng Move Tool và di chuyển layer vệt sáng từ chữ cái đầu tiên đến chữ cái cuối cùng


    [IMG]

    Kéo cái ô màu xanh như hình

    [IMG]
    =>
    [IMG]
    ( Ô màu xanh ở đây là giãn cách thời gian ảnh chuyển động, ví dụ bạn đặt thời gian vệt sáng đi từ chữ đầu tiên -> chữ cuối cùng giống bài này của mình là 2 giây sau đó kéo cái thanh đến số 4 thì ảnh chuyển động từ chữ đầu -> chữ cuối mất 2 giây và sau 2 giây nữa nó lại bắt đầu sáng từ chữ đầu -> chữ cuối )
    Cuối cùng vào File -> Save for Web & Devices

    [IMG]

    Ở phần Looping Options chọn forever -> Save

    [IMG]

    Kết Quả Cuối Cùng

    [IMG]


    Tks 4 Watching :)
    Phạm Hữu Dư, Valentino102a4, boyplay11 người khác thích bài viết này.
  2. cuongbenki Thành viên tích cực

    i like it, it's very interesting to create a passion in me about that effect.
    Thank you for translating and sharing with us.
  3. Phạm Gia Vang Mới đăng kí

  4. CRM.Meridoku Mới đăng kí

    Hay quá, tối làm thử.
    Thanks chủ thớt nhé
  5. CRM.Meridoku Mới đăng kí

    Ad ơi, của mình ko hiện ra Animation(timeline) như trên mà là animation(frame) thì làm thế nào....
  6. b0yHN_96 Thành viên tích cực

    bạn chọn như này thì sẽ ra timeline :)

    [IMG]
  7. CRM.Meridoku Mới đăng kí

    Mình ko nhìn thấy ????
    Mình dùng portable cs5
    [IMG]
  8. b0yHN_96 Thành viên tích cực

    bạn thử như này xem sao, click vào hình ở góc Animation ( frame ) chọn Convert To Timline

    [IMG]
  9. CRM.Meridoku Mới đăng kí

    Not found :((((((((((((

    [IMG]
  10. b0yHN_96 Thành viên tích cực

    ... đùa nhau à @@
  11. CRM.Meridoku Mới đăng kí

    Kiểu này phải tìm bản down portable lại mất :(((((((
  12. LNTD Thành viên cấp 1

    bản của mình CS5 cũng ứ có convert to timeline
  13. boyplay Thành viên cấp 2

    Đã khuyên rất nhìu là các phần mềm đồ họa thì ko nên dùng Portable mà nên dùng bản cài mà nhìu người vẫn thik dùng Portable nhỉ
  14. b0yHN_96 Thành viên tích cực

    đỡ phải down, tiện :))
  15. LNTD Thành viên cấp 1

    mình dùng bản cài mà ứ có cơ :-s
  16. b0yHN_96 Thành viên tích cực

    thử vào Window -> Workspace -> Design xem có ko :-ss
    LNTD thích bài viết này
  17. LNTD Thành viên cấp 1

    Không ợ :-s
  18. CRM.Meridoku Mới đăng kí

    Ko có gì thay đổi :@
  19. b0yHN_96 Thành viên tích cực

    thế mấy ông có phần như trong hình ko để tôi hướng dẫn làm = frame =.=

    [IMG]
  20. CRM.Meridoku Mới đăng kí

    Nhìn ảnh trên của t đi :))))
    Có đấy :D

Ủng hộ bài viết này