เกี่ยวกับฟังก์ชันการค่อยๆ เปลี่ยน

ฟังก์ชันการค่อยๆ เปลี่ยนช่วยให้คุณเพิ่มและลดความเร็วในการเปลี่ยนภาพเคลื่อนไหวได้ Google Web Designer มีตัวเลือกการค่อยๆ เปลี่ยน 5 แบบมาตรฐาน ตามที่กำหนดไว้ในข้อกำหนด CSS3 และยังมีตัวเลือกการเปลี่ยนทีละขั้นตอนและการค่อยๆ เปลี่ยนที่กำหนดเองในโหมดขั้นสูง

หมายเหตุ: ตัวเลือกการค่อยๆ เปลี่ยนใช้ได้กับเอฟเฟกต์ข้อความ

การค่อยๆ เปลี่ยนในโหมดด่วน

ในโหมดด่วน ระบบจะใช้การค่อยๆ เปลี่ยนแบบเดียวกันกับองค์ประกอบที่เคลื่อนไหวทั้งหมดระหว่างภาพขนาดย่อ

หากแก้ไขการค่อยๆ เปลี่ยนในโหมดขั้นสูง คุณอาจเห็น "ผสม" แสดงเป็นประเภทการค่อยๆ เปลี่ยนเมื่อเปลี่ยนไปใช้โหมดด่วน

วิธีแก้ไขการค่อยๆ เปลี่ยนในโหมดด่วน

1. คลิกปุ่มตัวเลือกคีย์เฟรม ระหว่างภาพขนาดย่อ
2. ตัวแก้ไขการเปลี่ยนจะเปิดขึ้น
   

3. ในตัวแก้ไขการเปลี่ยน ให้คลิกลูกศรเพื่อเลือกค่าเริ่มต้นของการค่อยๆ เปลี่ยนที่กำหนดไว้ล่วงหน้า และคุณยังเปลี่ยนระยะเวลาของการค่อยๆ เปลี่ยนโดยป้อนระยะเวลาเป็นวินาที หรือคลิกช่องเวลาแล้วลากไปทางซ้ายหรือขวาได้ด้วย

ค่าการค่อยๆ เปลี่ยนเริ่มต้นที่กำหนดล่วงหน้า

ค่าการค่อยๆ เปลี่ยนที่กำหนดล่วงหน้า	คำอธิบาย
เชิงเส้น	ภาพจะเคลื่อนไหวด้วยความเร็วแบบคงที่
ค่อยๆ เปลี่ยน	ภาพจะเคลื่อนไหวด้วยความเร็วปานกลาง จากนั้นลดความเร็วลงในช่วงท้าย
ค่อยๆ ออก	ภาพจะเคลื่อนไหวอย่างรวดเร็ว จากนั้นลดความเร็วลงในช่วงท้าย
ค่อยๆ เข้า	ภาพจะเคลื่อนไหวช้าในช่วงแรก และสิ้นสุดอย่างรวดเร็ว
ค่อยๆ เข้า-ออก	ภาพจะเคลื่อนไหวช้าตอนเริ่มและตอนจบ แต่จะเคลื่อนเร็วช่วงกลาง
สิ้นสุดขั้นตอน	ภาพเคลื่อนไหวจะอยู่ที่ตำแหน่งเริ่มต้นในช่วงค่อยๆ เปลี่ยน จากนั้นข้ามไปยังตอนจบทันที
เริ่มขั้นตอน	ภาพจะข้ามไปยังตอนจบโดยทันที

การค่อยๆ เปลี่ยนในโหมดขั้นสูง

โหมดขั้นสูงมีตัวเลือกการค่อยๆ เปลี่ยนเพิ่มเติมต่อไปนี้

• แก้ไขการค่อยๆ เปลี่ยนในระยะเวลาหลายช่วงพร้อมกัน
• ระบุการค่อยๆ เปลี่ยนที่กำหนดเอง
• บันทึกการค่อยๆ เปลี่ยนที่กำหนดเองเป็นค่าที่กำหนดล่วงหน้าใหม่ เพื่อให้นำไปใช้กับระยะเวลาอื่นอีกครั้งได้ง่ายขึ้น

วิธีเปลี่ยนการค่อยๆ เปลี่ยนในโหมดขั้นสูง

1. คลิกขวาที่ระยะเวลาที่มีภาพเคลื่อนไหวที่คุณต้องการแก้ไขการค่อยๆ เปลี่ยน หากต้องการแก้ไขการค่อยๆ เปลี่ยนหลายรายการพร้อมกัน ให้เลือกระยะเวลาที่ติดกันโดยใช้ Shift + คลิก หรือระยะเวลาที่ไม่ติดกันโดยใช้ Control + คลิก (Windows) หรือ Command + คลิก (Mac) จากนั้นคลิกขวาที่หนึ่งในระยะเวลาที่เลือก (ระบบจะแก้ไขการค่อยๆ เปลี่ยนของระยะเวลาที่มีภาพเคลื่อนไหวเท่านั้น)

2. เลือกค่าการค่อยๆ เปลี่ยนที่กำหนดล่วงหน้า 1 รายการจากเมนูป๊อปอัป หรือเลือกตัวเลือกการค่อยๆ เปลี่ยน... เพื่อให้เห็นภาพเส้นโค้งของการค่อยๆ เปลี่ยน หรือเพื่อระบุการค่อยๆ เปลี่ยนที่กำหนดเอง

วิธีสร้างการค่อยๆ เปลี่ยนที่กำหนดเอง

1. คลิกขวาที่ระยะเวลา และเลือกตัวเลือกการค่อยๆ เปลี่ยน... เพื่อเปิดกล่องโต้ตอบของการค่อยๆ เปลี่ยนนั้น
2. ใช้วิธีใดวิธีหนึ่งต่อไปนี้เพื่อแก้ไขการค่อยๆ เปลี่ยน
   • ลากแฮนเดิลตัวควบคุมเพื่อปรับรูปร่างและเส้นโค้งของการค่อยๆ เปลี่ยน มุมของแฮนเดิลตัวควบคุมจะทำหน้าที่ควบคุมความโค้ง ขณะที่ความยาวของแฮนเดิลตัวควบคุมจะทำหน้าที่ควบคุมระยะเวลาของการเร่งหรือลดความเร็ว
   • ในช่องเบซิเยร์รูปลูกบาศก์ ให้ใส่ cubic-bezier() ของเส้นโค้งเบซิเยร์ที่คุณต้องการ หากป้อนค่าไม่ถูกต้อง ระบบจะขีดเส้นใต้ช่องด้วยสีแดง
3. (ไม่บังคับ) บันทึกการค่อยๆ เปลี่ยนที่กำหนดเองนี้เป็นค่าที่กำหนดล่วงหน้าโดยคลิกบันทึกเป็นค่าที่กำหนดล่วงหน้า
4. คลิกใช้เพื่อใช้การค่อยๆ เปลี่ยนที่กำหนดเองนี้กับระยะเวลาที่เลือก
   

ค่าการค่อยๆ เปลี่ยนที่กำหนดล่วงหน้าเอง

หากคุณต้องการใช้การค่อยๆ เปลี่ยนแบบกำหนดเองใดอีกครั้งกับระยะเวลาหลายช่วง ให้บันทึกการค่อยๆ เปลี่ยนนั้นเป็นค่าที่กำหนดล่วงหน้า ซึ่งมีข้อดีดังต่อไปนี้

• เข้าถึงได้รวดเร็ว: คุณจะเห็นว่าค่าการค่อยๆ เปลี่ยนที่กำหนดล่วงหน้าอยู่แสดงเป็นตัวเลือกในเมนูป๊อปอัป เมื่อคลิกขวาที่ระยะเวลา
• ระบุได้ง่าย: ชื่อของค่าที่กำหนดล่วงหน้าจะแสดงในเส้นควบคุมเวลาในโหมดขั้นสูง

ค่าที่กำหนดล่วงหน้าเองจะบันทึกไว้สำหรับอินสแตนซ์ Google Web Designer ส่วนตัวของคุณและใช้กับเอกสารต่างๆ ได้ หากคุณเปิดเอกสารที่มีค่าที่กำหนดล่วงหน้าเองของผู้ใช้รายอื่น การค่อยๆ เปลี่ยนจะแสดงเป็น "กำหนดเอง" แทนที่จะใช้ชื่อของค่าที่กำหนดล่วงหน้านั้น แต่เส้นโค้งในการค่อยๆ เปลี่ยนจะยังเหมือนเดิม

หากต้องการบันทึกค่าที่กำหนดล่วงหน้าเองใหม่ ให้สร้างการค่อยๆ เปลี่ยนที่กำหนดเองในกล่องโต้ตอบตัวเลือกการค่อยๆ เปลี่ยน และคลิกบันทึกเป็นค่าที่กำหนดล่วงหน้าใหม่เพื่อตั้งชื่อ ชื่อของค่าและเส้นโค้งเบซิเยร์รูปลูกบาศก์จะต้องไม่ซ้ำกัน หากระยะเวลาที่มีอยู่มีค่าที่กำหนดเองเหมือนกับค่าที่สร้างใหม่ ระยะเวลานั้นจะเปลี่ยนไปแสดงชื่อตามค่าที่สร้างใหม่ดังกล่าว

หากต้องการเปลี่ยนชื่อค่าที่กำหนดล่วงหน้าเอง ให้ดับเบิลคลิกหรือวางเมาส์เหนือค่านั้นในกล่องโต้ตอบตัวเลือกการค่อยๆ เปลี่ยน แล้วคลิกไอคอนดินสอที่ปรากฏถัดจากชื่อค่าที่กำหนดล่วงหน้า แก้ไขชื่อและกด Enter ระยะเวลาที่ใช้ค่านี้ก็จะแสดงชื่อใหม่

หากต้องการลบค่าที่กำหนดล่วงหน้าเอง ให้วางเมาส์เหนือค่านั้นในกล่องโต้ตอบตัวเลือกการค่อยๆ เปลี่ยน และคลิกไอคอนถังขยะที่ปรากฏถัดจากชื่อค่าที่กำหนดล่วงหน้า ระยะเวลาที่ใช้ค่านี้จะไม่เปลี่ยนแปลง เพียงแต่จะแสดงเป็น "กำหนดเอง"

คุณแก้ไขเส้นโค้งของค่าที่กำหนดล่วงหน้าที่มีอยู่ไม่ได้ แต่ให้สร้างค่าที่กำหนดล่วงหน้าเองใหม่และนำไปใช้กับระยะเวลาที่คุณต้องการเปลี่ยนแปลงแทน