วิธีเพิ่มประสิทธิภาพเฟรมที่ทำซ้ำใน GIF แบบเคลื่อนไหวโดยใช้ Photoshop


10

ฉันได้รับการทดสอบด้วยเทคนิคที่เรียกว่าcinemagraphs เทคนิคนี้ทำให้ GIF แบบเคลื่อนไหวซึ่งมีเพียงส่วนเล็ก ๆ ของภาพเคลื่อนไหว นี่คือวิธีลัดที่ฉันเพิ่งทำ:

ป้อนคำอธิบายรูปภาพที่นี่

จนถึงตอนนี้ Photoshop ทำงานได้ดีด้วยการบีบอัดสแตติกส่วนต่างๆของฉาก โดยการปกปิดเฉพาะส่วนที่เคลื่อนที่คุณสามารถบันทึกได้หลายเมกะไบต์

ป้อนคำอธิบายรูปภาพที่นี่

สิ่งที่ Photoshop ไม่ได้รับการปรับให้เหมาะสมคือเฟรมที่ทำซ้ำ เพื่อให้ได้วนรอบที่ราบรื่นฉันได้ทำซ้ำเฟรมทั้งหมดและย้อนกลับ ในตัวอย่างด้านบนผู้ประกาศข่าวจะหันไปทางซ้ายและต้องกลับไปที่ตำแหน่งเดิม นี่จะเพิ่มขนาดของ GIF เป็นสองเท่า ฉันจะบอก Photoshop ให้ปรับเฟรมที่ซ้ำกันได้อย่างไรเช่นปรับพื้นที่คงที่ให้เหมาะสมที่สุด? ในเมนูของแผงควบคุมไทม์ไลน์ฉันได้ใช้ตัวเลือก "ปรับภาพเคลื่อนไหว" แล้ว แต่ไม่ได้ทำอะไร ...


ฉันไม่เชื่อว่า Photoshop มีกลไกใด ๆ ในการดู "เฟรมซ้ำ" มันเห็นพิกเซลที่คล้ายกันระหว่างเฟรมเท่านั้น และถึงตอนนั้นฉันเชื่อว่ามีเพียงเฟรมก่อนหน้าและเฟรมถัดไป
สกอตต์

@Dominic ฉันจะไม่ควบคุม CSS / JS ฉันจะโพสต์ gif เหล่านี้ไปยังเว็บไซต์อื่น สกอตต์: คุณรู้ไหมว่า PS แบ่งพาร์ติชั่นจากชิ้นส่วนไดนามิกได้อย่างไร? มันคือกล่องที่มีขอบเขต (วงกลม, สามเหลี่ยม, ฯลฯ ... )? อนุญาตให้มีพื้นที่แบบไดนามิกจำนวนเท่าใด อื่น ๆ ...
JoJo

คำตอบ:


3

หากฉันเข้าใจคำถามของคุณแสดงว่าคุณมีภาพเคลื่อนไหว 5 เฟรม เฟรม 1 และ 5, 2 และ 4 เหมือนกัน ดังนั้นคุณต้องการให้ Photoshop เล่น gif ดังนี้ 1,2,3,2,1

น่าเสียดายที่มันเป็นไปไม่ได้ด้วย gif แบบเคลื่อนไหว Gif ถูกสร้างขึ้นเพื่ออนุญาตให้สตรีมข้อมูลโดยแสดงเฟรมถัดไปตามลำดับเมื่อมีการโหลดข้อมูล เฟรมแรกถือเป็นโกลบอลและสามารถใช้ข้อมูลในเฟรมถัดไปได้ทุกเฟรม ดังนั้นเฟรมแรกจะตั้งค่าพื้นฐานจากนั้น "ปรับภาพเคลื่อนไหว" เปลี่ยนพิกเซลที่เหมือนกันให้เป็นโปร่งใสในเฟรมที่เกินเฟรมแรก ดังนั้นจึงไม่มีวิธีการเล่นเฟรมก่อนหน้าพวกเขาจะต้องวิ่งผ่านแม้ว่าเฟรมจะเหมือนกันกับกระแส Wikipedia อธิบายรายละเอียดมากกว่าที่ฉันทำ

นานมาแล้วฉันทำสิ่งที่คล้ายกัน (ดูเมนู) กับสิ่งที่คุณกำลังมองหาผ่านทางจาวาสคริปต์และลำดับของ jpgs สคริปต์จะเล่นภาพที่ 1-10 ในการวางเมาส์เหนือจากนั้น 10-1 ในการวางเมาส์

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.