Hãy tìm hiểu cách tạo hoạt ảnh cho một bài đăng trên mạng xã hội một cách nhanh chóng
Nếu muốn các bài đăng trên mạng xã hội của mình nổi bật, bạn cần tìm hiểu cách thêm hoạt ảnh. Chỉ trong vài phút, bạn có thể chụp một bức ảnh bình thường và biến nó thành vàng trên internet. Tất cả chúng ta đều hiểu rằng việc duy trì sự hiện diện trên các nền tảng này là rất quan trọng để xây dựng cả doanh nghiệp và thương hiệu, nhưng cam kết về thời gian có thể khiến nhiều nghệ sĩ mới nản lòng. Chúng tôi ở đây để chỉ cho bạn một cách tốt hơn.
Ngày nay, các nhà thiết kế đồ họa được yêu cầu tạo nhiều nội dung hơn cho mạng xã hội và bạn biết điều gì tốt hơn một thiết kế bắt mắt không? Một thiết kế bắt mắt chuyển động. Nếu bạn đã làm việc với Photoshop được một thời gian, bạn sẽ tiến gần hơn đến việc thêm hoạt ảnh. Hôm nay, chúng tôi sẽ kích hoạt After Effects để bạn có thể thấy giao diện quen thuộc như thế nào. Chúng tôi sẽ lấy một số thiết kế và thêm một số chuyển động tinh tế trong After Effects.
{{lead-magnet}}
Chuẩn bị hình ảnh của bạn trong Photoshop
![](/wp-content/uploads/history/148/mu2ybhk35r.jpeg)
Chúng tôi sẽ làm việc với Photoshop CC 2022 và After Effects CC 2022, nhưng những kỹ thuật này cũng nên hoạt động trong các phiên bản cũ hơn. Chúng tôi đang giữ nó rất đơn giản cho cái này. Bây giờ bạn có thể tạo hiệu ứng động trong Photoshop, nhưng điều đó có thể khá khó khăn. Thay vào đó, việc chuẩn bị các tệp của bạn sẽ dễ dàng hơn để chúng hoạt động tốt hơn trong After Effects.
Cách chọn đúng hình ảnh để tạo hiệu ứng động
Để bắt đầu, bạn cần chọn đúng hình ảnh. Nhìnlàm chủ giao diện After Effects.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.jpeg)
Chúng tôi đã chọn một hình ảnh người trượt ván và chúng tôi muốn tạo hiệu ứng động cho nền. Điều này khá giống với rất nhiều công việc bạn sẽ nhận được với tư cách là một nhà thiết kế và họa sĩ hoạt hình tự do. Khách hàng của bạn sẽ muốn một số yếu tố được lấy từ nền trước và được đặt ở một nơi nào đó mới hoặc hoạt hình theo một cách nào đó.
Vậy nhìn vào hình trên, chúng ta nên làm thế nào để chúng di chuyển? Chà, chúng ta sẽ sử dụng một mẹo cũ. Thay vì đối tượng di chuyển, hậu cảnh sẽ quay vòng từ trái sang phải, tạo cảm giác chuyển động.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.jpeg)
Bạn cũng cần chú ý đến ánh sáng. Mặc dù nguồn sáng riêng biệt trông tuyệt vời đối với ảnh tĩnh, nhưng nguồn sáng đó sẽ tắt khi bạn bắt đầu di chuyển nguồn sáng đó trên nền khác hoặc nền trong đó ánh sáng không còn phù hợp. Người xem của bạn có thể không biết chính xác điều gì sai, nhưng họ sẽ bị phân tâm khỏi hiệu ứng. Giống như một ảo thuật gia say rượu, nó thực sự giết chết ảo ảnh.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.jpeg)
Tách các lớp của bạn (và đặt tên cho chúng)
Như bạn có thể thấy trong video ở trên, chúng tôi đang sử dụng mặt nạ (tốt nhất là loại không phá hủy) để tách chủ thể, bảng, bóng và nền. Điều này cho phép chúng tôi thực hiệnsửa chữa tinh tế nếu chúng tôi nhận thấy một vấn đề xuống đường. Nếu chúng ta vừa xóa pixel, thì chúng sẽ biến mất vĩnh viễn (khi bạn đã vượt qua phạm vi CTRL/CMD+Z).
Đảm bảo đặt tên cho từng lớp khi bạn thực hiện. Không có gì tệ hơn việc cố gắng tìm một hình ảnh đó trong danh sách Lớp 1 - 100.
Nền cần được đánh bóng một chút vì nó không hoàn toàn phù hợp với phối cảnh dự kiến của chúng ta.
![](/wp-content/uploads/history/148/mu2ybhk35r-4.jpeg)
Ý định của chúng tôi là lặp nền, nhưng bạn có thể thấy hai bên không khớp lắm. Vì cạnh bên trái thẳng hàng hơn với các hướng dẫn của chúng ta, hãy sao chép cạnh đó, lật nó và thả nó qua bên phải. Khi chúng ta đã sắp xếp xong, hãy sử dụng CTRL/CMD+E để hợp nhất các lớp.
Kiểm tra kích thước hình ảnh của bạn
Trước khi đưa hình ảnh vào After Effects, chúng ta cần kiểm tra kích thước hình ảnh của mình. After Effects có thể xử lý một số tệp khá lớn… nhưng máy tính của bạn có thể không mạnh như vậy. Có một số cách để thay đổi kích thước hình ảnh của bạn, nhưng chúng tôi sẽ bắt đầu bằng cách thay đổi khung vẽ của mình. Điều này thay đổi canvas của chúng tôi mà không làm rối tung bất kỳ pixel nào và sau đó chúng tôi có thể thay đổi kích thước hình ảnh của mình cho phù hợp.
![](/wp-content/uploads/history/148/mu2ybhk35r-5.jpeg)
Chúng tôi đã điều chỉnh canvas của mình ( Hình ảnh > Kích thước canvas… ) thành 1920x1080. Bây giờ hình ảnh của chúng tôi lớn hơn RẤT NHIỀU, vì vậy chúng tôi sẽ phải điều chỉnh chúng cho phù hợp.
![](/wp-content/uploads/history/148/mu2ybhk35r-6.jpeg)
Vẫn còn một số điểm chưa hoàn hảo nhưng chúng tôi có thể khắc phục những điểm đó trong After Effects bằng một chút chuyển động mờ. Bạn sẽ nhận thấy rằng có một vài pixel treo bên ngoài mép của khung vẽ.Đôi khi bạn có thể muốn những thứ đó ở lại, nhưng chúng tôi sẽ không cần chúng trong AE. Sử dụng công cụ Cắt ( C ) để cắt nhanh hình ảnh của bạn cho vừa với canvas. Bây giờ là lúc đưa hình ảnh của chúng ta vào After Effects và bắt đầu tạo hoạt ảnh.
Nhập tệp Photoshop vào After Effects
Kiểm tra tên lớp của bạn rồi lưu tác phẩm của bạn (chúng tôi khuyên bạn nên thêm một cái gì đó như “to_AE” để bạn có thể dễ dàng tìm thấy tệp của mình. Nếu bạn cần trợ giúp để sử dụng After Effects, chúng tôi sẽ hỗ trợ bạn. Bạn có thể xem video đó hoặc sử dụng phương pháp nhanh này.
Cách nhập tệp từ Photoshop vào After Effects
- Mở After Effects
- Đi tới Tệp > Nhập > Tệp
- Chọn tệp của bạn
- Nhấp vào Nhập
Bây giờ hãy xem phần so sánh giữa Photoshop và After Effects.
![](/wp-content/uploads/history/148/mu2ybhk35r-7.jpeg)
Trông khá giống nhau? Adobe đã cố gắng duy trì sự quen thuộc giữa các phần mềm khác nhau, làm cho việc di chuyển giữa các ứng dụng trong Creative Cloud thậm chí còn dễ dàng hơn. Bạn sẽ nhận thấy các lớp của chúng tôi trong dòng thời gian, mặc dù chúng trông hơi khác một chút. Đây là lý do tại sao việc đặt tên cho các lớp của bạn lại là một bước quan trọng như vậy.
Với tính năng mới này thành phần (comp to us pros) bạn sẽ có thể đặt FPS hoặc khung hình mỗi giây. Nói chung, hoạt ảnh được thực hiện ở tốc độ 24 khung hình/giây (24 khung hình bằng 1 giây cảnh quay), nhưng có thể có những trường hợp bạn cần nhiều hơn hoặc ít hơn. Tất cả phụ thuộc vào dự án và của bạnnhu cầu của khách hàng.
Thiết lập sáng tác của bạn
Chúng tôi hy vọng bạn đã uống cà phê vì chúng ta sắp đi nhanh (tên của trò chơi là một bài đăng hoạt hình trên mạng xã hội không không mất nhiều thời gian, phải không?)
Bây giờ, cách dễ nhất để tạo hoạt ảnh cho vận động viên trượt ván này là di chuyển nền, phải không? Khi chúng tôi di chuyển nó ra khỏi đường đi, có vẻ như vận động viên trượt băng lao về phía trước.
![](/wp-content/uploads/history/148/mu2ybhk35r-8.jpeg)
Tất cả những gì chúng ta cần làm là sao chép nền, giống như trong phim hoạt hình. Chọn lớp, sau đó chuyển đến Chỉnh sửa > Nhân đôi ( CMD/CTRL + D ) và bạn sẽ nhận được một lớp hoàn toàn mới. Về mặt lý thuyết, chúng tôi có thể tạo hàng chục bản sao và tạo hoạt ảnh cho chúng bay ngang qua, nhưng có một phương pháp dễ dàng hơn: Ô chuyển động.
Tạo hoạt ảnh trong After Effects
Mô xếp chuyển động
Ở bên phải màn hình của bạn, hãy chuyển đến Hiệu ứng và Cài đặt sẵn, sau đó tìm kiếm Ô xếp chuyển động. Kéo và thả lớp đó vào lớp của bạn (hãy cẩn thận để không thả nhầm lớp, mặc dù điều đó có thể tạo ra một số hiệu ứng thú vị).
Ở bên trái, bạn sẽ thấy các điều khiển hiệu ứng của mình, với hai tùy chọn chính: Chiều rộng đầu ra và Chiều cao đầu ra. Khi chúng tôi đặt “200” trong Độ rộng đầu ra…
![](/wp-content/uploads/history/148/mu2ybhk35r-9.jpeg)
Bây giờ, chúng tôi có thêm một chút nền ở bên trái và bên phải. Chúng tôi đã sao chép hình ảnh một cách hiệu quả với một lượng nhỏ. Bây giờ nếu bạn cố gắng nhấp vào khu vực trùng lặp, bạn sẽ không thể. Chỉ lớp ban đầu của bạn có thể được di chuyển.
Tất nhiên, việc sao chép hoặc xếp lớp đơn giản sẽ tạo ra íthiện vật. Nếu chúng ta nhìn vào mặt đất hoặc nền, sẽ có những đường trông không ổn lắm. Và cuối cùng, đừng lạm dụng nó với số Đầu ra. Bạn sẽ làm hỏng máy tính của mình.
Để tạo hiệu ứng này, trước tiên hãy điều chỉnh độ dài bố cục của chúng ta. Đi tới Thành phần > Cài đặt bố cục.
![](/wp-content/uploads/history/148/mu2ybhk35r.png)
Chúng ta cũng có thể thay đổi FPS như đã thảo luận ở trên. Đặt cái này trong 5 giây và đã đến lúc tạo hiệu ứng cho hình ảnh này.
Tạo hoạt ảnh với Khung hình chính
Xoay xuống trên lớp tấm sạch của bạn và bạn sẽ thấy các tùy chọn Chuyển đổi của mình.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.png)
Đảm bảo rằng Đầu phát của bạn luôn ở đầu dòng thời gian, sau đó nhấp vào Đồng hồ bấm giờ bên cạnh Vị trí . Điều này đánh dấu trục x và y của lớp của bạn tại thời điểm đó trên dòng thời gian. Bạn vừa tạo Khung hình chính đầu tiên của mình trên dòng thời gian. Đây là các khối xây dựng cơ bản của hoạt ảnh trong After Effects.
Di chuyển Playhead đến cuối dòng thời gian của bạn và bạn sẽ tạo một Khung hình chính khác. Bây giờ, hãy quay lại Chuyển đổi và điều chỉnh Vị trí để nền di chuyển từ trái sang phải (hoặc phải sang trái, nếu bạn đang nhắm đến việc Tony Hawk muốn biến một con quay 360 độ sởn gai ốc thành Boneless).
Khi bạn nhấn phát, After Effects sẽ nội suy cách lớp cần di chuyển để tồn tại ở khung hình chính đầu tiên và cuối cùng trong thời gian quy định.
GIF
Nếu chúng ta muốn người trượt ván di chuyển nhanh hơn, chúng ta chỉ cầncần di chuyển xa hơn xuống tấm trong thời gian quy định. Để di chuyển chậm hơn, che phủ ít mặt đất hơn. Nhưng có một điều mà chúng tôi nhận thấy là không quá tiết kiệm. Đường nối nơi gạch trùng lặp của chúng tôi kết hợp với nhau hơi lộn xộn. May mắn thay, chúng ta có thể che đi điều đó bằng một số chuyển động mờ.
Thêm nhòe chuyển động
Mờ chuyển động là hiện tượng hình ảnh bị sọc hoặc nhòe do một đối tượng chuyển động trong quá trình phơi sáng của ống kính. Trong video, hiện tượng nhòe chuyển động thường do ống kính tập trung vào một đối tượng trong khi các mục nằm ngoài vùng lấy nét lại di chuyển ở hậu cảnh. Đối với trường hợp của chúng tôi, đó là hiệu ứng mà chúng tôi muốn sử dụng.
![](/wp-content/uploads/history/148/mu2ybhk35r-10.jpeg)
Nhấn nút điều khiển Làm mờ chuyển động (ba vòng tròn gần nhau). Bạn sẽ thấy các hộp xuất hiện bên cạnh các lớp của mình. Chỉ chọn tấm sạch của bạn và xem chuyển động mờ che đi những điểm không hoàn hảo. Cứ như vậy, chúng ta có một số hình ảnh động tuyệt vời mà không phải đổ mồ hôi. Nhưng chúng ta luôn có thể chạm vào mọi thứ nhiều hơn nữa.
Thêm bóng thực tế
Bạn có thể nhận thấy rằng bóng dưới ván trượt vẫn có một đường kẻ so với mặt đất ban đầu.
![](/wp-content/uploads/history/148/mu2ybhk35r-11.jpeg)
Chúng tôi không cố gắng tạo ra một hình ảnh xã hội ổn. Chúng tôi đang cố gắng tạo ra thứ gì đó đáng để chia sẻ. Hãy khắc phục điều đó một cách nhanh chóng. Bây giờ, chúng tôi có thể chỉ cần sửa lỗi này trong Photoshop trước khi mang nó đến, nhưng chúng tôi đã quên (hay đúng hơn là chúng tôi đã bỏ qua bước đó để có thể hiển thị cho bạn ở đây! Hãy xem, chúng tôi biết mình đang làm gì trong suốt thời gian qua).
Đầu tiên, hãy tạo mộtlớp mới bằng cách đi tới Lớp > New ( CMD/CTRL + Y ) và chọn tô màu đen. Điều này tạo ra một chất rắn màu đen có kích thước bằng bố cục của chúng ta. Sử dụng công cụ Pen (P), chúng ta sẽ vẽ một hình đơn giản. Nó không cần phải hoàn hảo, chỉ là ý tưởng cơ bản của một cái bóng.
![](/wp-content/uploads/history/148/mu2ybhk35r-12.jpeg)
Sau khi đóng mặt nạ, chúng ta sẽ thấy hình dạng đã tạo trên hình ảnh của mình. Tốt rồi. Nhưng chúng ta có thể làm cho nó hoạt động. Sử dụng các điểm và Tay cầm Bezier, điều chỉnh hình dạng cho đến khi nó vừa với bên dưới ván trượt. Nếu bạn đã tạo mặt nạ trong Photoshop, điều này sẽ khiến bạn cảm thấy quen thuộc.
Chỉ với một chút công việc, chúng ta đã có một thứ vừa vặn bên dưới ván trượt.
![](/wp-content/uploads/history/148/mu2ybhk35r-13.jpeg)
Bây giờ, hãy tắt lớp bóng ban đầu và đổi tên lớp mới của chúng ta là Bóng (hoặc Bóng 2, hoặc Darkwing Duck, hoặc bất kỳ thứ gì phù hợp với bạn). Cũng giống như trong Photoshop, chúng ta có Chế độ hòa trộn. Nếu bạn không nhìn thấy chúng, hãy nhấn F4 . Chuyển Bóng mới của bạn sang Multiply .
Điều này có vẻ hơi khắc nghiệt, vì vậy hãy làm mịn các cạnh. Xoay tròn để mở menu Mặt nạ và bạn sẽ thấy nhiều tùy chọn hơn.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.png)
Điều chỉnh Feathering và thế là xong! Khi chúng tôi phát lại, bây giờ chúng tôi có một hình ảnh hoạt hình mượt mà và thực sự chúng tôi không mất thời gian chút nào.
Kết xuất trong hàng đợi kết xuất
Tất nhiên, hình ảnh này sẽ không giúp ích gì cho bạn nếu nó nằm mãi trong After Effects. Hãy xem liệu chúng tôi có thể khắc phục điều đó không.
Nếu bạn không quen với thuật ngữ này, Kết xuất chỉ nói với After Effects (hoặcbất kỳ ứng dụng nào bạn sử dụng để tạo bố cục) để tổng hợp tất cả các lớp thành một phim (mp4, mpeg, Quicktime, v.v.). Quicktime sẽ hoạt động cho hầu hết các nhu cầu của bạn, nhưng chúng tôi cũng khuyên dùng Apple ProRes 422. Trong trường hợp này, hãy sử dụng Hoạt hình, đây sẽ là một tệp có độ phân giải cao, không nén. Nếu bạn có bất kỳ Âm thanh nào, hãy đảm bảo rằng nó được bật ở cuối cửa sổ.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.png)
Nhấn Được rồi , sau đó bạn cần chọn nơi tệp này sẽ chuyển đến. Nhấn Xuất ra và tìm vị trí mong muốn của bạn.
Đoán xem? Bạn vừa tạo một hình ảnh động. Bạn đã chụp một bức ảnh, cắt nó thành các lớp gọn gàng, tạo hoạt ảnh cho các lớp đó và biến bố cục đó thành một bộ phim. Chúng tôi rất vui được biết bạn ngay bây giờ.
Tất nhiên, nếu bạn muốn thực sự thích thú, bạn nên quay lại video để chúng tôi có thể hướng dẫn thêm cho bạn một số điều thủ thuật.
GIF
Bắt đầu hành trình After Effects của bạn
Tạo hoạt ảnh cho các thiết kế Photoshop của bạn lấy một hình ảnh rất xã hội và biến nó thành một tác phẩm lan truyền đánh (có thể). Khi bạn hiểu các nguyên tắc cơ bản, bạn sẽ có thể đưa công việc của mình vào cuộc sống theo những cách tuyệt vời. Nếu bạn đang tìm kiếm một nơi để bắt đầu hành trình hoạt hình của mình, hãy đến với After Effects Kickstart!
After Effects Kickstart là khóa học giới thiệu After Effects cơ bản dành cho các nhà thiết kế chuyển động. Trong khóa học này, bạn sẽ học các công cụ được sử dụng phổ biến nhất và các phương pháp hay nhất để sử dụng chúng trong khi