Nếu bạn dự định chỉ sử dụng hoạt hình trên web, tốt hơn là nên sử dụng định dạng thân thiện với web hơn video, chẳng hạn như hoạt hình Javascript hoặc CSS hoặc hoạt hình. Ưu điểm là chúng thường có trọng lượng nhẹ hơn và do đó tải nhanh hơn, nhược điểm là chúng không thể luôn đạt được 'độ mát' của hiệu ứng video.
1. javascript
Tùy chọn đầu tiên cho hoạt hình Javascript là tự mã hóa nó bằng cách sử dụng javascript, jQuery hoặc khung hoạt hình thuần túy như GSAP . Điều này cho phép bạn kiểm soát và linh hoạt nhất, nhưng bạn sẽ cần phải làm bẩn tay mình.
Tùy chọn thứ hai cho hoạt hình Javascript là Edge Animate , một công cụ Adobe được tạo riêng cho hoạt hình trên web. Khá dễ sử dụng, không cần biết nhiều mã và rất nhiều hướng dẫn tuyệt vời có sẵn trên web. Nhược điểm là EA tạo ra rất nhiều tệp, điều này có thể khiến việc tích hợp vào trang web trở nên khó khăn nếu bạn không biết bất kỳ mã nào.
2. css
Hoạt hình CSS đòi hỏi bạn phải biết một chút mã, nhưng mạnh mẽ và dễ dàng một khi bạn hiểu rõ về nó. Ưu điểm: không cần sử dụng javascript quá mức, điều này sẽ khiến tải trang web của bạn giảm xuống. Nhược điểm: không mạnh mẽ và linh hoạt như hoạt hình javascript.
3. hoạt hình
SVG là một định dạng đồ họa vector, vì vậy phù hợp nhất cho hình ảnh véc tơ (vì bạn đang sử dụng PS, tôi cho rằng đó có thể là một vấn đề). Mặt trái của việc sử dụng một Svg hoạt hình là bạn có thể lưu tất cả vào một tệp và chỉ cần đặt nó vào HTML của bạn như bất kỳ hình ảnh nào khác. Nhược điểm: IE không chơi tốt .