Hoạt hình trong Photoshop. Vẽ kết cấu sợi carbon. Hoạt hình hình ảnh tĩnh

Nếu bạn muốn tạo ảnh động GIF cho văn bản trong Photoshop, chẳng hạn như cho bưu thiếp hoặc tạo bất kỳ ảnh động thú vị nào khác, thì trong bài viết này tôi sẽ cố gắng hướng dẫn bạn từng bước cách tạo ảnh động trong Photoshop và lưu nó vào máy tính của bạn.

Lúc đầu tạo hoạt hình từ ảnh, sau đó chúng ta sẽ xem cách tạo ảnh động gif cho văn bản.

Tạo trong Photoshop tập tin mới: “Tập tin” – “Mới”. Vẽ hai hình trên đó: trên lớp “Hình 2” – một mục tiêu, trên lớp “Hình 3” – một mũi tên.

Bây giờ hãy chuyển đến tab “Windows” và chọn “Hoạt hình” từ menu thả xuống.

Cửa sổ sau sẽ mở ra, trong đó chúng ta sẽ tạo hoạt ảnh.

Nếu cửa sổ của bạn trông giống như hình bên dưới, hãy nhấp vào nút ở góc dưới bên phải "Chuyển đổi sang khung hình động".

Nguyên tắc tạo hoạt ảnh như sau. Có một hình ảnh chính, chúng tôi sao chép nó. Sau đó, trên bản sao, chúng ta đặt các đối tượng vào các vị trí mà chúng phải ở cuối. Chọn khung trùng lặp và nhấp vào nút “Khung hoạt hình Tweens”, bằng cách này, chúng ta sẽ tạo các khung bổ sung giữa khung đầu tiên và khung trùng lặp - điều này sẽ tạo ra hiệu ứng hoạt hình.

Bây giờ hãy nói về mọi thứ theo thứ tự. Chọn khung đầu tiên và nhấp vào "Sao chép các khung đã chọn".

Lớp chính sẽ được nhân đôi và khung 2 sẽ được tạo. Chọn nó và đặt các đối tượng vào vị trí cuối cùng trên hình ảnh. Trong bảng lớp, chọn lớp mà mũi tên được vẽ trên đó và sử dụng “Move Tool” (lớp trên cùng trên thanh công cụ), chúng ta di chuyển nó đến giữa mục tiêu.

Trong hộp thoại tiếp theo bạn cần chọn số lượng khung hình trung gian “Frames to Add”. Tất cả phụ thuộc vào hình ảnh của bạn, nhưng càng có nhiều thì quá trình chuyển đổi càng mượt mà.

Trong cửa sổ tạo hoạt ảnh giữa khung 1 và khung 2, 5 khung hình bổ sung đã được thêm vào. Số của chúng là từ 2 đến 6. Kết quả là lớp cuối cùng của chúng ta, trên đó các đối tượng được đặt ở vị trí cuối cùng, đã trở thành 7.

Bằng cách nhấp vào nút “Play”, hãy xem kết quả. Tôi đã chọn Thời gian chờ lâu thời gian cho mỗi khung hình là 1,4 giây nên mũi tên trong ảnh động di chuyển rất chậm. Hãy giảm thời gian xuống còn 0,1 giây - giá trị có thể được chọn từ danh sách thả xuống bên dưới mỗi khung hình.

Ở góc dưới bên trái của cửa sổ, bạn có thể chọn số lần hoạt ảnh sẽ lặp lại. Hãy chọn “Mãi mãi” từ danh sách để mỗi lần sau khi kết thúc, nó sẽ bắt đầu lại.

Để làm điều này, bạn cần nhân đôi lớp có mục tiêu. Sau đó, trong cửa sổ hoạt hình, chúng ta sẽ tạo một nhóm khung hình mới, chúng sẽ bắt đầu từ số 8. Đối với những khung này, hãy tắt lớp có mục tiêu đầu tiên trong bảng lớp và chúng ta sẽ làm việc với mục tiêu và mũi tên trùng lặp.

Tạo một bản sao của lớp “Hình 2” trong bảng lớp. Nhấn vào nó click chuột phải chuột và chọn “Lớp trùng lặp” từ menu.

Bây giờ, trong cửa sổ hoạt hình, hãy nhân đôi khung hình thứ bảy cuối cùng. Nhấn nút "Sao chép các khung đã chọn".

Theo cách tương tự, chúng tôi nhân đôi khung hình thứ tám mới.

Khung đầu tiên cho phần thứ hai của ảnh động sẽ là khung 8 và khung cuối cùng sẽ là khung 9, số lượng của nó sẽ thay đổi sau khi chúng ta chèn các khung hình trung gian. Chọn khung 8 và trong bảng lớp, tắt khả năng hiển thị của lớp mà mục tiêu đầu tiên được vẽ trên đó - loại bỏ mắt ở phía trước lớp.

Chọn khung 9, đây sẽ là khung cuối cùng trong nhóm và đặt các đối tượng trong ảnh vào vị trí cuối cùng của chúng. Để thực hiện việc này, hãy sử dụng “Công cụ di chuyển”. Để di chuyển mũi tên, bạn cần chọn lớp mà nó được vẽ – “Hình 3”; để di chuyển mục tiêu, chọn lớp “Bản sao hình 2”.

Hãy tạo các khung trung gian từ 8 đến 9. Chọn khung 9 và nhấp vào nút “Khung hình hoạt hình Tweens”.

Chọn số lượng khung hình. Trong ví dụ có 5 trong số đó.

Hãy chuyển sang khung hình đầu tiên và xem qua hoạt ảnh của chúng ta.

Để lưu ảnh động gif trong Photoshop, hãy nhấp vào tab “Tệp” - “Lưu cho Web & Thiết bị”. Trong cửa sổ tiếp theo, chọn các tùy chọn như trong hình bên dưới. Kích thước hoạt ảnh của bạn có thể khác “Kích thước hình ảnh”. Nhấp vào để lưu".

Hoạt hình được thực hiện trong ví dụ trông như thế này.

Bây giờ chúng ta hãy chuyển sang tạo ảnh động GIF cho văn bản trong Photoshop.

Trong ví dụ này chúng ta sẽ tạo hoạt ảnh cho văn bản tiếp theo, sáng tạo từng bước Tôi đã mô tả văn bản này trong một bài viết trước. Nếu bạn quan tâm đến cách tạo một dòng chữ đẹp trong Photoshop, hãy theo liên kết và đọc bài viết về chủ đề này.

Vì vậy, hãy mở hình ảnh có văn bản và sau đó là cửa sổ hoạt ảnh, như mô tả ở trên.

Nếu bạn có một hình ảnh có văn bản được viết trên đó mà bạn sẽ tạo hoạt ảnh, trong bảng Lớp, hãy chọn lớp tương ứng với văn bản này.

Hãy tạo các khung trung gian. Chọn khung hình thứ hai và nhấn nút “Khung hình hoạt hình Thanh thiếu niên”.

Chúng tôi chọn số lượng khung hình này.

Hãy đảm bảo rằng văn bản di chuyển theo nhiều quỹ đạo. Để thực hiện việc này, hãy sao chép cái cuối cùng được tạo trên bước trước, khung 10, rồi khung 11. Một nhóm mới các khung hình sẽ bắt đầu từ 11 và 12 (lúc khoảnh khắc này) khung sẽ là khung cuối cùng. Chọn nó và di chuyển dòng chữ đến vị trí cuối cùng.

Hãy tạo các khung trung gian trong khoảng từ 11 đến 12. Chọn khung 12 và nhấp vào nút “Khung hình hoạt hình Tweens”. Tôi đã thêm 8 khung hình bổ sung.

Hãy tạo hoạt hình trong Photoshop

Hãy xác định nó ngay từ đầu...

Hoạt hình GIF là gì?

Đây là một hình ảnh hoạt hình, tức là một hình ảnh có thể di chuyển Hoạt ảnh GIF có thể được tạo từ nhiều hình ảnh hoặc từ một video. Ngày nay có thể làm hoạt hình trực tuyến. Tải hình ảnh lên, nhấp vào tạo và bạn sẽ có được ảnh động GIF được tạo sẵn. Bạn cũng có thể tạo ảnh động GIF từ video.

Hôm nay chúng ta sẽ tạo ảnh động GIF trong Photoshop.

Chúng ta cần hình ảnh, hình ảnh, hình ảnh. Tôi sẽ không cho bạn biết cách chỉnh sửa ảnh! Chúng ta sẽ giải quyết một quá trình tạo hoạt ảnh!

Tôi cần tạo ảnh động GIF. Tôi nghĩ, tại sao không, dựa trên hoạt hình này, viết một trang dành riêng cho chủ đề tạo hoạt hình trong Photoshop!?

Chúng tôi sẽ mô tả đầy đủ quá trình tạo hoạt ảnh!

Mở Photoshop và tạo một lớp riêng cho mỗi hình ảnh.

Làm cách nào để tạo một lớp riêng cho hoạt ảnh?

Tôi làm điều này: tải tất cả hình ảnh vào Photoshop, cắt phần hình ảnh mong muốn và dán những phần này vào một tệp riêng. tập tin riêng biệt cần thiết để không vô tình làm hỏng một số bức ảnh trên máy tính của bạn!

Khi bạn chèn một đoạn cắt vào hình động, một lớp sẽ được tạo tự động!

Nếu bạn không có mục menu “Hoạt hình”, hãy nhấp vào menu thả xuống, hiển thị tất cả các mục menu.

Một menu để kiểm soát hoạt ảnh của bạn sẽ xuất hiện ở cuối chương trình Photoshop. Chúng tôi tạo bao nhiêu bản sao của khung đã chọn tùy theo hoạt ảnh của bạn sẽ thay đổi.

Hoạt hình gif của tôi sẽ thay đổi hình ảnh 9 lần. Nếu đột nhiên số lượng khung hình nhiều hơn mức bạn cần thì ngay bên phải nút thêm có nút xóa.

Làm cách nào để đặt thời gian hiển thị của từng khung hình trong ảnh động?

Chúng ta sẽ cần hiển thị mọi khung hình thời điểm khác nhau. Để chỉnh sửa thời gian hiển thị nhấn vào dòng nhỏ - hình tam giác.

Chọn từ menu thả xuống đúng thời điểm hiển thị từng khung hình. Nếu bạn cần thời gian khác để hiển thị khung, hãy chọn thời gian khác và đặt thời gian cần thiết.

Làm cách nào để lưu ảnh động GIF?

Xin chào các độc giả của blog của tôi!

Như đã hứa, các bài học Photoshop vẫn tiếp tục!

Hôm nay chúng ta sẽ thảo luận về câu hỏi sau: “Làm cách nào để tạo hoạt ảnh trong Photoshop?”. Tôi sẽ cố gắng đưa cho bạn hướng dẫn chi tiết về việc tạo hoạt hình. Và cuối cùng tôi sẽ cung cấp một video hướng dẫn ngắn...

Làm thế nào để tạo hoạt hình trong Photoshop?

Cách tạo ảnh động trong Photoshop: nó có nghĩa là gì và có khó không?

Làm ảnh động bằng Photoshop khá đơn giản nếu bạn biết cách =)) Nhưng thành thật mà nói, sau khi thử một lần, bạn sẽ làm được mọi thứ với nhắm mắt lại... Chính trong bài viết này, dưới sự hướng dẫn rõ ràng của tôi, bạn sẽ học cách tạo hoạt ảnh mà không gặp vấn đề gì!

Hoạt hình, liệu chúng ta có trở thành những nhà làm phim hoạt hình thực thụ không?

Hoạt hình của chúng tôi là vẻ ngoài mịn màng chữ khắc mà chúng tôi sẽ thực hiện bằng công cụ Hoạt hình trong Photoshop, đó chính xác là những gì chúng ta sẽ làm. Hôm nay bạn có thể đóng vai một họa sĩ hoạt hình mới vào nghề =)

Hãy bắt đầu nhé?

Đầu tiên, hãy quyết định những gì chúng ta cần! Nhưng chúng ta cần Photoshop: phiên bản nào không quan trọng. Bạn có thể sử dụng phiên bản tôi sử dụng, bạn có thể tải xuống!

Mở chương trình Photoshop và hiển thị tab ảnh động trên môi trường làm việc: Cửa sổ - Hoạt hình. Trong phiên bản chương trình của tôi, tab này được gọi Thang thời gian, vì vậy tôi làm điều này ( đánh dấu):

Kết quả bạn sẽ có một bảng như bên dưới:

tái bút Tôi đã cắt bớt nó một chút...

Vâng, hiện đang sử dụng tab Tập tin - Tạo..., hoặc bằng cách nhấn CTRL+N - tạo một tệp mới. Đặt kích thước, nhấp vào ĐƯỢC RỒI và viết văn bản của chúng tôi để từ đó chúng tôi sẽ tạo hoạt ảnh. Đây là những gì tôi nhận được:

tái bút Tôi chơi với biến dạng một chút tôi =)

Khung này tự động trở thành của chúng tôi Thang thời gian, đặt nó ở tốc độ 0,1 giây và với sự giúp đỡ Tạo một bản sao khung chuyên dụng tạo thêm 10 cái nữa ( nó phụ thuộc vào cách bạn đặt độ trong suốt - hãy nhìn xa hơn và bạn sẽ hiểu mọi thứ):

tái bút Đây là một bức tranh đã hoàn thành.

Ở khung hình đầu tiên chúng ta tắt hình ảnh ( nhấp vào hình ảnh thứ hai và trong các lớp sẽ tắt khả năng hiển thị của lớp - dòng chữ và bức ảnh này kéo đến vị trí đầu tiên). Kết quả là tôi có 10 khung hình với tốc độ 0,1 giây và khung hình cuối cùng ( Khung 11) - 1 giây.

Trong hình thứ hai, văn bản sẽ được bật, chúng ta chỉ thay đổi độ trong suốt: trong các lớp, nhấp chuột phải vào lớp có dòng chữ, chọn tab - Tùy chọn kết hợp...

TRONG Các thông số chính - Đục. Chúng tôi đặt 10%. Chúng tôi lặp lại các hành động này với từng khung hình, tăng độ trong suốt: khung thứ hai - 20%, khung thứ ba - 30%, v.v., cho đến khi chúng tôi đạt 100% - khung cuối cùng ( số lượng khung hình phụ thuộc vào cách bạn sử dụng độ trong suốt).

Cũng trong Tùy chọn trộn bạn có thể thử sử dụng chip bổ sung ( bạn chỉ cần đánh dấu vào ô và kết quả sẽ ở trước mặt bạn).

Các nút khác Thang thời gian Tôi không giải thích: Tôi nghĩ nút phát và những nút khác đã quen thuộc với bạn... ( để xem trước mặt bạn là loại nút nào, chỉ cần di chuột qua nút đó và một dòng chữ có ký hiệu sẽ hiện ra trước mắt bạn)

Làm cách nào để lưu ảnh động trong Photoshop?

Chọn định dạng gif(nó đã tự động ở đó rồi) và nhấp vào Cứu…(chọn đường dẫn lưu, ví dụ - máy tính để bàn), Tất cả hoạt ảnh được giữ nguyên =)

tái bút Bạn có thể xóa nền khỏi hoạt ảnh bằng cách xóa lớp “Nền” (nhưng đối với tôi, nó hợp nhất với mẫu)

Tôi nghĩ mọi thứ đều rõ ràng ở đây ngay cả khi không có video hướng dẫn... Tuy nhiên, như đã hứa, hãy xem tại đây:

Hôm nay chỉ vậy thôi, tạm biệt!

Chào hỏi những người bạn! Đôi khi tôi gặp phải câu hỏi liệu có thể tạo ảnh động bằng Photoshop không? Vì vậy, trong bài học này tôi sẽ chỉ ra rằng điều này có thể thực hiện được và nó không hề khó chút nào. Sau này, bạn sẽ hiểu rằng không cần thiết phải tải xuống và cài đặt các chương trình cho chính mình nếu bạn đột nhiên cần tạo một biểu ngữ hoạt hình hoặc một số hoạt ảnh khác. Và tin tôi đi, nó rất đơn giản. Ví dụ: chúng ta hãy tạo trình tải trước đơn giản của riêng mình hoặc, như được chỉ ra chính xác trong phần nhận xét, một trình tải trước. Và vì vậy, hãy bắt tay vào làm việc!

Mở Photoshop và tạo một tệp pixel 9x9.

Hãy phóng to để tăng hình vuông nhỏ của chúng ta lên mức tối đa (phím Z). Có một số cách để phóng to. Đầu tiên, nhấp chuột phải vào hình ảnh từ menu thả xuống và chọn Fit on screen. Thứ hai, chỉ cần nhấp chuột nhiều lần cho đến khi hình ảnh được phóng to đến giá trị tối đa và thứ ba, theo tôi, đơn giản nhất là nhấp vào bên trái góc trên cùng vải và giữ nút trái chuột, di chuyển nó xuống và sang phải cho đến khi chúng ta băng qua hình vuông của mình.

Bây giờ điều quan trọng nhất chúng ta cần để tạo ảnh động GIF là không gian làm việc với các công cụ phù hợp. Vào menu Cửa sổ -> Không gian làm việc -> Video. Nó sẽ trông giống như ảnh chụp màn hình nhưng có thể có sự khác biệt. Chúng ta sẽ quan tâm đến bảng hoạt ảnh ở phía dưới.

Dưới đây chúng ta chỉ có thể thấy khung hình động đầu tiên được đánh dấu.

Bây giờ hãy vẽ bằng bút chì (B) ở góc dưới bên trái, giả sử quả cam hình vuông 3x3 pixel.

Nhân đôi lớp của chúng tôi (lấy và kéo lớp của chúng tôi vào biểu tượng để tạo lớp mới.

Tắt lớp nền (biểu tượng con mắt) và trên lớp mới, di chuyển hình vuông của chúng ta xuống góc dưới bên phải. Tô màu trắng (G) vào khung vẽ trong suốt đã mở.

Nhân đôi layer trên cùng một lần nữa và di chuyển hình vuông lên bên phải. Sau đó, một lần chụp khác với hình vuông di chuyển lên bên trái. Nó sẽ giống như thế này:

Tiếp theo, hãy chuyển sang làm việc với bảng hoạt ảnh của chúng ta. Nhấn vào biểu tượng Duplicates selected Frames (biểu tượng giống biểu tượng tạo layer mới) 3 lần để chúng ta có tổng cộng 4 khung hình. Bằng cách nhấp vào khung đầu tiên, chọn nó và chỉ hiển thị lớp dưới cùng trong danh sách các lớp của chúng tôi. Sau đó click vào khung thứ 2 và để lại nhìn thấy được thứ hai lớp dưới cùng. Và như thế. Bạn sẽ nhận được những điều sau:

Về nguyên tắc, hoạt ảnh của chúng tôi gần như đã sẵn sàng. Bằng cách nhấp vào biểu tượng hoạt hình Plays, bạn có thể thấy những gì chúng tôi nhận được. Bây giờ hãy thêm một chút độ mượt thông qua các khung trung gian. Để thực hiện việc này, hãy chọn khung hình thứ nhất và thứ hai (giữ phím Ctrl) và nhấp vào biểu tượng vẽ các quả bóng Tweens. Bấm vào đồng ý.

Hãy làm tương tự với các khung 2-3, 3-4, 4-1.

Bây giờ chúng tôi chọn tất cả các khung hình của mình và trên bất kỳ khung hình nào, chúng tôi chọn thời gian chuyển tiếp giữa các khung hình mà bạn thích. Giả sử 0,1 giây.

Kiểm tra xem hoạt ảnh của bạn có đang lặp không:

Đó là tất cả. Tất cả những gì còn lại là lưu biểu ngữ của chúng tôi ở định dạng gif, để thực hiện việc này, trong Photoshop, bạn cần vào menu tệp và chọn mục menu “Save for Web & Devices” (Save for Web & Devices) hoặc thuận tiện hơn, nhấn tổ hợp phím Ctrl+Shift+Alt+S . Trong hộp thoại chọn định dạng Gif. Tại đây bạn có thể thử các cài đặt ảnh hưởng đến chất lượng và kích thước của tệp Gif thu được. Sau khi lưu hoạt ảnh Gif của chúng tôi dưới dạng tệp có Tiện ích mở rộng gif, hãy tận hưởng trình tải trước của riêng chúng tôi! Ví dụ: bạn có thể kết thúc với các Trình tải trước tải tuyệt đẹp này:

Ngày nay, bạn có thể xem biểu ngữ Gif mà chúng tôi đã tạo bằng Photoshop bằng bất kỳ chương trình xem đồ họa nào, trong đó phổ biến nhất là IrfanView, XNView, Hình ảnh FastStone Người xem và nhiều người khác.

Tôi nghĩ bây giờ bạn đã hiểu rằng không có gì phức tạp khi tạo hoạt ảnh Gif trong Photoshop và bạn sẽ bắt đầu tạo các biểu ngữ của riêng mình và những thứ sáng tạo khác, đặc biệt là vì các khung hoạt hình có thể có bất kỳ hiệu ứng nào nhờ chính Photoshop.

Nếu bạn chỉ cần trobbers/snippers, thì có những thư viện tập lệnh java đặc biệt dành cho thế hệ của chúng. Bạn có thể đọc lựa chọn tạo hoạt ảnh tải trong bài viết của tôi

Làm cho nó hoạt hình ảnh gif Photoshop hoàn toàn có thể thực hiện được ngay cả đối với người mới bắt đầu. Photoshop cho phép bạn tạo hoạt ảnh theo từng khung hình bằng cách thay đổi khung hình, sau đó lưu tác phẩm dưới dạng ảnh gif.

Điều này có nghĩa là Photoshop không tự tạo hoạt ảnh mà chỉ tổ chức trình bày từng khung hình của các hình ảnh được chuẩn bị trước và xuất chúng ở định dạng cuối cùng. Số lượng khung hình trong ảnh động gif đã hoàn thành có thể là bất kỳ, nhưng số lượng càng lớn thì kích thước tệp sẽ càng lớn. Vì vậy, bạn phải luôn cố gắng giảm số lượng khung hình xuống mức tối thiểu. Tuy nhiên, càng nhiều khung hình được phản ánh trong một giây hoạt ảnh thì nó sẽ càng mượt mà. Nhìn chung, việc tăng số lượng khung hình trên giây vượt quá 30 không phải là một ý tưởng hay vì mắt người không thể phân biệt được nhiều khung hình trên giây hơn. Ngay cả trong phim và video họ cũng sử dụng 24 khung hình mỗi giây.

Ngoài ra, khi tạo ảnh động trong Photoshop, bạn nên tính đến điều đó. nhiều thiết bị khác nhau và trình duyệt có thể ở tốc độ khác nhau chơi hoạt hình với một lượng lớn khung hình mỗi giây, tùy thuộc vào Năng lực kỹ thuật. Vì thế, điện thoại di động, chẳng hạn, chỉ có thể phát lại 10 khung hình mỗi giây. Điều này có nghĩa là một giây hoạt ảnh có 30 khung hình trên đó sẽ mất 3 giây, do đó hoạt ảnh sẽ chậm lại.

Khi chọn số lượng khung hình trên giây của hoạt ảnh, tất cả phụ thuộc vào nội dung sẽ được mô tả trong hoạt ảnh và mục đích của nó.

Cần lưu ý rằng số lượng khung hình mỗi giây hoạt hình gif không cố định và dễ dàng thay đổi khi tạo hoạt ảnh. Nói một cách đơn giản, có thể chỉ định thời gian hiển thị của từng khung hình riêng lẻ. Ví dụ: bạn có thể đặt khung hình đầu tiên của hoạt ảnh kéo dài một giây và khung hình thứ hai kéo dài năm giây.

Điều này rất hữu ích khi bạn cần giữ một khung hình nhất định lâu hơn, chẳng hạn như với văn bản, mà không tăng trọng lượng tập tin gif. Thông thường, một bức ảnh động đơn giản có thể có tổng cộng tối đa 10 khung hình, thường là khoảng 4-6.

Bằng cách đặt thời gian của các khung hình khác nhau, hoạt ảnh 4 khung hình có thể kéo dài từ một phần giây đến một phút hoặc lâu hơn. Nhưng cần lưu ý rằng cũng nên tránh hoạt ảnh quá dài - hoạt ảnh không phải là một video clip, một số trình duyệt không đợi kết thúc hoạt ảnh và bắt đầu phát lại từ đầu, nếu nó bị mất ngay lập tức hình ảnh gif từ màn hình.

Bạn cũng cần chú ý đến thực tế là chất lượng và khả năng hiển thị màu sắc của bản vẽ ở định dạng hoạt hình gif thường thấp hơn đáng kể so với ở định dạng hoạt hình gif. định dạng jpg hoặc tương tự, cái này
đặc thù.

Hoạt ảnh cũng không nên được thực hiện trong độ phân giải cao, điều này sẽ gây ra tải bổ sung trên trình duyệt hoặc điện thoại và rất có thể sẽ làm chậm tốc độ phát lại của nó. Tùy thuộc vào mục đích của hoạt ảnh, độ phân giải được đề xuất có thể lên tới 100 - 150 pixel cho chiều rộng hoặc chiều cao. Hơn nữa, chiều cao của hình ảnh động càng nhỏ thì chiều rộng của nó càng lớn và ngược lại. Ví dụ: độ phân giải khung hình 400X50 pixel là độ phân giải chấp nhận được, nhưng 400X150 đã là quá nhiều và chỉ phù hợp cho những mục đích đặc biệt.

Tuy nhiên, điều quan trọng nhất bạn cần chú ý khi tạo ảnh động gif là trọng lượng của nó. Vì Sử dụng chung trên các trang Internet hoặc trên thiết bị, kích thước của ảnh động không được vượt quá 400KB. Đây là mức tối đa.

Khuyến nghị chung trong các tham số của ảnh động gif cho mục đích chung (hình đại diện, thanh người dùng, chữ ký, v.v.)

Cân nặng- không quá 400KB, tốt hơn 150KB - 200KB.
Sự cho phép— tổng cộng không quá 30.000 pixel (số lượng bằng chiều cao nhân với chiều rộng, ví dụ: 400X50 = 20.000).
Thời gian phát lại đầy đủ- không quá 15 giây.
Số lượng khung hình có thể là bất cứ thứ gì, miễn là trọng lượng của tệp gif hoặc thời gian hoạt ảnh không vượt quá các khuyến nghị trên, thường thì càng nhỏ càng tốt.
Số khung hình trên giây- không quá 30, tùy theo nhu cầu.

Tạo hoạt hình Photoshop.

Photoshop chỉ có thể tạo ảnh động bắt đầu từ phiên bản CS3. Để tạo file ảnh động, bạn cần chuẩn bị trước những bức ảnh cần thiết hoặc tạo ảnh trực tiếp bằng Photoshop.

Trong ví dụ của chúng tôi, chúng tôi sử dụng tất cả các tùy chọn cùng một lúc. Chúng tôi sẽ tạo hoạt ảnh cho chữ ký “Avatar”.

Tùy chọn sẵn sàng:

Sự sáng tạo:

Đầu tiên chúng ta cùng tìm nguồn ảnh để tạo ảnh động:

Bây giờ hãy tạo một tập tin mới trong Photoshop. Chỉ định chiều rộng 400, chiều cao 50. Chế độ màu- 8 bit.

Bây giờ hãy kích hoạt cửa sổ "Hoạt hình". Cửa sổ > Hoạt ảnh. Một khu vực đặc biệt để làm việc với hoạt ảnh sẽ xuất hiện ở phía dưới.

Nó hiển thị tất cả các khung hình trong hoạt ảnh theo trình tự. Cho đến nay chỉ có một khung hình, thời lượng 0 giây, nhưng chúng ta luôn có thể thêm khung hình mới. Các khung luôn có thể được sắp xếp lại cho đến khi ảnh được lưu ở định dạng gif.

Mỗi khung hiển thị các lớp hiển thị cho nó. Trong chế độ hoạt ảnh, đối với mỗi khung hình, các điều kiện riêng biệt về khả năng hiển thị của lớp hoặc các đặc điểm khác của nó, độ trong suốt, đường viền, màu sắc, v.v. được đặt.

Xin lưu ý rằng các đặc điểm lớp cho khung hình đầu tiên áp dụng cho tất cả các khung hình hoạt hình. Điều này có nghĩa là, ví dụ: nếu bạn thay đổi màu văn bản cho khung thứ mười của hoạt ảnh, nó sẽ chỉ thay đổi ở khung thứ mười và nếu ở khung đầu tiên thì trên tất cả các khung của hoạt ảnh cùng một lúc.

Đổ đầy màu sắc vào khung vẽ. Chọn Fill Tool (mặc định, chữ G) và màu #3a55a4, rồi tô màu cho khung vẽ.

Hãy thêm ảnh gốc vào khung vẽ (Tệp > Vị trí hoặc bạn có thể chỉ cần kéo chúng từ thư mục) và thay đổi kích thước của chúng.

Khi thêm hình ảnh mới vào khung vẽ, chúng tạo thành một lớp mới. Chính những lớp này mà chúng ta sẽ làm việc trong quá trình tạo hoạt ảnh.

Đừng quên định kỳ lưu công việc của bạn để không làm mất những thay đổi bạn đã thực hiện. Tiếp tục làm việc tập tin Photoshop có sẵn ở định dạng PSD. (mặc định).

Đầu tiên bạn cần tạo bố cục của hình ảnh và khung hình đầu tiên. Điều quan trọng cần lưu ý là các trình duyệt hoặc thiết bị không thể phát hoạt ảnh sẽ
chỉ hiển thị khung hình đầu tiên của nó. Do đó, khung hình đầu tiên của hoạt ảnh phải phản ánh toàn bộ bản chất của nó.

Hiển thị và di chuyển lớp animatsiya1 sang cạnh trái của khung vẽ. Để thực hiện việc này, hãy chọn lớp mong muốn (animatsiya1), sau đó: Chỉnh sửa > biến đổi > lật theo chiều ngang. Sau đó chúng ta sẽ di chuyển lớp này.

Ở khung đầu tiên, chúng ta không cần lớp animatsiya2, vì vậy chúng ta cần ẩn nó. Nếu bạn ẩn một lớp, nó sẽ không xuất hiện trong khung đã chọn. Hãy thêm một số văn bản (chữ T). Bạn cũng cần thay đổi màu của văn bản, chẳng hạn như màu trắng, nếu không nó sẽ hợp nhất hoàn toàn với nền.

Văn bản cũng là một lớp riêng biệt. Khung hình đầu tiên của hoạt ảnh đã sẵn sàng. Hãy tạo khung thứ hai. Chính xác hơn, hãy tạo một bản sao của khung đầu tiên. Để thực hiện việc này, hãy nhấp vào dấu hiệu chiếc lá trong vùng hoạt ảnh.

Khung thứ hai được chọn tự động, nhưng chúng ta có thể chọn bất kỳ khung nào mà chúng ta muốn làm việc.

Đối với khung thứ hai, chúng ta sẽ ẩn lớp đầu tiên animatsiya1 và hiển thị lớp animatsiya2. Ngoài ra, áp dụng hiệu ứng cho lớp văn bản và sơn lại nó bằng một màu khác. Nhấp đúp vào lớp “AVATAR”, Kiểu > Lớp phủ màu và nhấp vào hộp màu nhỏ. Hãy đặt màu #8fbeff.

Kết quả là khung hình thứ hai bây giờ trông như thế này.

Mặc dù Photoshop không tự tạo hoạt ảnh nhưng nó có thể tạo các khung ở giữa. Hãy thêm 5 khung hình trung gian giữa hai khung hình của chúng ta. Để thực hiện việc này, bạn cần chọn “Tạo khung trung gian”, ở bên trái nút “Khung trùng lặp” trong vùng hoạt ảnh. Nhưng trước tiên bạn cần chọn hai khung, giữa đó các khung trung gian sẽ được tạo. Bạn có thể chọn nhiều khung hình cùng lúc bằng cách giữ phím Shift.

Hãy thêm 5 khung hình.

Bây giờ, dải băng khung hoạt hình bao gồm 7 khung. Khung trung gian cung cấp chuyển tiếp suôn sẻ từ khung này sang khung khác.

Bạn cần thiết lập thời gian hiển thị khung hình. Bây giờ tất cả các khung hình không có thời gian hiển thị - 0 giây.

Thời gian hiển thị khung hình có thể được đặt hàng loạt - khi chọn nhiều khung hình hoặc riêng lẻ cho từng khung hình. Hãy đặt thời gian hiển thị từ khung hình 1 đến 6 đến 0,1 giây và khung hình 7 đến 1 giây. Để thực hiện việc này, hãy nhấp vào mũi tên bên cạnh thời gian hiển thị khung.

Sẵn sàng! Dải băng khung hoạt hình đã sẵn sàng. Nó có thể được xem trực tiếp trong Photoshop bằng cách nhấp vào mũi tên Play trong khu vực hoạt hình.

Định dạng cần được đặt thành Gif. Tất cả các cài đặt khác đều ảnh hưởng chất lượng gif hoạt hình và trọng lượng ban đầu của nó. Ví dụ: nếu hoạt ảnh quá nặng, bạn có thể giảm số lượng màu xuống còn 128 hoặc tối ưu hóa ngay lập tức hoạt ảnh cho kích thước tệp mong muốn. Để thực hiện việc này, hãy nhấp vào biểu tượng có ba thanh ở trên cùng bên phải, chọn “tối ưu hóa theo kích thước tệp” và nhập trọng lượng ban đầu. Bản thân hình ảnh động đã được tối ưu hóa theo trọng lượng cần thiết với khả năng giảm chất lượng ở mức tối thiểu.

Tất nhiên đây là ví dụ đơn giản nhất tạo gif hoạt hình trong Photoshop, nhưng nó cho thấy những điều cơ bản - cách tạo hoạt ảnh. Với thử nghiệm, bạn có thể làm tốt hơn, chi tiết hơn và hình ảnh động đẹp, nhưng nguyên tắc sáng tạo của họ là như nhau.