นอกจากการสร้างภาพเคลื่อนไหวแล้ว ไทม์ไลน์ในโหมดขั้นสูงยังช่วยให้คุณเห็นเลเยอร์ขององค์ประกอบต่างๆ ในพื้นที่งานด้วย องค์ประกอบแต่ละอย่างจะแสดงเป็นเลเยอร์ในไทม์ไลน์ คุณจึงทำงานกับองค์ประกอบได้ง่ายขึ้น
นอกจากนี้ แผงเครื่องมือจัดทําโครงร่างจะแสดงเลเยอร์ในเอกสารด้วย แต่แสดงในมุมมองแบบต้นไม้
การจัดการเลเยอร์
เพิ่มเลเยอร์
ระบบจะเพิ่มเลเยอร์ในไทม์ไลน์โดยอัตโนมัติเมื่อคุณสร้างองค์ประกอบหรือมาสก์
มาสก์จะมีสัญลักษณ์ ที่ด้านหน้าชื่อเลเยอร์
เรียงลำดับเลเยอร์ใหม่
ลำดับของเลเยอร์ในไทม์ไลน์แสดงลักษณะที่องค์ประกอบจะซ้อนกัน (หากซ้อนกัน) ย้ายเลเยอร์ภายในกลุ่มเลเยอร์โดยใช้วิธีใดวิธีหนึ่งต่อไปนี้
- เลือกเลเยอร์และลากไปยังระดับที่ต้องการ
- ใช้ปุ่มเลเยอร์ในแถบตัวเลือกเครื่องมือการเลือก เพื่อเลื่อนเลเยอร์ขึ้นหรือลง หรือขึ้นบนสุดและลงล่างสุด ไทม์ไลน์จะแสดงการเปลี่ยนแปลงที่คุณทำโดยใช้ปุ่มเลเยอร์
เลเยอร์มาสก์จะอยู่ข้างใต้ติดกับเลเยอร์ขององค์ประกอบที่เป็นโฮสต์เสมอ
ล็อกเลเยอร์
คุณจะเลือกหรือแก้ไขเลเยอร์ที่ล็อกไว้ไม่ได้ วิธีนี้เหมาะสำหรับใช้ในกรณีที่ปรับแต่งองค์ประกอบเสร็จสมบูรณ์แล้วและไม่ต้องการให้เปลี่ยนแปลงโดยไม่ตั้งใจ การล็อกองค์ประกอบทำได้ดังนี้
- คลิกช่องทำเครื่องหมายใต้ไอคอนล็อก ตรงเลเยอร์ขององค์ประกอบ
- คลิกช่องทำเครื่องหมาย จากนั้นลากตัวชี้เมาส์ผ่านช่องทำเครื่องหมายหลายช่องเพื่อล็อกหลายเลเยอร์ในครั้งเดียว
- คลิกไอคอนล็อกทุกเลเยอร์ ที่ด้านบนเพื่อล็อกหรือปลดล็อกทุกเลเยอร์
ซ่อนเลเยอร์
เลเยอร์ที่ซ่อนไว้จะไม่แสดงในพื้นที่งาน และคุณจะเลือกหรือแก้ไขเลเยอร์เหล่านั้นไม่ได้ด้วย วิธีนี้เหมาะสำหรับใช้ในกรณีที่ต้องการปรับแต่งองค์ประกอบที่อยู่ด้านหลังองค์ประกอบที่ซ่อนไว้ การซ่อนองค์ประกอบทำได้ดังนี้
- คลิกช่องทำเครื่องหมายใต้ไอคอนรูปตา ตรงเลเยอร์ที่ต้องการซ่อน
- คลิกช่องทำเครื่องหมาย จากนั้นลากตัวชี้เมาส์ผ่านช่องทำเครื่องหมายหลายช่องเพื่อซ่อนหลายเลเยอร์ในครั้งเดียว
- คลิกปุ่มซ่อนทุกเลเยอร์ ที่ด้านบนเพื่อซ่อนหรือแสดงทุกเลเยอร์
หากไม่ต้องการให้มองเห็นองค์ประกอบใดในการแสดงตัวอย่างบนเบราว์เซอร์และในไฟล์ที่เผยแพร่ ให้แปลงองค์ประกอบนั้นเป็นเลเยอร์ไกด์ คุณซ่อนองค์ประกอบที่จุดเริ่มต้นหรือจุดสิ้นสุดของไทม์ไลน์ได้ด้วยการตั้งค่าช่วงการมองเห็น
ทำซ้ำเลเยอร์
การทำซ้ำเลเยอร์จะสร้างสำเนาขององค์ประกอบและคีย์เฟรมที่อาจมีอยู่ วิธีทำซ้ำเลเยอร์มีดังนี้
- คลิกขวาที่ชื่อหรือรหัสเลเยอร์ แล้วเลือกทำซ้ำเลเยอร์จากเมนูป๊อปอัป เลเยอร์ใหม่จะปรากฏเหนือเลเยอร์เดิมทันที
- คุณเลือกทำซ้ำทีละหลายเลเยอร์ได้โดยกด Shift+click สำหรับเลเยอร์ที่อยู่ติดกันหลายเลเยอร์ และกด Control+click (Windows) หรือ Command+click (Mac) สำหรับเลเยอร์ที่ไม่ได้อยู่ติดกัน คลิกขวาที่ชื่อหรือรหัสเลยอร์ที่เลือก แล้วเลือกทำซ้ำเลเยอร์เพื่อทำซ้ำเลเยอร์ที่เลือกทั้งหมด
เลเยอร์มาสก์จะทำซ้ำไม่ได้
วนซ้ำภาพเคลื่อนไหวของเลเยอร์
- บนไทม์ไลน์ ให้คลิกปุ่มตั้งค่าการเล่นซ้ำภาพเคลื่อนไหว บนเลเยอร์ภาพเคลื่อนไหวที่ต้องการให้วนซ้ำ
- ในเมนูป๊อปอัป ให้เลือกตัวเลือกดังนี้
- ไม่มีสิ้นสุด - ภาพเคลื่อนไหวจะวนซ้ำไม่มีสิ้นสุด
- ___ ครั้ง - ภาพเคลื่อนไหวจะวนซ้ำตามจำนวนครั้งที่ระบุ
- ไม่มี - ภาพเคลื่อนไหวจะไม่วนซ้ำ
การวนซ้ำเลเยอร์แตกต่างจากการวนซ้ำภาพเคลื่อนไหว
- การวนซ้ำเลเยอร์จะเปลี่ยนภาพเคลื่อนไหวเพื่อให้มีการเล่นวนซ้ำในเอกสารที่เผยแพร่
- การวนซ้ำตัวอย่างภาพเคลื่อนไหวโดยคลิกเล่นซ้ำ จะมีผลกับภาพเคลื่อนไหวในพื้นที่งานที่คุณเห็นเมื่อกดเล่น ในไทม์ไลน์เท่านั้น
ช่วงการมองเห็น
โฆษณา AMPHTML ไม่รองรับช่วงการมองเห็น
ช่วงการมองเห็นของเลเยอร์จะควบคุมว่าองค์ประกอบหรือมาสก์นั้นมองเห็นได้และแก้ไขได้ตอนไหน คุณอาจกําหนดช่วงการมองเห็นหากต้องการให้องค์ประกอบปรากฏหรือหายไป หรือซ่อนองค์ประกอบขณะที่ไม่มีการใช้งาน เพื่อให้โฟกัสที่ส่วนอื่นๆ ของเอกสารได้
พฤติกรรมระดับการมองเห็นของเลเยอร์
โดยค่าเริ่มต้น ช่วงการมองเห็นจะยังไม่ได้มีการตั้งค่า คุณสามารถกำหนดได้ทั้งจุดเริ่มต้นหรือจุดสิ้นสุดของช่วงการมองเห็น หรือจะกำหนดทั้ง 2 จุดก็ได้
ช่วงการมองเห็น | พฤติกรรม |
---|---|
ไม่ได้ตั้งค่า (ค่าเริ่มต้น) |
องค์ประกอบหรือมาสก์จะปรากฏขึ้นทันทีที่เอกสารโหลดขึ้นมา และยังคงมองเห็นได้หลังจากที่ภาพเคลื่อนไหวสิ้นสุดแล้ว |
ตั้งค่าจุดเริ่มต้นไว้ |
องค์ประกอบหรือมาสก์จะปรากฏเมื่อถึงเวลาเริ่มต้น หากตั้งค่าไว้ที่ 0 วินาที องค์ประกอบหรือมาสก์จะปรากฏขึ้นเมื่อภาพเคลื่อนไหวเริ่มเล่น ซึ่งอาจเป็นหลังจากที่เอกสารโหลดขึ้นมา |
การตั้งค่าจุดสิ้นสุดไว้ |
องค์ประกอบหรือมาสก์จะหายไปเมื่อเวลาสิ้นสุด |
แผงคุณสมบัติจะไม่พร้อมใช้งานสําหรับเลเยอร์ที่อยู่นอกช่วงการมองเห็น หากต้องการแก้ไของค์ประกอบหรือมาสก์ได้อย่างอิสระ ให้ขยายช่วงการมองเห็น (เช่น เพิ่มคีย์เฟรม) หรือย้ายส่วนหัวของตัวควบคุมการเล่นในไทม์ไลน์ภายในช่วงนั้น
ตั้งค่าช่วงการมองเห็น
หากต้องการตั้งค่าช่วงการมองเห็นหรือปรับขอบเขตของช่วง ให้ใช้วิธีใดวิธีหนึ่งต่อไปนี้
- คลิกขวาที่เลเยอร์ ณ จุดในไทม์ไลน์ที่คุณต้องการกำหนดขอบเขตของช่วงการมองเห็น จากนั้นเลือกเริ่มช่วงการมองเห็นหรือสิ้นสุดช่วงการมองเห็นจากเมนูป๊อปอัป
- วางเมาส์เหนือขอบเขตของช่วงการมองเห็นเพื่อไฮไลต์แฮนเดิล (แถบแนวตั้ง) ลากแฮนเดิลไปยังตําแหน่งที่ต้องการในไทม์ไลน์ เมื่อไม่ได้ตั้งค่าช่วงการมองเห็น แฮนเดิลจะปรากฏเป็นสีเทาเข้มและแสดงอยู่ที่ 0 วินาที และที่ปลายไทม์ไลน์ของภาพเคลื่อนไหว
ช่วงการมองเห็นต้องมีคลิปคีย์เฟรมทั้งหมดและเอฟเฟกต์ข้อความสำหรับเลเยอร์เสมอ ซึ่งอาจจํากัดตำแหน่งที่คุณสามารถลากช่วงหรือกำหนดขอบเขตของช่วงได้ ช่วงจะขยายโดยอัตโนมัติเพื่อรวมคีย์เฟรม คลิป หรือเอฟเฟกต์ข้อความที่คุณเพิ่ม
คุณเลือกแฮนเดิลของช่วงการมองเห็นควบคู่ไปกับคีย์เฟรม ระยะเวลา คลิป และแฮนเดิลช่วงการมองเห็นอื่นๆ ได้ ซึ่งจะช่วยให้ลากทั้งหมดไปพร้อมๆ กับไทม์ไลน์ในการซิงค์ได้
ดับเบิลคลิกเลเยอร์ภายในไทม์ไลน์เพื่อเลือกคีย์เฟรม ระยะเวลา คลิป และแฮนเดิลระดับการมองเห็นทั้งหมดสําหรับเลเยอร์นั้น
การตั้งค่าช่วงการมองเห็นจะนำการวนซ้ำภาพเคลื่อนไหวของเลเยอร์นั้นๆ ออก
ยกเลิกการตั้งค่าช่วงการมองเห็น
หากต้องการล้างจุดเริ่มต้นหรือจุดสิ้นสุดของช่วงการมองเห็น ให้ใช้วิธีใดวิธีหนึ่งต่อไปนี้
- ดับเบิลคลิกที่แฮนเดิล
- คลิกขวาที่แฮนเดิลแล้วเลือกรีเซ็ตขอบเขตของช่วงจากเมนูป๊อปอัป
เลเยอร์ไกด์
เลเยอร์ไกด์จะทำงานเหมือนองค์ประกอบปกติในขณะที่คุณกำลังทำงานกับเอกสาร แต่จะไม่แสดงในการแสดงตัวอย่างบนเบราว์เซอร์หรือในไฟล์ที่เผยแพร่ คุณใช้เลเยอร์ไกด์เพื่อใส่โน้ตลงในเลย์เอาต์ได้โดยตรงเพื่อสร้างพิมพ์เขียวสำหรับการออกแบบหรือทำต้นแบบให้กับเอกสาร
หากต้องการแปลงเลเยอร์เป็นเลเยอร์ไกด์ ให้ทำดังนี้
- คลิกขวาที่องค์ประกอบบนพื้นที่งานหรือในไทม์ไลน์ หรือจะเลือกทีละหลายองค์ประกอบแล้วคลิกขวาที่รายการที่เลือกก็ได้ (คุณจะเลือกมาสก์ได้ต่อเมื่อเลือกองค์ประกอบที่เป็นโฮสต์ไว้ด้วย)
- เลือกเลเยอร์ไกด์จากเมนูป๊อปอัป
ไอคอนเลเยอร์ไกด์ จะปรากฏขึ้นข้างหน้าชื่อเลเยอร์ในไทม์ไลน์โหมดขั้นสูง เมื่อเลือกเลเยอร์ไกด์บนพื้นที่งาน กรอบของเลเยอร์จะเป็นสีส้ม
หากต้องการแปลงเลเยอร์ไกด์กลับเป็นองค์ประกอบปกติ ให้คลิกขวาที่เลเยอร์ไกด์ที่ต้องการและยกเลิกการเลือกเลเยอร์ไกด์ในเมนูป๊อปอัป
เลเยอร์ไกด์จะไม่แสดงในไฟล์ที่เผยแพร่ จึงไม่เป็นปัจจัยที่ส่งผลต่อขนาดของไฟล์ นอกจากนี้จะมีการนำเหตุการณ์ กฎ CSS หรือการเชื่อมโยงข้อมูลแบบไดนามิกทั้งหมดที่อ้างอิงเลเยอร์ไกด์ออกจากการแสดงตัวอย่างและไฟล์ที่เผยแพร่ด้วย
เลเยอร์ของมาสก์
มาสก์แต่ละรายการจะแสดงเป็นเลเยอร์ในไทม์ไลน์โหมดขั้นสูง โดยจะมีสัญลักษณ์ อยู่หน้าชื่อเลเยอร์
คุณสามารถเลือก ซ่อน ล็อก หรือตั้งค่าช่วงการมองเห็นของเลเยอร์มาสก์ได้เช่นเดียวกับเลเยอร์องค์ประกอบ แต่เลเยอร์ทั้งสองมีลักษณะที่แตกต่างกัน ดังนี้
- เลเยอร์มาสก์จะปรากฏอยู่ข้างใต้ติดกับเลเยอร์ขององค์ประกอบโฮสต์เสมอ เมื่อเรียงลำดับเลเยอร์มาสก์หรือเลเยอร์องค์ประกอบโฮสต์อีกครั้ง เลเยอร์ทั้งสองจะเคลื่อนย้ายโดยอัตโนมัติ
- การลบองค์ประกอบโฮสต์จะลบมาสก์ขององค์ประกอบนั้นไปด้วย
- คุณลบชุดผสมระหว่างเลเยอร์องค์ประกอบและมาสก์ได้ต่อเมื่อมีองค์ประกอบโฮสต์สำหรับมาสก์รวมอยู่ในรายการที่เลือกด้วย
- คุณทำซ้ำเลเยอร์มาสก์ไม่ได้
- คุณแก้ไขมาสก์ที่ซ่อนได้ แต่จะแก้ไของค์ประกอบที่ซ่อนไม่ได้
- คุณแปลงเลเยอร์มาสก์เป็นเลเยอร์ไกด์ไม่ได้ แม้ว่าองค์ประกอบโฮสต์จะเป็นเลเยอร์ไกด์ มาสก์ก็จะไม่ปรากฏในตัวอย่างในเบราว์เซอร์และไฟล์ที่เผยแพร่
ดูข้อมูลเพิ่มเติมเกี่ยวกับมาสก์
แทร็กวิดีโอและแทร็กเสียง
แทร็กวิดีโอและแทร็กเสียงคือเลเยอร์ประเภทต่างๆ ที่สามารถมีคลิปสื่อได้
แทร็กวิดีโอจะอยู่ในโฆษณาวิดีโอและ GIF แบบเคลื่อนไหว โดยรองรับการซ่อน การล็อก การจัดลําดับใหม่ คีย์เฟรม ช่วงการมองเห็น และมาสก์
แทร็กเสียงจะใช้ได้เฉพาะในโฆษณาวิดีโอ เมื่อไม่มีองค์ประกอบที่มองเห็นได้ ก็จะไม่มีฟังก์ชันการทํางานอย่างเช่น การซ่อน ช่วงการมองเห็น ภาพเคลื่อนไหว หรือมาสก์ แต่สามารถล็อกไว้เพื่อป้องกันการแก้ไขเสียง
ดูข้อมูลเพิ่มเติมเกี่ยวกับแทร็กวิดีโอและแทร็กเสียง