Tạo ảnh động bằng Photoshop Cs6

Khi lập trình website, việc làm một số biểu tượng ảnh động đơn giản như khuyến mãi, hot, banner cho nhấp nháy để thu hút sự chú ý khách hàng là việc cần thiết. Bài này hướng dẫn tạo ảnh gif bằng photoshop cs6
  • 14:40 01/12/2016
  • Kỳ Nhân
  • 0 Bình luận
  • 819

- Để tạo ảnh gif bằng Photoshop Cs6 trước tiên các bạn khởi động photoshop lên và tạo dự án mới. Để cho dễ hiểu và đơn giản, trong ví dụ mình tạo hình tròn bằng gif và sẽ chuyển màu vàng xanh đỏ liên tục.

- Khởi tạo dự án mới với kích thước tùy chọn, vì dụ mình làm nhỏ nên kích thức 80x80

- Sau khi khởi tạo xong, các bạn vào thanh công cụ Ellipse Tool vẽ hình tròn bất kỳ màu vàng như hình

- Sau đó các bạn tạo thêm 2 layer nữa giống vậy rồi đổi màu hình tròn thành xanh và đỏ thôi. Các nhân dội layer các bạn có thể chọn layer cần nhận rồi bấm ctrl + j hoặc chuột phải vào layer rồi chọn dòng Duplicate Layer. Sau khi tạo xong sẽ như hình

- Sau khi hoàn thành xong các layer để chuyển màu. Kế tiếp bật thanh công cụ Timeline trong Photoshop Cs6 lên. Bằng cách vào Window -> Timeline. Thanh công cụ như hình bên dưới

Có 2 sự lựa chọn, các bạn chọn Create Frame Animation bên dưới rồi nhấp vào nút tạo thôi. Sau khi qua bước này giao diện Frame Animation hiện ra. Các bạn duplicate ra 2 frame, và thiết lập một số tùy chọn bên dưới

  • 1. Dùng để tạo mới frame, các bạn tạo thêm 2 cái nữa cho giống hình
  • 2. Khi chọn các bạn có thể xử lý, thao tác với layer từng frame mà không liên quan đến các frame khác
  • 3. Có nhiều tùy chọn như Once, 3 times, Forever, các bạn muốn hình gif chạy liên tục thì chọn forever.

- Khi duplicate ra thêm 2 frame click chọn vào từng frame rồi bật tắt layer sao cho frame 1 hiện hình đỏ, 2 hiện hình xanh, 3 hiện hình vàng, rồi chỉnh thời gian 0.2s để nhìn cho dễ chuyển động, chứ nhanh quá khó thấy. Giống hình dưới

- Vậy việc tạo các chuyển động cho hình gif đã hoàn thành, các bạn test có thể nhấn nút Play animations trên thanh công cụ Frame. Việc còn lại là save ra hình gif thôi.

- Vào menu File chọn Save for web rồi chọn kiểu hình gif rồi lưu là OK.