Tạo ảnh động đơn giản trong Photoshop CS6

Ảnh động ( ảnh gif ) – loại ảnh được sử dụng rất nhiều trong việc quảng cáo , bởi nó đem lại cho người dùng sự sinh động , thu hút hơn trên web của mình so với ảnh tỉnh thông thường. Ngoài sử dụng trong việc làm quảng cáo , ảnh động còn được sử dụng trong nhiều lĩnh vực khác : cảnh hành động trong phim , cảnh ngộ nghĩnh của thú cưng , thiệp online , …

Sau đây , tôi sẽ hướng dẫn mọi người tạo ảnh gif đơn giản trong photoshop cs6.

Xem ảnh gif chúng ta sẽ làm nhé!

…………………………….tao_anh_gif_4

Nguyên lý hoạt dộng là : Bạn cho hiển thị tấn ảnh thứ 1 , sau đó ẩn tấm thứ 1 đi , hiện tấm thứ 2 lên , ẩn tấm thứ 2 , hiệm tấm thứ 3 , …ảnh chuyển nhanh hay chậm là thùy thuộc vào thời gian bạn cài đặt cho ảnh đó.

Nói nhiều quá rồi , bắt đầu làm thôi …hjhj

 

Bước 1 : Mở file bạn muốn tạo ảnh gif ( nếu bạn chưa có , có thể tải file của mình [link] )

Vào Window – Timeline (đối với photoshop cs3 thì bạn vào Window – Animation)

hinh_1

 

hinh_2

Các bạn hãy để ý ! Với Frame đâu tiên này mình chỉ để hiện 1 layer hinh mau 1 và các layer khác mình tắt đi vì mình không muốn nó xuất hiện ( mọi người chỉ cần để ý layer hinh mau 1 , hinh mau 2 , hinh mau 3 , button 1 , button 2 thôi nhé , các layer khác không cần để ý )

Bước 2 : Tạo 1 frame mới cho ảnh 2 xuất hiện 

Bạn bấm vào icon New frame ở bên dưới trong khung Timeline

hinh_3

Sau đó , bạn ẩn layer hinh mau 1 đi , hiện layer hinh mau 2 lên

hinh_4

Bạn tiếp tục tạo New frame mới , ẩn hinh mau 2 đi , hiện hinh mau 3 lên .

hinh_5

Bạn chỉnh thời gian để chuyển hình bằng cách click vào mũi tên bên dưới khung hình .Bạn có thể chọn khác các số giây ở đây khi click vào Other…

hinh_6

hinh_7

Bạn chọn chế độ là Forever để hỉnh ảnh được chuyển động liên tục , sau đó bấm vào icon Play để chạy thử , lúc này thì ảnh gif của bạn đã có thể chạy được , nhưng nó không mượt lắm

Bước 3 : Tạo sự chuyển mượt cho ảnh

Bạn chọn lại frame 1 , click vào biểu tượng để chuyển frame

hinh_8

hinh_9

Frame to Add : là số frame bạn muốm thêm vào , mình vẫn để là 5 rồi Ok .

Lúc này trong timeline của chúng ta sẽ xuất hiện 5 frame mới , mình chỉnh lại thời gian chuyển là 0.1s

Các bạn tiếp tục làm , chọn frame thứ 7 ( là hinh mau 2 ) rồi click vào icon tạo thêm 5 frame mới.

hinh_10

hinh_11

Bạn chú ý , chạy liên tục thì ảnh hinh mau 3 và 1 nó sẽ bị giựt , chúng ta phải tạo ảnh cuối thêm 1 frame nữa là hinh mau 1 nhé .

hinh_12

chọn frame thứ 13 ( là hinh mau3 ) rồi click vào icon tạo thêm 5 frame mới.

hinh_13

Từ đầu tới , giờ chúng ta chỉ mới sử dụng button 1 , bây giờ bạn tạo 1 frame mới , ẩn button 1 đi cho button 2 xuất hiện

hinh_14

Để tạo hiệu ứng nhấp nháy , thì bạn phải tạo 4 hoặc 6 frame mới , ẩn tắt giữa button 1 và 2 để tạo sự nhấp náy nhé!

Đến đây xem như gần hoàn thành 90% , còn việc save ra gửi bạn bè chiêm ngưỡng nữa thôi …..hihi

Bước 4 : Save file ra 

Bạn vào File – Save for web … chọn đuôi là GIF và save ra thôi .

hinh_15

hinh_16

CHÚC CÁC BẠN THÀNH CÔNG!

Nếu bạn có thắc mắc thì hãy comment bên dưới nhé.

Giờ thì cùng xem các hình ảnh động khác nhé!

loading

khung_hinh

mat_troi

Người viết : Nguyễn Trung Thảo

Cho chúng tôi biết ý kiến của bạn