Cách sử dụng Photoshop và After Effects để tạo đồ họa hoạt hình

Cách sử dụng Photoshop và After Effects để tạo đồ họa hoạt hình

Phần mềm của Adobe cho phép bạn chuyển quy trình làm việc và nội dung từ chương trình này sang chương trình khác. Mặc dù việc sử dụng phổ biến hơn của cách làm việc chéo này là thông qua Liên kết động của Adobe giữa Premiere Pro và After Effects, After Effects cũng hỗ trợ các tệp Photoshop nhiều lớp.





Điều này rất quan trọng vì After Effects ít tập trung vào thiết kế và chế tác hình ảnh. Vì vậy, bằng cách nhập chúng qua Photoshop, bạn có thể cải tiến các lớp đồ họa hoạt hình của mình trước khi tạo hoạt ảnh.





Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách chụp một số ảnh vào Photoshop, thao tác và chuẩn bị chúng thành các lớp, sau đó nhập chúng vào After Effects để tạo hoạt ảnh.





hisense roku tv điều khiển từ xa không hoạt động

Chuẩn bị hình ảnh của bạn trong Photoshop

Hãy bắt đầu bằng cách tìm hình ảnh cho đồ họa hoạt hình cuối cùng.

Đối với dự án của riêng bạn, bạn có thể sử dụng bất cứ thứ gì bạn muốn. Nhưng trong nghiên cứu điển hình này, hình ảnh từ Pexels sẽ được sử dụng. Có một loạt các các trang web cho phép bạn tải xuống hình ảnh miễn phí bản quyền .



Khi bạn đã tìm thấy những bức ảnh mình muốn, hãy tạo một hình ảnh mới trong Photoshop. Lý tưởng nhất là bạn muốn kích thước của tệp Photoshop phù hợp với đầu ra video của bạn. Vì vậy, nếu bạn đang tạo hoạt ảnh ở chế độ HD, bạn sẽ muốn kích thước của canvas là 1.920 pixel rộng x 1.080 pixel cao.

Khi bạn đã tải xong canvas HD, hãy đưa hình ảnh đã tải xuống vào. Trong ví dụ này, các hình ảnh cơ bản đã được thêm vào.





Tiếp theo, chúng ta hãy cắt các chủ thể, chia tỷ lệ và thêm một số đạo cụ và văn bản. Nếu bạn không chắc chắn về cách thực hiện điều này hoặc cảm thấy hơi khó khăn, hướng dẫn cơ bản về chỉnh sửa Photoshop của chúng tôi sẽ giúp bạn đi đúng hướng.

Khi bạn hài lòng với việc chỉnh sửa của mình, bạn nên có một bộ hình ảnh và lớp cơ bản.





Chuẩn bị các lớp của bạn

Trong ví dụ này, chúng ta muốn móng của con chó đập vào đầu con mèo đang cáu kỉnh. Hãy chọn chân bằng cách sử dụng công cụ lasso .

Sau khi được chọn, hãy nhấp chuột phải vào bàn phím của bạn và chọn Lớp Qua Cắt . Vùng chọn, trong trường hợp này là chân, bây giờ sẽ trở thành một lớp mới.

Nói về các lớp, bạn nên đổi tên từng lớp một cách rõ ràng. Sau đó, bạn sẽ biết cái gì tương ứng với cái gì. Dưới đây là một ví dụ về cách làm điều này:

Cuối cùng, bạn muốn mèo phản ứng lại khi bị móng chó đập vào đầu. Hãy sao chép lớp có tên Cat, lấy tiêu đề một Cat_Normal và Cat_Bonked trùng lặp.

Đối với lớp Cat_Bonked, mắt googly đã được vẽ trên để thêm hiệu ứng.

Vì vậy, bây giờ bạn có tất cả các yếu tố của đồ họa của bạn. Đảm bảo rằng các lớp của bạn được gắn nhãn và mọi thứ ở đúng nơi bạn muốn. Sau đó, đã đến lúc bắt đầu tạo hoạt ảnh trong After Effects.

Đưa tệp Photoshop của bạn vào After Effects

Điều đầu tiên trước tiên: bạn cần đảm bảo rằng các lớp của bạn được lưu dưới dạng tệp .PSD. Đánh Tệp> Lưu dưới dạng . Theo mặc định, nó sẽ lưu ở định dạng .PSD. Đây là cách nó được nhập vào After Effects từ Photoshop.

Trong ví dụ này, tệp sẽ được gọi là Dog_Cat_Animation.PSD.

Tiếp theo, mở After Effects. Đánh Tệp> Nhập> Tệp . Điều hướng đến tệp .PSD mới của bạn, nơi bạn sẽ thấy một hộp thoại. bên trong Nhập loại menu thả xuống, chọn Thành phần - Giữ lại kích thước lớp .

Thao tác này sẽ nhập tất cả các lớp riêng lẻ của tệp Photoshop của bạn, trong khi vẫn giữ kích thước phù hợp với kích thước (do đó tại sao bạn chọn độ phân giải HD ngay từ đầu). Đánh VÂNG .

Bây giờ bạn sẽ có một thành phần mới có cùng tên với tệp .PSD của bạn. Bấm đúp để mở nó. Mỗi lớp của bạn từ Photoshop bây giờ là một lớp trong dòng thời gian sáng tác của bạn.

Bây giờ, hoạt ảnh có thể bắt đầu. Bắt đầu bằng cách di chuyển văn bản tiêu đề ra khỏi màn hình --- nó sẽ được chuyển động để 'rơi' vào màn hình.

ứng dụng tốt nhất cho các mối quan hệ đường dài

Hãy cũng di chuyển những người bạn lông lá của chúng ta xuống; chúng sẽ dần dần di chuyển vào khung khi văn bản nằm đúng vị trí.

Để tiết kiệm thời gian, hãy nhấn Lớp> Mới> Đối tượng Null và cấp cha mẹ các lớp Dog, Dog Paw, Cat_Normal và Cat_Bonk vào đó.

Bây giờ, bất kỳ chuyển động nào bạn áp dụng cho đối tượng null sẽ áp dụng cho tất cả những chuyển động này.

Hãy tạo khung hình chính cho chuyển động ở cuối bố cục tại khung hình 0 và tăng dần trong năm giây.

Đừng quên rằng bạn có thể thêm keyframe vào Cử động bằng cách nhấp vào Đồng hồ bấm giờ các biểu tượng nữa.

Tiếp theo, hãy tạo hình ảnh động cho chân của con chó và phản ứng của con mèo.

bên trong Biến đổi thuộc tính của lớp chân chó, đặt Điểm neo đến chân chó. Làm như vậy sẽ đảm bảo rằng bất kỳ chuyển động xoay nào của bạn cũng đều xoay quanh điểm đó, nơi khớp xương sẽ nằm một cách tự nhiên.

Tiếp theo, tùy thuộc vào cách bạn muốn nó trông như thế nào, bạn có thể lập khung hình chính cho việc xoay chân của con chó và thêm một biểu thức lặp lại hoặc sử dụng Wiggle - Xoay hiệu ứng để tạo ra một tập hợp các chuyển động ngẫu nhiên.

Bạn có thể tìm thấy nhiều hiệu ứng trong Hiệu ứng & Cài đặt sẵn bảng điều khiển. Kéo và thả nó trên lớp để áp dụng, và điều chỉnh các thông số để xác định tốc độ và lượng quay của lớp.

Cuối cùng, tạo hiệu ứng mèo bị móng chó đâm vào bằng cách cắt vào giữa hai khung hình mà chúng ta đã chuẩn bị trước đó, để tạo ảo giác chuyển động.

Tạo hoạt ảnh trong văn bản và nó ở đó, bạn có đồ họa hoạt hình của mình! Bây giờ bạn có thể sử dụng nó ở bất cứ đâu bạn muốn.

Mặc dù khó chứng minh hơn nếu không có ví dụ video, nhưng bạn có thể yên tâm rằng chân của con chó đang đánh con mèo với niềm vui sướng.

Sử dụng Photoshop và After Effects cùng nhau

Đây là phần hướng dẫn nhanh cách tạo hình ảnh nhiều lớp trong Adobe Photoshop và sau đó tạo hoạt ảnh cho các lớp và phần tử riêng lẻ trong After Effects. Mặc dù nghiên cứu điển hình được xem là cơ bản, nhưng bạn có thể sử dụng các bước tương tự để tạo các tệp nhiều lớp phức tạp có thể được làm động trong After Effects.

Bài tập nhanh này sẽ cung cấp cho bạn sự hiểu biết về cách hai chương trình có thể được kết hợp với nhau để tạo ra một số nội dung tuyệt vời. Và đừng quên rằng quá trình này đều diễn ra theo hai chiều để giữ cho mọi thứ đơn giản, nhưng hãy yên tâm rằng bạn cũng có thể tạo hoạt ảnh cho các lớp Photoshop bằng chuyển động 3D.

Đăng lại Đăng lại tiếng riu ríu E-mail Nhập thứ nguyên thứ ba: Làm việc với quy trình công việc 3D trong Adobe After Effects

Nếu bạn muốn làm việc với các lớp 3D trong Adobe After Effects, chúng tôi sẽ hướng dẫn bạn cách bắt đầu.

Đọc tiếp
Chủ đề liên quan
  • Sáng tạo
  • Hoạt hình Máy tính
  • Adobe Photoshop
  • Thiết kế đồ họa
Giới thiệu về tác giả Laurie Jones(20 bài báo đã xuất bản)

Laurie là một nhà biên tập video và nhà văn, người đã từng làm việc cho truyền hình phát sóng và điện ảnh. Anh ấy sống ở Tây Nam nước Anh.

Xem thêm từ Laurie Jones

Theo dõi bản tin của chúng tôi

Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!

Bấm vào đây để đăng ký