Hướng dẫn tạo ảnh động, ảnh GIF bằng Adobe Photoshop CS6

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.



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