Tạo ảnh động GIF đơn giản với Photoshop

Adobe Photoshop là gì? Chắc mình không phải giới thiệu gì nhiều về phần mềm chỉnh sửa đồ họa nổi tiếng này rồi đúng không các bạn? Tất nhiên, nếu như bạn muốn tìm hiểu thêm về thông tin cũng như lịch sử phát triển của Photoshop, có thể CLICK VÀO ĐÂYNhư tiêu đề, hôm nay mình sẽ hướng dẫn các bạn cách tạo Ảnh động (File GIF) bằng phần mềm Photoshop. Tất nhiên, với trình độ hiện tại của mình, thì mình chỉ có thể tạo những bức ảnh động đơn giản, vì mình cũng đang trong quá trình tự học Photoshop  😛 

Mục đích của mình là gì? Nhìn vào website của mình là bạn có thể thấy ngay điều đó, mình dùng Photoshop tạo ảnh động để làm banner quảng cáo cho website chuanchat.com của mình được bắt mắt hơn, hấp dẫn hơn.

Bước 1. 

Mở Photoshop, mở tất cả các file ảnh bạn chuẩn bị làm banner bằng cách click File –> Open hoặc sử dụng tổ hợp phím Ctrl +O. Ở demo này, mình chuẩn bị 5 file ảnh có kích thước bằng nhau.

Photoshop-Design-Draw-Graphic-Ảnh Động

Nếu các bạn không tạo ảnh động làm banner mà sử dụng cho mục đích khác thì ở Bước 1 này có thể tạo file ảnh mới bằng cách click File –> New hoặc sử dụng tổ hợp phím Ctrl +N. Các thao tác làm là tương tự nhau.

Bước 2. 

Bạn chọn 1 file ảnh bất kỳ trong số các file ảnh vừa mở làm ảnh gốc.

VD: Mình có 5 file ảnh và chọn file ảnh ở giữa làm file gốc. Sau đó ở từng cửa sổ của 4 file ảnh còn lại. Bạn bấm tổ hợp phím Ctrl + A (Chọn tất cả)  ➡ Ctrl + C (Copy). Rồi vào file ảnh gốc bấm tổ hợp phím Ctrl + V (Paste). Rồi làm tương tự cho tất cả file ảnh còn lại.

Photoshop-Design-Draw-Graphic-Ảnh Động

Sau khi làm xong, bạn có thể đóng 4 file ảnh đó lại. Từ bây giờ, chúng ta chỉ thao tác trên file ảnh gốc.

Chú ý: Bạn phải chọn công cụ Move Tool thì mới copy và paste ảnh được nhé.

[box type=”info” align=”” class=”” width=””]

Lúc này, tùy vào phiên bản Photoshop mà bạn sử dụng, công cụ làm ảnh động sẽ có tên khác nhau.

  • Photoshop CS5 trở xuống: chọn Windows trên thanh công cụ ➡ Animation
  • Photoshop CS6 hoặc hơn: chọn Windows trên thanh công cụ ➡ Timeline
[/box]

Bước 3. Tạo Frame cho File.

Mình đang có 4 Layer chứa ảnh và 1 file ảnh gốc làm Background. Nên mình cần tạo thêm 4 Frame tương ứng với 4 Layer ảnh. Bạn click vào “Duplicate selected frames” 4 lần. (Công cụ nằm bên trái công cụ biểu tượng thùng rác).

Photoshop-Design-Draw-Graphic-Ảnh Động

Bước 4. Tùy chỉnh Frame.

Bạn tùy chỉnh hiển thị hình ảnh bằng cách tắt 4 biểu tượng con mắt ở khung Layer.

VD: Ở Frame 1, bạn muốn hiển thị hình nào, thì tắt biểu tượng con mắt ở 4 ảnh còn lại. Lần lượt cho hết 5 Frame.

Điều chỉnh thời gian mỗi ảnh xuất hiện bằng cách click chuột vào biểu tượng hình tam giác màu trắng và chọn thời gian cho từng Frame.

Photoshop-Design-Draw-Graphic-Ảnh Động

Sau khi tùy chỉnh xong tất cả các bước, bạn click Play để xem thử kết quả.

Bước 5. 

Lưu lại file bằng cách click File trên thanh công cụ chọn Save for Webs hoặc sử dụng tổ hợp phím Alt+Shift+Ctrl+S.

Photoshop-Design-Draw-Graphic-Ảnh Động

Một hộp thoại hiện ra, chọn định dạng file GIF ở dưới mục Preset. Tại mục Loop Options, chọn chế độ lặp lại cho ảnh động: Once (nếu bạn muốn lặp lại một lần) hoặc Forever (lặp lại mãi mãi).

Photoshop-Design-Draw-Graphic-Ảnh Động

Click Save để lưu lại file ảnh động vừa tạo.

Và đây là kết quả file ảnh động mà mình vừa làm demo cho các bạn 🙂

tiki-sach-book-books-qua tang-coupon

Bài viết trên, mình đã hướng dẫn các bạn cách tạo file ảnh động đơn giản với một file Image làm banner, bạn có thể tự tạo file ảnh động bằng text với cách làm tương tự. Sau bài viết này, bạn sẽ biết thêm được rằng Adobe Photoshop không chỉ đơn thuần là phần mềm chỉnh sửa ảnh mà còn có thể tạo ra các file ảnh động dễ dàng.

Chúc các bạn thành công,

Bill Huỳnh.

Reply