Cách tạo GIF động trong Photoshop

GIF, hay “Định dạng trao đổi đồ họa”, là một định dạng tệp hình ảnh nén cho phép tạo hoạt ảnh. Có nhiều cách để tạo GIF, nhưng Photoshop rất nhanh và dễ dàng, với các công cụ tích hợp để thao tác và tạo ảnh động.

Cũng giống như hoạt ảnh cổ điển, GIF động được tạo thành từ một chuỗi các ảnh tĩnh được phát liên tiếp để tạo ra ảo giác chuyển động. Tìm ảnh GIF trên internet và kéo nó vào Photoshop, và bạn sẽ thấy các khung riêng biệt tạo nên ảnh động. Những khung này là những gì chúng tôi sẽ xây dựng trong hướng dẫn này để tạo hoạt ảnh GIF cho quảng cáo biểu ngữ giết người.

Không cần thêm lời khuyên, đây là cách tạo GIF động trong Photoshop.

Bước 1: Thiết lập kích thước và độ phân giải cho tài liệu Photoshop của bạn
–

Thiết lập tài liệu của bạn trước thời hạn. Ngay cả khi tham vọng duy nhất của bạn là tạo một GIF có thể chia sẻ cho bạn bè trên mạng xã hội, việc để kích thước ảnh hoặc video quyết định kích thước tài liệu của bạn có thể khiến tệp lớn hơn mức bạn cần, dẫn đến chất lượng kém GIF. Nói chung, một nơi nào đó trong vùng 600px-800px là tốt cho một hình ảnh vuông.

Kích thước

Đối với dự án này, chúng tôi đang làm việc với GIF quảng cáo biểu ngữ, có các nguyên tắc về kích thước tiêu chuẩn. Tôi đã chọn bố cục 720 × 300. Đảm bảo rằng các đơn vị của bạn được tính bằng pixel.

Nghị quyết

Để giữ kích thước tệp ở mức thấp nhất có thể, độ phân giải 150 là ổn. Tôi đã đi với 300 vì tôi biết GIF của mình sẽ không lớn như vậy. Đảm bảo rằng các đơn vị của bạn ở dạng Pixels / inch.

Chế độ màu

Cuối cùng, GIF động được tạo cho màn hình, vì vậy hãy đặt chế độ màu của bạn thành màu RGB. họp báo Tạo ra để mở tài liệu mới của bạn.

Bước 2: Nhập tệp hình ảnh của bạn vào Photoshop
–

Tạo GIF từ ảnh tĩnh

Đi đến Tệp> Tập lệnh> Tải tệp vào ngăn xếp và chọn nút Duyệt qua trong cửa sổ Lớp tải xuất hiện. Thao tác này sẽ hiển thị cửa sổ Finder / Explorer, nơi bạn có thể duyệt các tệp của mình và chọn tất cả những tệp bạn cần. Khi bạn hoàn thành, hãy nhấp vào Mở và sau đó VÂNG trong cửa sổ tiếp theo. Các tệp sẽ được nhập vào một tài liệu riêng biệt, từ đó bạn có thể chọn tất cả các lớp và kéo chúng vào tài liệu làm việc của mình.

Tạo GIF từ video

Nếu bạn đang chuyển đổi video thành GIF, hãy chuyển đến Tệp> Nhập> Khung Video vào Lớp.

Bước 3: Mở cửa sổ dòng thời gian
–

Đi đến Cửa sổ> Dòng thời gian. Thao tác này sẽ mở ra một bảng điều khiển ở một phần ba dưới của canvas. Ở giữa bảng, nhấp vào mũi tên để mở menu thả xuống và chọn Tạo hoạt ảnh khung.

Bước 4: Chuyển đổi các lớp của bạn thành khung
–

Khung đầu tiên của bạn sẽ được thiết lập, được tạo từ tất cả các lớp có thể nhìn thấy (nghĩa là khả năng hiển thị của lớp, hoặc biểu tượng con mắt, được bật) trong tài liệu của bạn. Bây giờ tất cả những gì bạn phải làm là lấp đầy Dòng thời gian với nhiều khung để mô phỏng chuyển động. Có hai cách để thực hiện việc này: nhập các khung hình bạn đã chuẩn bị sẵn hoặc tạo hoạt ảnh của bạn từ đầu trong Photoshop. Phần này sẽ bao gồm kịch bản đầu tiên.

Nếu bạn đã thiết lập hình ảnh tĩnh, liên tiếp trước thời hạn (hoặc đang hoạt động từ các khung video đã nhập, xem Bước 2), hãy nhấp vào biểu tượng menu bánh hamburger ở góc trên bên phải của bảng Dòng thời gian. Lựa chọn Tạo khung từ các lớp. Bạn sẽ thấy dòng thời gian chứa các khung từ các lớp của bạn.

Bước 5: Nhân đôi khung để tạo hoạt ảnh của bạn
–

Nếu bạn chưa thiết lập ảnh tĩnh trước hoặc cần điều chỉnh các phần của hoạt ảnh mà bạn đã tạo ở Bước 4, bạn có thể tạo hoạt ảnh theo từng khung hình theo cách thủ công (đó là cách tôi tạo hoạt ảnh của mình). Để thực hiện việc này, hãy sao chép khung cuối cùng trong dòng thời gian (nhấp vào biểu tượng trang được đánh dấu trong bảng công cụ bên dưới dòng thời gian), thực hiện các thay đổi bạn cần thực hiện trên hình ảnh của mình và lặp lại.

Ví dụ, hoạt ảnh của tôi là một cặp kính râm trượt xuống trên mắt của đối tượng. Để thực hiện việc này, tôi sao chép khung, di chuyển kính râm xuống một vài pixel (bao nhiêu pixel là vấn đề thử nghiệm và sai sót — sẽ nói thêm về điều đó sau này) và lặp lại quá trình này cho đến khi tôi có khoảng mười lăm khung và kính râm ở đúng nơi tôi muốn chúng, dẫn đến hoạt ảnh lướt xuống mượt mà.

Bước 6: Đặt thời gian trễ của từng khung hình
–

Bạn có thể tìm thấy bộ hẹn giờ trễ ở cuối mỗi khung hình (thời gian tính bằng giây với mũi tên thả xuống bên cạnh).

Nhấp vào mũi tên để hiển thị menu và chọn khoảng thời gian bạn muốn khung hiển thị trên màn hình.

Bạn có thể đặt thời lượng của từng khung hình hoặc nhiều khung hình cùng một lúc bằng cách chọn tất cả các khung hình bạn cần và sử dụng menu thả xuống cho một trong số chúng.

Mẹo: Nhiều khung hình có độ trễ ngắn là chìa khóa để tạo ra hình ảnh động mượt mà trong khi một số khung hình có độ trễ dài tạo ra hiệu ứng giật, chuyển động.

Bước 7: Đặt số lần hoạt ảnh sẽ lặp lại
–

Cũng nằm trong bảng công cụ bên dưới dòng thời gian là cài đặt vòng lặp. Bạn có thể đặt hoạt ảnh của mình thành vòng lặp Mãi mãi, Một lần hoặc một số lần cụ thể.

Bước 8: Xem trước và lặp lại hoạt ảnh của bạn
–

Nút phát trong bảng công cụ của cửa sổ dòng thời gian cho phép bạn xem trước hoạt ảnh của mình. Sử dụng điều này để đảm bảo rằng hoạt ảnh của bạn đáng tin cậy và hoạt động như bình thường. Nếu không, hãy thử điều chỉnh với độ trễ hoặc thêm nhiều khung hình hơn cho đến khi bạn nhận được kết quả mong muốn. Ngược lại, đây cũng là thời điểm tuyệt vời để thử loại bỏ càng nhiều khung hình càng tốt mà không phá vỡ ảo giác chuyển động để có được kích thước tệp thấp nhất có thể.

Bước 9: Xuất tài liệu Photoshop của bạn dưới dạng GIF
–

Trước hết, đừng quên lưu PSD đang làm việc của bạn!

Khi bạn đã sẵn sàng xuất GIF cuối cùng của mình, hãy chuyển đến Tệp> Xuất> Lưu cho Web (Kế thừa). (Lưu ý: nếu bạn đang làm việc với phiên bản Photoshop cũ hơn, nó có thể sẽ là Tệp> Lưu cho Web & Thiết bị). Thao tác này sẽ hiển thị cửa sổ xuất.

Có rất nhiều lựa chọn ở đây, nhưng chúng tôi chỉ cần một số ít cho mục đích của mình. Trước tiên, hãy đảm bảo bạn đặt loại tệp thành GIF trong hộp thả xuống ở phía trên bên phải. Phần còn lại của các tùy chọn mà tôi đã đánh dấu trong hình ảnh bên dưới là tùy chọn nhưng hữu ích để tạo một tệp nhẹ. Bây giờ chúng ta hãy đi qua chúng.

Cắt kích thước tệp

Mục tiêu chính của bạn với các tùy chọn còn lại là giữ cho kích thước tệp của bạn ở mức thấp bằng cách giảm số lượng chi tiết trong GIF của bạn mà không làm giảm chất lượng hình ảnh. Hãy nhớ rằng kích thước tệp lớn đồng nghĩa với thời gian tải chậm, điều này có thể đặc biệt nghiêm trọng đối với các mục đích tiếp thị như quảng cáo biểu ngữ, nơi người xem không tìm kiếm nội dung của bạn và sẽ không đợi nội dung tải. Cố gắng duy trì dưới 1MB. Tối đa 5MB có thể thực hiện được trên hầu hết các trang web nhưng đẩy nó. Bạn có thể thấy kích thước tệp GIF của mình ở góc dưới cùng bên trái của bảng điều khiển chứa hình ảnh xem trước.

Giảm thông tin màu sắc

Thông tin màu không cần thiết là thủ phạm lớn nhất khi nói đến kích thước tệp lớn. Để cắt giảm, hãy điều chỉnh tổng số màu trong hộp thả xuống có nhãn “Màu sắc:” và giảm cài đặt hòa sắc (pha trộn các pixel để tạo bóng liền mạch) bên dưới nó. Khi bạn thực hiện các thay đổi, hãy để ý đến hình ảnh xem trước của GIF của bạn ở phía bên trái để xem độ phân giải đang bị ảnh hưởng như thế nào.

Chuyển đổi sang sRGB

sRGB hoặc “RGB tiêu chuẩn” có dải màu hẹp hơn so với “Adobe RGB” mặc định, vì vậy hãy đảm bảo chọn hộp đó.

Tiết kiệm

Khi bạn hài lòng với độ phân giải và kích thước tệp của mình, hãy nhấn vào nút lưu ở cuối cửa sổ. Để đảm bảo rằng mọi thứ đều ổn, bạn có thể xem trước tệp GIF đã hoàn thành bằng cách kéo tệp đó vào hộp URL của trình duyệt.

Bước 10: Chia sẻ ảnh GIF Photoshop đã hoàn thành của bạn!
–

Và bạn đã có nó — GIF đã hoàn thành của bạn, sẵn sàng được chia sẻ trên toàn thế giới. Bây giờ bạn đã có kỹ năng tạo hoạt ảnh Photoshop cơ bản từ video và ảnh tĩnh, bạn có thể gifify hầu hết mọi thứ!

Mặc dù phương pháp này hữu ích cho các ảnh GIF vui nhộn, nhanh chóng, nhưng các ảnh GIF dành cho mục đích chuyên nghiệp sẽ mạnh mẽ hơn rất nhiều so với quảng cáo kính râm ngớ ngẩn của tôi. Học phần mềm thì đơn giản, nhưng bản thân hoạt hình là một hình thức nghệ thuật phức tạp, cần thực hành và chuyên môn. Khi bạn đã sẵn sàng thiết lập trò chơi GIF của mình, hãy đảm bảo rằng bạn đang làm việc với một chuyên gia.

Bài viết này ban đầu được viết bởi Rebecca Creger và được xuất bản vào năm 2013. Nó đã được cập nhật với thông tin và ví dụ mới.