Advertisement

Tutorials

December 2, 2011

Cách làm ảnh động bằng Photoshop


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

Thực ra thời nay có nhiều cách làm ảnh động rất đơn giản, ví dụ như phần mềm cắt clip, hoặc phần mềm tạo flash có thể giúp chúng ta tạo ảnh động dễ dàng. Nhưng đối với Photoshop, ta vẫn có thể tạo những ảnh động đơn giản, tùy vào thời gian đầu tư và trình độ của mỗi người. Sở dĩ hôm nay mình làm tutorial này vì để bỗ trợ cho tutorial sắp tới là tạo cơn mưa bằng Photoshop, và có thể tạo ảnh động với cơn mưa lất phất rơi. Đối với cách làm ảnh động trên Photoshop, quan trọng nhất là bạn phải biết cách sử dụng Layer một cách nhuần nhuyễn, bạn có thể xem lại các thao tác với layer tại đây.


Bây giờ mình sẽ hướng các bạn tạo một ảnh động đơn giản nhất, chủ yếu là giúp các bạn sử dụng thành thạo công cụ Animation. Đối với công cụ Animation, thì ở những phiên bản từ Photshop 9.0 (CS2) trở về trước, thì có hỗ trợ Image Ready, còn với Photoshop từ Photoshop 10.0 (CS3) trở về sau thì Animation đã tích hợp sẵn vào Photoshop rồi, nên chỉ cần vào Windows -> Animation là sẽ hiện thị ra thanh Animation cho ta thao tác.

Okay, nói sơ thế thôi, bây giờ bước đầu ta phải tạo Layer trước, ở đây mình mở một file New bất kỳ

Sau đó tạo 1 file Text, mình đánh chữ “we” trước

Tiếp tục mở thêm 1 file text đánh vào chữ “love” xếp ngay ngắn trước chữ “we”

Tiếp tục mở 1 file text nữa, đánh chữ “shop

Cuối cùng là chữ “.com

Okay! Cuối cùng ta có tổng 1 file background màu trắng và 4 file text, mỗi file là 1 layer nha.

Rồi, bây giờ là lúc mở Animation ra, nếu bạn xài Photoshop 9.0 trở về trước, thì nhấn tổ hợp phím Ctrl + Shift + M sẽ mở ra Image Ready, thật ra Image Ready có giao diện y chang Photoshop, nhưng tích hợp thêm chức năng Animation phía dưới đây. Còn nếu xài phiên bạn 10.0 trở về sau thì vào Windows -> Animation.

Bây giờ ta cần tạo ra 4 frame nữa dành cho 4 file text, bạn bấm vào nút “Duplicate selected frames”, nút này nằm gần nút thùng rác đấy. Nhấp vào đó 4 lần sẽ ra 4 frame mới

Vậy là bây giờ ta có tổng cộng 5 frame, 1 frame background màu trắng và 4 frame text. Bây giờ bật frame thứ nhất (frame BG), và ở khung layer, ta tắt 4 con mắt đi (tắt 4 layer đó đi)

Rồi qua frame thứ hai, ta bật con mắt thứ 2 từ dưới đếm lên nha

Frame thứ 3 bật tiếp con mắt thứ 3

Frame thứ 4 bất tiếp con mắt thứ 4

Đến frame thứ 5 thì ta đã bật đủ 5 con mắt để hiện hết tất cả các layer ra.

Okay, coi như đã thiết lập frame xong rồi, bước tiếp theo là chỉnh thời gian play cho nó, ở đây mình đặt mỗi frame là 0.5s, và cho nó chạy Forever.

Xong, khi ấn Play bạn sẽ thấy nó chạy như thế này nè.


Lần này mình sẽ tự tay làm một Tutorial bằng video clip luôn, clip này mình sẽ chỉ dẫn tự công đoạn tạo frame với Animation thôi nha, còn công đoạn tạo Layer text dễ nên các bạn có thể làm theo dễ dàng :)
Cuối cùng là việc save lại, bạn vào File -> Save for Web & Devices… –> rồi save nó lại ở dạng .Gif thôi

Thế là bạn đã có 1 ảnh động ngon lành :D Từ cách trên, bạn có thể tạo ra nhiều ảnh động khác, tùy vào ý tưởng và thời gian đầu tư vào cho nó nha.

VN:F [1.9.22_1171]
Rating: 6.5/10 (4 votes cast)
VN:F [1.9.22_1171]
Rating: +2 (from 2 votes)

Cách làm ảnh động bằng Photoshop, 6.5 out of 10 based on 4 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

 




10 Comments


  1. anh ngo

    Bài viết của bạn rất hay !
    Nó thật sự hữu với những anh em mới bước chân vào design như mình.Hi vọng bạn sẽ còn có thật nhiều tutorial hay hơn nữa
    Thanhs nhiều

    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. Trang Kiều

    cho em hỏi chút, ảnh động như vậy khi chèn vào clip thì có là ảnh động khô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)

    • Cái này mình cũng ko rõ, mà hình như là ko, thường chèn ảnh vào clip nó ở dạng logo hay gì thôi chứ ai đời lại chèn ảnh động vào clip làm gì?

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

  3. socola

    cám ơn bạn nhiều nha mong bạn sẽ có nhiều bài post cho mọi hơn nữa nha

    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. MonKey Ty

    sao em save lại không được … save được có 1 frames hà …..

    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. Dieu Hai

    Bai viet that hay, cam on ban nhieu nha.

    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. duy thìn

    tại sao mình lưu ảnh khi mở ra nó lại không chạy nũa vậy

    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. Kemmit

    bạn lưu đúng định dạng nhưng hãy mở nó bằng google chorme hay ie thử xem dc hok

    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>