Bạn có thể tạo ảnh GIF trong Adobe Illustrator không?

Sự thật là bạn không thể tự mình tạo ảnh GIF trong Adobe Illustrator . Có, các bước ban đầu có thể được thực hiện trong Adobe Illustrator. Có nghĩa là bạn có thể chuẩn bị các bảng vẽ cho GIF động trong Adobe Illustrator, nhưng bạn sẽ cần xuất các bảng vẽ sang một trình tạo GIF hoặc sử dụng Photoshop để tạo GIF thực tế.

Trong hướng dẫn này, bạn sẽ tìm hiểu cách tạo ảnh GIF động trong Adobe Illustrator và Photoshop. Tôi sẽ chia các hướng dẫn thành hai phần.

Phần 1 sẽ giới thiệu các bước cần thực hiện trong Adobe Illustrator và Phần 2 sẽ hướng dẫn bạn cách chuyển đổi các bảng vẽ nghệ thuật thành GIF động trong Photoshop. Nếu bạn không phải là người dùng Photoshop, đừng lo lắng, tôi cũng sẽ chỉ cho bạn cách tạo ảnh GIF bằng các trình tạo ảnh GIF trực tuyến.

Lưu ý: ảnh chụp màn hình trong hướng dẫn này được lấy từ Adobe Illustrator CC 2022 phiên bản Mac và Photoshop CC 2022 phiên bản Mac. Windows hoặc các phiên bản khác có thể trông khác.

Phần 1: Tạo ảnh GIF trong Adobe Illustrator

Nếu Adobe Illustrator không tạo hiệu ứng động, tại sao chúng ta lại sử dụng nó để tạo ảnh GIF? Câu trả lời đơn giản: Bởi vì bạn cần tạo các vectơ cho GIF trong Adobe Illustrator và điều quan trọng là phải tách các khung/hành động khác nhau thành các bảng vẽ khác nhau.

Nghe có vẻ khó hiểu nhưng bạn sẽ hiểu khi tôi chỉ cho bạn một ví dụ ở đây với các bước chi tiết.

Bước 1: Tạo Adobe mớiIllustrator và đặt kích thước bảng vẽ thành 400 x 400px (Chỉ là gợi ý của tôi, vui lòng thiết lập bất kỳ kích thước nào khác mà bạn thích).

Vì nó sẽ ở dạng GIF nên tôi không khuyên bạn nên có một tệp lớn và tốt nhất là bản vẽ nghệ thuật là hình vuông.

Bước 2: Tạo biểu tượng hoặc hình minh họa mà bạn muốn tạo hiệu ứng động. Ví dụ: tôi sẽ tạo ảnh GIF mưa, vì vậy tôi sẽ tạo hình đám mây và một số giọt mưa.

Tất cả các hình dạng hiện đang ở trên cùng một bảng vẽ, vì vậy bước tiếp theo là chia chúng thành các bảng vẽ khác nhau để tạo khung hình động.

Bước 3: Tạo bảng vẽ mới. Các bảng vẽ này sẽ là các khung sau này trong Photoshop, vì vậy số lượng các bảng vẽ phụ thuộc vào số khung hình/hành động mà bạn muốn GIF có.

Ví dụ: tôi đã thêm năm bảng vẽ bổ sung để bây giờ tôi có tổng cộng sáu bảng vẽ.

Đừng căng thẳng nếu bạn không chắc chắn vào lúc này, bạn luôn có thể thêm hoặc xóa các bản vẽ sau.

Bước 4: Sao chép và dán các hình vào bảng vẽ mới. Nếu bạn đang chỉnh sửa trên cùng một hình dạng, bạn có thể sao chép hình dạng đó vào tất cả các bảng vẽ và thực hiện các chỉnh sửa trên từng bảng vẽ.

Lưu ý: việc đặt các hình dạng vào vị trí trên các bảng vẽ mới khi tạo GIF là rất quan trọng. Phím tắt để đặt đối tượng đã sao chép vào cùng một vị trí là Command + F ( Ctrl + F dành cho người dùng Windows).

Các yếu tố trênbảng vẽ phải tuân theo trình tự cách GIF sẽ hiển thị.

Ví dụ: hình dạng đám mây sẽ luôn được hiển thị trên GIF, vì vậy hãy sao chép hình dạng đám mây vào tất cả các bảng vẽ mới. Bạn cũng có thể thêm từng phần tử vào bản vẽ nghệ thuật mới của mình. Tùy bạn.

Quyết định phần nào sẽ hiển thị tiếp theo và sắp xếp các bảng vẽ nghệ thuật theo trình tự của khung sẽ hiển thị trên GIF.

Trong trường hợp của tôi, tôi muốn giọt mưa ở giữa xuất hiện trước, vì vậy tôi sẽ đặt nó cùng với hình dạng đám mây trên Artboard 2. Sau đó, trên các khung tiếp theo (bảng vẽ nghệ thuật), tôi sẽ thêm các hạt mưa từng bên một.

Khi tôi đã thiết lập xong tất cả các bảng vẽ, tôi quyết định loại bỏ những hạt mưa khỏi bảng vẽ đầu tiên để bây giờ các bảng vẽ của tôi trông như thế này và chúng đã sẵn sàng để sử dụng.

Bước 5: Đặt tên cho các bảng vẽ và sắp xếp chúng theo trình tự bạn muốn chúng trông như thế nào trên ảnh GIF. Tôi sẽ đặt tên cho chúng từ khung 1 đến khung 6 để dễ xác định chúng sau này trong Photoshop.

Bước 6: Xuất các bảng vẽ. Chuyển đến menu trên đầu Tệp > Xuất > Xuất cho Màn hình và chọn Xuất Bảng vẽ nghệ thuật .

Bạn sẽ thấy các bảng vẽ của mình được lưu dưới dạng hình ảnh riêng lẻ có tên.

Bạn đã hoàn thành công việc trong Adobe Illustrator, hãy tiếp tục quá trình tạo hoạt ảnh trong Photoshop.

Phần 2: Tạo ảnh GIF trong Photoshop

Khi bạn đã chuẩn bị xong tất cả các khung, chỉ việcmất vài phút để tạo một GIF động trong Photoshop.

Bước 1: Tạo một tài liệu mới trong Photoshop, có cùng kích thước với tệp Adobe Illustrator từ Phần 1. Trong trường hợp của tôi, nó sẽ là 400 x 400px.

Bước 2: Kéo hình ảnh bạn đã xuất từ ​​Adobe Illustrator sang Photoshop và chúng sẽ hiển thị dưới dạng các lớp.

Bước 3: Chuyển đến menu trên cao Cửa sổ > Dòng thời gian hoặc bạn có thể trực tiếp thay đổi không gian làm việc thành Chuyển động .

Bạn sẽ thấy không gian làm việc Dòng thời gian ở cuối cửa sổ Photoshop.

Bước 4: Nhấp vào Tạo hoạt ảnh khung hình trên không gian làm việc Dòng thời gian và bạn sẽ thấy lớp trên cùng hiển thị trên không gian làm việc Dòng thời gian.

Bước 5: Nhấp vào góc trên cùng bên phải của cửa sổ Dòng thời gian để mở menu được gấp lại và chọn Tạo khung từ các lớp .

Sau đó, tất cả các lớp sẽ hiển thị dưới dạng khung.

Như bạn có thể thấy, khung hình đầu tiên trống vì nó là nền sau đó. Bạn có thể xóa khung đầu tiên bằng cách chọn khung và nhấp vào nút Xóa khung đã chọn trên cửa sổ Dòng thời gian.

Bước 6: Nhấp vào mũi tên xuống bên dưới mỗi khung hình để thay đổi tốc độ của từng khung hình cho phù hợp. Ví dụ: tôi đã thay đổi tốc độ của tất cả các khung hình thành 0,2 giây.

Bạn có thể nhấp vào nút phát để xem GIF trông như thế nào. Một khi bạn hài lòng với kết quả. Bước cuối cùnglà xuất nó dưới dạng GIF.

Bước 7: Chuyển đến menu trên cao Tệp > Xuất > Lưu cho Web (Cũ) .

Từ menu cài đặt, điều quan trọng nhất là chọn GIF làm loại tệp và chọn Forever làm Tùy chọn ghép. Bạn thay đổi các cài đặt khác cho phù hợp.

Nhấp vào Lưu và xin chúc mừng! Bạn vừa tạo một ảnh động GIF.

Cách tạo ảnh GIF mà không cần Photoshop

Bạn chưa quen với Photoshop? Bạn chắc chắn cũng có thể tạo một GIF mà không cần Photoshop. Có rất nhiều công cụ trực tuyến cho phép bạn tạo ảnh GIF miễn phí.

Ví dụ: EZGIF là một trình tạo ảnh GIF phổ biến và rất dễ sử dụng. Tất cả những gì bạn cần làm là tải lên hình ảnh của mình, chọn tốc độ phát và nó sẽ tự động tạo ảnh GIF cho bạn.

Kết luận

Adobe Illustrator là nơi bạn tạo các yếu tố hoạt hình và Photoshop là nơi bạn tạo GIF động.

Một lựa chọn dễ dàng hơn là sử dụng trình tạo ảnh GIF trực tuyến. Ưu điểm là nó sẽ giúp bạn tiết kiệm rất nhiều thời gian, đặc biệt nếu bạn không quen với Photoshop. Tuy nhiên, tôi thích tính linh hoạt của Photoshop hơn vì tôi có nhiều quyền kiểm soát hơn đối với các khung hình.