Ả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é!

 

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 

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

 

 

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

 

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

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

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

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

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.

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

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

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

Để 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 .

 

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é!

 

 

Nguyễn Trung Thảo- GV lớp Photoshop Ứng dụng Web

 

CÓ THỂ BẠN QUAN TÂM:

Khóa học

Khóa học làm web A - Z cho Chủ shop Bán hàng Online
Khóa học SEO Thông Minh- Đào tạo SEO- Dạy SEO Web Top 10 Google
Khóa học Facebook Marketing Thực hành Hiệu quả
Khóa học Quảng cáo Google Adwords nâng cao
Khóa học Quảng cáo Google Adwords A - Z

Nhận ưu đãi lớn

Bạn hãy để lại thông tin để được Tư vấn Nhanh và Nhận Ưu đãi, cần gấp thông tin hãy gọi cho Phương Linh 0912.862.039 nhé.

Tên bạn:

Hãy nhập đầy đủ họ tên
E-mail:

Email không hợp lệ
Điện thoại: (*)

Invalid Input