GIMP là một phần mềm rất mạnh mẽ vì nó miễn phí. Đặc biệt, các nhà thiết kế web có thể biết ơn khả năng tạo ra các ảnh-g.webp
Cách tạo-g.webp" />
Các bước sau đây hiển thị một hình ảnh động có kích thước biểu ngữ web đơn giản bằng cách sử dụng một số đồ họa cơ bản, một số văn bản và biểu trưng.
Hướng dẫn trong bài viết này áp dụng cho GIMP phiên bản 2.10.12.
-
Mở Tài liệu Mới. Trong ví dụ này, chúng tôi đã chọn mẫu đặt trước của Biểu ngữ web lớn trên điện thoại di động 320x100.
Đối với hoạt ảnh của mình, bạn có thể chọn kích thước đặt trước hoặc đặt kích thước 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.
Đối với hướng dẫn này, hoạt ảnh sẽ bao gồm bảy khung và mỗi khung sẽ được đại diện bởi một lớp riêng lẻ, có nghĩa là tệp GIMP cuối cùng sẽ có bảy lớp, bao gồm cả nền.
-
Đặt Khung Một. Hoạt ảnh sẽ bắt đầu với một khoảng trống nên không cần thay đổi lớp Backgroundthực tế vì nó đã có màu trắng đơn giản.
Tuy nhiên, cần thay đổi tên của lớp trong bảng màu Lớp. Nhấp chuột phải vào lớp Nềntrong bảng màu và chọn Chỉnh sửa Thuộc tính Lớp.
Image -
Trong hộp thoại Edit Layer Attributesmở ra, 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. 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 hình đầu tiên này sẽ hiển thị trong một phần tư giây.
Image -
Đặt Khung Hai. Đối với hướng dẫn, một đồ họa dấu chân được sử dụng cho khung này. Đi tới File> Open as Layersvà chọn tệp đồ họa. Thao tác này đặt dấu chân lên một lớp mới có thể được định vị theo yêu cầu bằng cách sử dụng Move Tool.
Image -
Cũng như lớp nền, lớp mới này cần được đổi tên để ấn định thời gian hiển thị cho khung. Trong trường hợp này, 750ms.
Trong bảng màu Layers, bản xem trước lớp mới xuất hiện để hiển thị nền đen xung quanh đồ họa, nhưng trên thực tế khu vực này trong suốt.
Image -
Đặt Khung Ba, Bốn và Năm. Ba khung tiếp theo là nhiều dấu chân hơn sẽ đi qua biểu ngữ. Chúng được chèn theo cách tương tự như khung hai, sử dụng cùng một đồ họa đó và một đồ họa khác cho chân còn lại. Như trước thời gian được đặt là 750ms cho mỗi khung hình.
Mỗi lớp dấu chân cần có nền trắng để chỉ có thể nhìn thấy một khung - hiện tại, mỗi lớp đều có nền trong suốt. Chúng ta có thể làm điều này bằng cách tạo một lớp mới ngay bên dưới lớp dấu chân, tô lớp mới bằng màu trắng, sau đó nhấp chuột phải vào lớp dấu chân và nhấp vào Merge Down
-
Bộ Khung Sáu. Khung này chỉ là một khung trống được tô màu trắng sẽ tạo ra 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. Chúng tôi đã đặt tên cho lớp này là Khoảng thời gian và đã chọn để hiển thị màn hình này chỉ trong 250 mili giây.
Bạn không cần đặt tên cho các lớp, nhưng nó có thể làm cho các tệp nhiều lớp dễ làm việc hơn.
Image -
Đặ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 Lifewire.com. Bước đầu tiên ở đây là thêm một lớp khác với nền trắng.
Image -
Tiếp theo, sử dụng Text Toolđể thêm văn bản. Điều này được áp dụng cho một lớp mới nhưng chúng tôi sẽ giải quyết điều đó khi bạn thêm biểu trưng hoặc hình ảnh mới, điều này có thể được thực hiện theo cách giống như đồ họa dấu chân đã được thêm trước đó.
Image -
Khi chúng ta đã sắp xếp những thứ này như mong muốn, chúng ta có thể sử dụng Merge Downđể kết hợp các lớp biểu tượng và văn bản rồi 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 đây. Đ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à chúng tôi đã chọn hiển thị điều này trong 4000ms.
Image -
Xem trước Hoạt ảnhTrước khi lưu-g.webp" />Bộ lọc> Animation >Playback Điều này sẽ mở ra một 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 có điều gì đó không ổn, nó có thể được sửa đổi tại thời điểm này. Nếu không, nó có thể được lưu dưới dạng-g.webp" />.
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 màu Lớp, bắt đầu từ lớp nền hoặc lớp thấp nhất và làm việc hướng lên trên. Nếu hoạt ảnh của bạn phát không theo trình tự, bạn sẽ cần điều chỉnh thứ tự của các lớp bằng cách nhấp vào một lớp để chọn và sử dụng mũi tên lên và xuống ở thanh dưới cùng của bảng Lớp để thay đổi vị trí của nó.
Image -
Lưu ảnh-g.webp" />. Lưu một-g.webp" />File> Save a Copyvà đặt tên phù hợp cho tệp của bạn và chọn nơi bạn muốn lưu tệp của mình.
Image -
Tiếp theo, đi tới File> Export Asđể lưu nó dưới dạng-g.webp" />.
Image -
Trong hộp thoại Export Imagemở ra, chọn Chọn Loại tệpvà cuộn đến ảnh-g.webp" />. 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 chọn nútCắt.
Image -
Điều này bây giờ sẽ dẫn đến hộp thoại Lưu dưới dạng GIFvới phần Tùy chọn-g.webp" />. Bạn có thể để chúng ở chế độ mặc định, tuy nhiên 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.
Image - Bây giờ bạn có thể chia sẻ-g.webp
Kết
Các bước hiển thị ở đây sẽ cung cấp cho bạn các công cụ cơ bản để tạo 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. Mặc dù kết quả cuối cùng là khá cơ bản về hình ảnh động, nhưng đó là một quá trình rất dễ dàng mà bất kỳ ai có kiến thức cơ bản về GIMP đều có thể đạt được.
