GIMP Animated GIF Hướng dẫn

Cách tạo GIF động bằng GIMP

GIMP là một phần mềm mạnh mẽ đáng kể xem xét nó là miễn phí. Các nhà thiết kế web , đặc biệt, có thể biết ơn về khả năng tạo ra các GIF động đơn giản.

GIF động là các hoạt ảnh đơn giản mà bạn sẽ thấy trên nhiều trang web và trong khi chúng phức tạp hơn nhiều so với hoạt ảnh Flash , chúng rất đơn giản để tạo ra bởi bất kỳ ai có hiểu biết cơ bản về GIMP.

Các bước sau đây cho thấy một hoạt hình có kích thước biểu ngữ web đơn giản bằng cách sử dụng một vài đồ họa cơ bản, một số văn bản và biểu trưng.

01/09

Mở tài liệu mới

Trong ví dụ này, tôi sẽ sử dụng GIMP để tạo ra một biểu ngữ web GIF động rất cơ bản. Tôi đã chọn mẫu sẵn có của biểu ngữ Web phổ biến 468x60 . Đối với hoạt ảnh của bạn, bạn có thể chọn kích thước đặt sẵn hoặc đặt thứ nguyên tùy chỉnh tùy thuộc vào cách bạn sẽ sử dụng hoạt ảnh cuối cùng của mình.

Hoạt ảnh của tôi sẽ bao gồm bảy khung hình và mỗi khung sẽ được thể hiện bằng một lớp riêng lẻ, có nghĩa là tệp GIMP cuối cùng của tôi sẽ có bảy lớp, bao gồm nền.

02/09

Đặt khung một

Tôi muốn hoạt ảnh của mình bắt đầu với một khoảng trống để tôi không thực hiện bất kỳ thay đổi nào đối với lớp Nền thực tế đã có màu trắng.

Tuy nhiên, tôi cần phải thay đổi tên của lớp trong bảng Layers . Tôi nhấp chuột phải vào layer Background trong palette và chọn Edit Layer Attributes . Trong hộp thoại Edit Layer Attributes mở ra, tôi thêm (250ms) vào cuối tên của lớp. Điều này đặt khoảng thời gian mà khung này sẽ được hiển thị trong hoạt ảnh. Các ms là viết tắt của mili giây và mỗi mili giây là một phần nghìn giây. Khung đầu tiên này sẽ hiển thị trong một phần tư giây.

03/09

Đặt khung hai

Tôi muốn sử dụng một hình ảnh dấu chân cho khung hình này vì vậy tôi vào File > Open as Layers và chọn tập tin đồ họa của tôi. Điều này đặt dấu chân vào một lớp mới mà tôi có thể định vị theo yêu cầu bằng cách sử dụng Move Tool . Như với lớp nền, tôi cần đổi tên lớp để gán thời gian hiển thị cho khung. Trong trường hợp này, tôi đã chọn 750ms.

Lưu ý: trong bảng Layers , lớp xem trước mới xuất hiện để hiển thị một nền đen xung quanh đồ họa, nhưng trong thực tế khu vực này là trong suốt.

04/09

Đặt khung hình ba, bốn và năm

Ba khung hình tiếp theo là nhiều dấu chân hơn sẽ đi qua biểu ngữ. Chúng được chèn vào theo cùng một cách như khung hai, sử dụng cùng một hình ảnh và đồ họa khác cho chân còn lại. Như trước khi thời gian được đặt là 750 mili giây cho mỗi khung hình.

Mỗi lớp dấu chân cần nền trắng để chỉ có một khung được hiển thị - hiện tại, mỗi khung có nền trong suốt. Tôi có thể làm điều này bằng cách tạo một layer mới ngay bên dưới một layer footprint, điền vào layer mới với màu trắng và sau đó kích chuột phải vào layer footprint và nhấn Merge Down .

05/09

Đặt khung sáu

Khung này chỉ là một khung trống chứa đầy màu trắng sẽ cho thấy sự xuất hiện của dấu chân cuối cùng biến mất trước khi khung cuối cùng xuất hiện. Tôi đã đặt tên cho lớp này là Interval và đã chọn hiển thị này chỉ với 250ms. Bạn không cần phải đặt tên lớp, nhưng nó có thể làm cho các lớp lớp dễ dàng hơn để làm việc với.

06/09

Đặt khung bảy

Đây là khung cuối cùng và hiển thị một số văn bản cùng với logo About.com. Bước đầu tiên ở đây là thêm một lớp khác với nền trắng.

Tiếp theo, tôi sử dụng Công cụ văn bản để thêm văn bản. Điều này được áp dụng cho một lớp mới, nhưng tôi sẽ đối phó với điều đó một khi tôi đã thêm logo, mà tôi có thể làm theo cùng một cách mà tôi đã thêm đồ họa dấu chân trước đó. Khi tôi đã có những sắp xếp như mong muốn, tôi có thể sử dụng Merge Down để kết hợp các logo và các lớp văn bản và sau đó hợp nhất lớp kết hợp đó với lớp màu trắng đã được thêm vào trước đó. Điều này tạo ra một lớp duy nhất sẽ tạo thành khung cuối cùng và tôi đã chọn để hiển thị điều này cho 4000ms.

07/09

Xem trước hoạt ảnh

Trước khi lưu GIF động, GIMP có tùy chọn xem trước hoạt động bằng cách đi tới Bộ lọc > Hoạt ảnh > Phát lại . Thao tác này sẽ mở hộp thoại xem trước với các nút tự giải thích để phát hoạt ảnh.

Nếu một cái gì đó không nhìn đúng, nó có thể được sửa đổi vào thời điểm này. Nếu không, nó có thể được lưu dưới dạng GIF động.

Lưu ý: Chuỗi hoạt ảnh được đặt theo thứ tự các lớp được xếp chồng lên nhau trong bảng Layers , bắt đầu từ nền hoặc lớp thấp nhất và làm việc lên trên. Nếu hoạt ảnh của bạn xuất hiện theo trình tự, bạn sẽ cần điều chỉnh thứ tự các lớp của mình bằng cách nhấp vào một lớp để chọn và sử dụng các mũi tên lên và xuống ở thanh dưới cùng của bảng Layers để thay đổi vị trí của nó.

08/09

Lưu GIF động

Lưu GIF động là một bài tập khá thẳng về phía trước. Trước tiên, chuyển đến Tệp > Lưu Bản sao và đặt tên cho tệp của bạn có liên quan và chọn nơi bạn muốn lưu tệp của mình. Trước khi nhấn Save , nhấp vào Select File Type (By Extension) về phía dưới cùng bên trái và, từ danh sách mở ra, chọn hình ảnh GIF . Trong hộp thoại Xuất Tệp mở ra, hãy nhấp vào nút radio Lưu dưới dạng Hoạt ảnh và nhấp vào nút Xuất . Nếu bạn nhận được cảnh báo về các lớp mở rộng ra ngoài đường viền thực của hình ảnh, hãy nhấp vào nút Cắt .

Điều này sẽ dẫn đến hộp thoại Lưu dưới dạng GIF với một phần Tùy chọn GIF động . Bạn có thể để chúng ở mặc định của chúng, mặc dù nếu bạn chỉ muốn hoạt ảnh phát một lần, bạn nên bỏ chọn Vòng lặp mãi mãi .

09/09

Phần kết luận

Các bước được hiển thị ở đây sẽ cung cấp cho bạn các công cụ cơ bản để tạo các hoạt ảnh đơn giản của riêng bạn, sử dụng các kích thước tài liệu và đồ họa khác nhau. Trong khi kết quả cuối cùng là khá cơ bản về mặt hoạt hình, nó là một quá trình rất dễ dàng mà bất cứ ai có kiến ​​thức cơ bản về GIMP đều có thể đạt được. GIF động có lẽ đã qua quá khứ, nhưng với một chút suy nghĩ và lập kế hoạch cẩn thận, chúng vẫn có thể được sử dụng để tạo ra các phần tử hoạt hình hiệu quả rất nhanh.