Hoạt ảnh GIF trong Photoshop CS5

Adobe Photoshop CS5 là một chương trình chỉnh sửa hình ảnh mạnh mẽ mà bạn có thể sử dụng để tạo hoặc chỉnh sửa hầu hết mọi loại hình ảnh mà bạn có thể có nhu cầu. Tuy nhiên, Photoshop CS5 đặc biệt thành thạo trong việc tạo ra các hình ảnh có nghĩa là để đặt trực tuyến, chẳng hạn như hình ảnh mà bạn có thể đặt trên trang web của mình hoặc bạn có thể muốn chia sẻ với bạn bè của mình. Một lựa chọn hình ảnh phổ biến là GIF động, vì nó dễ tạo, có chuyển động, nhưng có thể được đăng giống như một hình ảnh tĩnh thông thường. Photoshop có một số công cụ hữu ích cho phép bạn tạo GIF động trong Photoshop CS5 và thậm chí bạn có thể tùy chỉnh GIF động của mình trong Photoshop CS5 để tuân thủ các thông số kỹ thuật bạn yêu cầu.

Chuẩn bị khung cho GIF động của bạn trong Photoshop CS5

Một GIF động trong Photoshop CS5 thực sự là năm hình ảnh riêng biệt mà bạn sẽ sắp xếp thành các lớp. Mỗi lớp sẽ đại diện cho một khung hình ảnh của bạn, vì vậy mỗi khung hình cần phải hơi khác nhau để giúp cho biết rằng có một hành động hoặc chuyển động đang xảy ra trong GIF động của bạn. Đối với mục đích của hướng dẫn này, tôi sẽ tạo một GIF động trong Photoshop CS5 của một ngôi sao đang di chuyển trên nền đen. GIF động sẽ bao gồm năm khung hình khác nhau, trong đó ngôi sao ở một vị trí hơi khác trong mỗi khung hình. Các hình ảnh riêng biệt trông như thế này:

Để đơn giản, tôi đã gắn nhãn các hình ảnh là 1.gif, 2.gif, 3.gif, 4.gif và 5.gif, điều này sẽ giúp tôi nhớ thứ tự mà tôi muốn hiển thị chúng. Mỗi hình ảnh có cùng kích thước, 100 × 100 pixel.

Để bắt đầu tạo GIF động trong Photoshop CS5, bây giờ bạn có thể khởi chạy Photoshop, nhấp vào Tập tin ở đầu cửa sổ, nhấp vào Mới, sau đó đặt kích thước cho hình ảnh của bạn. Sau khi các thông số hình ảnh của bạn được đặt, hãy nhấp vào VÂNG để tạo canvas trống của bạn.

Điều tiếp theo cần làm là mở thư mục chứa các hình ảnh mà bạn sẽ đưa vào GIF động của mình trong Photoshop CS5. Lưu ý rằng bạn đang mở thư mục trong Windows Explorer, KHÔNG phải bằng Mở lệnh trong Photoshop. Windows Explorer là chương trình bạn sử dụng để duyệt qua các thư mục và tệp trên máy tính của mình và bạn có thể khởi chạy nó bằng cách nhấp vào biểu tượng thư mục trong thanh tác vụ ở cuối màn hình máy tính. Khi thư mục chứa hình ảnh của bạn được mở, hãy giữ phím CTrl trên bàn phím của bạn để chọn tất cả các hình ảnh, sau đó kéo chúng vào canvas Photoshop CS5.

Thao tác này sẽ thay đổi canvas của bạn để hiển thị một trong các khung của bạn với dấu X trên đó, chẳng hạn như trong hình ảnh này:

Khi bạn thấy điều này, hãy nhấn đi vào trên bàn phím của bạn để chèn từng hình ảnh dưới dạng một lớp trong Photoshop. Sau khi tất cả các hình ảnh đã được thêm vào, Lớp cửa sổ ở bên phải của Photoshop sẽ trông như thế này.

Lưu ý rằng hình ảnh bạn muốn hiển thị làm khung cuối cùng của GIF động phải là lớp trên cùng. Nếu các lớp của bạn không đúng thứ tự, bạn có thể chỉ cần kéo chúng xung quanh trong Lớp cửa sổ cho đến khi chúng theo đúng thứ tự.

Bây giờ bạn cần mở Hoạt hình mà bạn có thể thực hiện bằng cách nhấp vào Cửa sổ ở đầu Photoshop, sau đó nhấp vào Hoạt hình lựa chọn. Các Hoạt hình cửa sổ sẽ mở ra dưới dạng cửa sổ nằm ngang ở cuối Photoshop.

Nhấp vào nút ở góc trên bên phải của Hoạt hình cửa sổ (nút trông giống như một mũi tên hướng xuống bên cạnh 4 đường ngang), sau đó nhấp vào Tạo khung từ các lớp lựa chọn.

Nhấp vào mũi tên hướng xuống ở bên phải của 0 giây và dưới một trong các khung của bạn trong Hoạt hình cửa sổ, sau đó chọn khoảng thời gian bạn muốn khung đó được hiển thị trong GIF động của mình. Lặp lại bước này cho mỗi khung hình ảnh của bạn. Tôi thích chọn 1.0 trong khoảng thời gian của khung hình trong nhiều ảnh GIF động trong Photoshop CS5, nhưng hãy thử nghiệm với các thời lượng khác nhau cho đến khi bạn tìm thấy thời lượng phù hợp nhất với mình.

Bạn cũng có thể chỉ định số lần GIF động sẽ lặp lại qua tất cả các khung của nó bằng cách nhấp vào Mãi mãi trình đơn thả xuống ở cuối Hoạt hình cửa sổ. tôi đang dùng Mãi mãi như tùy chọn cho GIF động ở cuối bài viết này, có nghĩa là GIF động sẽ chuyển động liên tục cho đến khi bạn rời khỏi trang này.

Bây giờ bạn đã hoàn tất việc tạo GIF động của mình trong Photoshop CS5, vì vậy bạn phải lưu nó. Nhấp chuột Tập tin ở đầu cửa sổ, sau đó nhấp vào Lưu cho Web & Thiết bị. Nhấp vào menu thả xuống ở góc trên bên phải của cửa sổ để chọn GIF , sau đó nhấp vào Cứu ở cuối cửa sổ.

Nhập tên cho tệp của bạn vào Tên tệp trường, sau đó nhấp vào Cứu cái nút. Sau đó, bạn có thể nhấp đúp vào hình ảnh đã tạo trong thư mục của mình để khởi chạy GIF động và xem những gì bạn đã tạo. Dưới đây là GIF động ví dụ của tôi trong hình ảnh Photoshop CS5.