Cách tạo ảnh GIF 3D của riêng bạn

Cách tạo ảnh GIF 3D của riêng bạn

Chúng ta đang sống trong thời đại của ảnh GIF 3D trên Tumblr . Những hình ảnh này, sử dụng ảo ảnh quang học để làm cho hình ảnh hiển thị ra khỏi màn hình, đã trở nên phổ biến trên trang web đến mức chính thức của Tumblr vào năm ngoái năm xem xét làm tròn cống hiến toàn bộ danh mục đối với họ.


optad_b

how-bad-can-i-be / Tumblr



GIF bởi rorytheprettyone qua thxxghtx / Tumblr

Nhưng mặc dù họ đã xuất hiện nhiều trên Tumblr từ nhiều năm trước, nhưng ảnh GIF 3D mới chỉ đang xâm nhập vào các phần khác của Internet. Thật may mắn cho bạn, thật dễ dàng để gây ấn tượng với những người dùng không phải Tumblr khác bằng phép thuật đặc biệt của họ: Tất cả những gì bạn thực sự cần làm là một vài phút và một bản sao của Photoshop.

1) Chọn một hình ảnh

Sử dụng GIF với chuyển động trực quan về phía trước

Mục tiêu của một hình ảnh 3D tốt phải là tạo ra hiệu ứng bật ra khỏi khung hình “về phía” người xem, vì vậy bạn muốn chọn những hình ảnh đã tự nhiên có một số kiểu chuyển động về phía trước, như thế này:



impassionategods / Tumblr

Sử dụng GIF với bố cục thông minh, đồng đều

Hình ảnh đẹp nhất cũng có bố cục hình ảnh có thể dễ dàng được chia thành các phần đồng đều trên khung hình. Có hai loại GIF 3D phổ biến. Một loại, giống như GIF ở trên, dựa vào 'khung' Tumblr giả mà hình ảnh sau đó bị tách ra, thường là ở cuối GIF. Loại khác, phổ biến hơn, chia bố cục hình ảnh thành ba ô ngang, như thế này:

yearinreview / Tumblr

Lưu ý rằng hình ảnh trên sử dụng bố cục của cảnh từ Bad Boys II để điều chỉnh chuyển động trên màn hình một cách đồng đều giữa ba ô cách đều nhau này. Nếu bạn đang chú ý đến bố cục hình ảnh thông minh như thế này, thì việc chọn cảnh và ảnh GIF để sửa đổi và chuyển thành phiên bản 3D dễ dàng hơn nhiều.



Trong một số trường hợp, GIF có thể sử dụng cả phần dưới cùng của màn hình và các ngăn ngang trên bố cục để có hiệu quả tối đa:

bleecake / Tumblr

Với mục đích của hướng dẫn này, chúng tôi sẽ tập trung vào việc tạo ảnh GIF 3D đơn giản với ba ô ngang trên hình ảnh.

Chụp ảnh GIF của riêng bạn hoặc mượn ảnh có sẵn để sửa đổi

Nếu bạn chưa biết cách tạo GIF cơ bản, trước tiên, bạn sẽ cần học cách quay cảnh video bằng bất kỳ phần mềm nào trong số nhiều phần mềm có sẵn cho máy tính Mac, Linux hoặc Windows. Sau đó, bạn sẽ muốn học cách chỉnh sửa cảnh quay của mình trong Photoshop bằng cách sử dụng bất kỳ hướng dẫn GIF nào có trên Tumblr và các trang web khác. Bạn cũng có thể xem hướng dẫn của chúng tôi để biết cách tạo ảnh GIF từ thiết bị di động hoặc thiết bị web của bạn hoặc là từ Imgur .

Hoặc, sử dụng một trong nhiều công cụ chụp ảnh tự động chuyển đổi cảnh quay sang định dạng GIF, như Licecap cho Windows hoặc GIF Grabber cho Mac. Hoặc bạn có thể chỉ cần lưu và sửa đổi GIF có sẵn từ trước. Đối với hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách sửa đổi GIF này từ phim Sự trỗi dậy của những người bảo vệ .

Aja Romano

Như bạn có thể thấy, nó có các yêu cầu cơ bản mà chúng tôi cần: chuyển động về phía trước và chuyển động có thể dễ dàng chia thành ba khung cách đều nhau.

(Ghi chú:Nhân viên của Daily Dot, nghệ sĩ Jason Reed, đã giúp đỡ các sơ đồ và chốt của hướng dẫn này từ đây trở đi.)

2) Tách hình ảnh:

Thiết lập hướng dẫn.

Hầu hết các ảnh GIF 3D được chia thành ba ngăn theo chiều ngang. Trong Photoshop, mở GIF. Bây giờ, hãy chuyển đến menu điều hướng và chọn View, sau đó chọn New Guide từ menu thả xuống.

Đối với ảnh GIF sử dụng ba ngăn trên, bạn sẽ muốn đặt hướng dẫn thành 33 phần trăm và 66 phần trăm. Dưới đây là cách màn hình sẽ trông như thế nào sau khi bạn thiết lập hướng dẫn đầu tiên và đang nhập hướng dẫn thứ hai ở mức 66 phần trăm:

Aja Romano

Và đây là cách cả hai hướng dẫn sẽ trông như thế nào:

Aja Romano

Đối với một GIF mà bạn muốn chia thành hai ngăn thay vì ba, bạn sẽ muốn đặt một hướng dẫn ở mức 50 phần trăm; đối với bốn ngăn, đặt các hướng dẫn theo mức tăng 25, 50 và 75 phần trăm.

Đặt một đường màu trắng trên các hướng dẫn.

Tiếp theo, đặt một đường thẳng màu trắng theo chiều dọc trên mỗi hướng dẫn bằng cách sử dụng công cụ Đường trong menu Hình dạng. Để đến đó, hãy chuyển đến thanh bên Công cụ dọc ở bên trái và tìm tùy chọn Công cụ Hình chữ nhật về phía dưới cùng. Khi bạn nhấp chuột phải vào công cụ này, bạn sẽ được cung cấp một danh sách các tùy chọn công cụ hình dạng để lựa chọn, như sau:

Aja Romano

Chọn Công cụ Đường. Đây là cách nó sẽ xuất hiện trong thanh menu:

Jason Reed

Đảm bảo rằng màu Fill được đặt thành màu trắng và tùy chọn Stroke được đặt thành 0. Bây giờ hãy đặt độ đậm của đường thẳng là 5 pixel. Tùy chọn này sẽ nằm ở phía ngoài cùng bên phải của menu:

Aja Romano

Thêm các dòng trên các hướng dẫn bằng cách nhấp và kéo. Chúng sẽ tự động điền đến 5 pixel và bây giờ bạn có hình ảnh ba bảng để làm việc.

3) Thêm mặt nạ.

Đang cài đặt.

Chọn và hợp nhất các lớp đường thẳng đó (CTL-E) và thêm mặt nạ lớp (Layer> Layer Mask> Reveal All).

Kiểm tra từng khung của GIF (bằng cách nhấp vào các khung trong Dòng thời gian) để xem đối tượng của bạn - trong trường hợp này là Jack Frost và chú cá heo ma thuật của anh ấy - đang tương tác với hai đường màu trắng như thế nào.

Aja Romano

Bạn sẽ cần tạo một bản sao của lớp dòng cho mỗi khung, vì vậy nếu bạn không muốn GIF của mình có kích thước tệp lớn, sẽ hữu ích khi chọn hoặc tạo GIF có ít khung nhất có thể.

Bạn sẽ chỉ cần sửa đổi từng khung trong GIF hiển thị cá heo đi qua phía trước của các thanh. Ví dụ: trong hai khung hình đầu tiên và khung hình cuối cùng, con cá heo nằm sau thanh bên phải, vì vậy bạn không cần phải sửa đổi các khung hình đó.

Trong trường hợp này, chúng ta cần sửa đổi 7 khung hình, vì vậy chúng ta sẽ cần tạo 7 bản sao của lớp mặt nạ:

Jason Reed

Để có được sự tỉnh táo của riêng bạn, hãy gắn nhãn cho mỗi bản sao mới của lớp mặt nạ là cái gì đó khớp với khung mà nó sẽ được sử dụng. Ví dụ: đặt tên cho lớp có mặt nạ đầu tiên mà bạn sửa đổi là “Khung 3” vì bạn sẽ khớp nó với khung thứ ba.

Bây giờ, hãy phóng to và bắt đầu tạo mặt nạ. Sơn màu đen trên mặt nạ sẽ làm cho các thanh 'biến mất', và sơn màu trắng sẽ làm cho nó 'xuất hiện lại'.

Jason Reed

Làm điều này cho mỗi khung hình mà con cá heo ở phía trước của các thanh. Đừng quên chỉ hiển thị một lớp mặt nạ tại một thời điểm cho mỗi khung hình mà bạn sửa đổi.

Aja Romano

Sau khi bạn đã vẽ mọi khung hình cần, hãy thu nhỏ và nhấn phát trên GIF của bạn để đảm bảo mọi thứ đều đẹp.

Và Voila! Một con cá heo 3D đang bay:

Jason Reed

Và đây là phiên bản tôi đã tạo sau khi làm theo hướng dẫn của Jason:

Aja Romano

Siêu dễ dàng, phải không? Tất cả những gì bạn cần là một chút thời gian và sự kiên nhẫn để tô màu hoặc xóa một vài thanh màu trắng.

Và như bạn thấy, kết quả hoàn toàn xứng đáng. Người ta thậm chí có thể nói… kỳ diệu.

Minh họa bởi Aja Romano