ลำดับชั้นของ Flash Layer

• อาจ 10, 2024

ในบทช่วยสอนสุดท้ายเราเรียนรู้เกี่ยวกับ Flash^R ไทม์ไลน์ของ CS6 และเลเยอร์ของมัน เราวาดสี่เหลี่ยมสีเขียวที่เลเยอร์ด้านล่างของไทม์ไลน์และเพิ่มเลเยอร์ที่สองซึ่งเราเรียกว่า "วงกลม" ตอนนี้เราจะวาดวงกลมบนเลเยอร์นี้และสำรวจว่าลำดับชั้นเลเยอร์ส่งผลกระทบต่อวัตถุบนเวทีอย่างไร

เปิดโครงการของคุณใน Flash ณ จุดนี้เรามีสี่เหลี่ยมสีเขียวของเราที่ชั้นล่าง นอกจากนี้เรายังมีเลเยอร์วงกลมพร้อมให้เราวาดวงกลม

1. คลิกที่เฟรมแรกของ Timeline เพื่อย้าย Playhead กลับไปที่ Frame 1
   
   คุณจะสังเกตเห็นจุดเล็ก ๆ ที่มีสีขาวตรงกลางของเฟรมนี้ สิ่งนี้บ่งชี้ว่าเฟรมนี้มีคีย์เฟรม (ซึ่งเราจะเรียนรู้เพิ่มเติมเกี่ยวกับในบทช่วยสอนถัดไป) ณ จุดนี้เฉพาะเฟรมแรกเท่านั้นที่มีคีย์เฟรมและอีกเฟรม 49 จะไม่มี เนื่องจากเลเยอร์นั้นว่างเปล่าจุดเฟรมเฟรมจึงมีจุดกึ่งกลางสีขาว สิ่งนี้จะเปลี่ยนไปเมื่อเราเพิ่มแวดวงของเรา
   
   
2. เลือกเครื่องมือรูปไข่จากแผงเครื่องมือ
   
   
3. เราจะตั้งค่า Stroke color เป็น null สำหรับสีเติมเลือกสีเหลืองจากเครื่องมือเลือกสี
   
   
4. ที่มุมล่างซ้ายของเวทีคลิกและลากเพื่อวาดวงกลมเล็ก ๆ
   
   สังเกตุบนเลเยอร์วงกลมจุดเฟรมเฟรมขนาดเล็กเปลี่ยนเป็นสีดำทั้งหมดแสดงว่าเฟรมไม่ว่างเปล่าอีกต่อไป
   
   ขั้นตอนต่อไปของเราคือการเพิ่มเนินเขาด้านหลังวงกลม แต่อยู่ด้านหน้าพื้นหลังสีเขียว เราจะเพิ่มเลเยอร์ใหม่ให้กับเนินเขาของเรา Flash จะเพิ่มเลเยอร์ใหม่เหนือเลเยอร์ที่เลือกในปัจจุบันเสมอ เราต้องการให้เขาอยู่ด้านหลังวงกลมและอยู่เหนือชั้นล่าง ดังนั้นเลือกชั้นล่าง
   
   
5. คลิกที่ไอคอนเลเยอร์ใหม่เพื่อเพิ่มเลเยอร์ใหม่ เปลี่ยนชื่อเลเยอร์ "ฮิลล์" นี้
   
   เราจะใช้เครื่องมือวงรีเดียวกันเพื่อวาดเนินเขา
   
   
6. คลิกที่กล่องเติมสีเพื่อเปิดตัวเลือกสีและเลือกสีน้ำตาล
   
   
7. วาดรูปวงรีที่ด้านล่างของเวที
   
   ในที่สุดเราจะย้ายวงกลมสีเหลืองขึ้นไปด้านบนของเนินเขา
   
   
8. เลือกเลเยอร์วงกลมและคลิกที่รูปร่างวงกลมด้วยเครื่องมือการเลือก ลากวงกลมขึ้นด้านบน
   
   

อย่างที่คุณเห็นได้จากตัวอย่างง่ายๆนี้ลำดับของเลเยอร์ในเส้นเวลาสร้างลำดับชั้นสำหรับวัตถุบนเวที

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

←ย้อนกลับ

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, สะพาน, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ

คำแนะนำวิดีโอ: MESISE.COM วิเคราะห์ตัวอย่าง ช้าง ใน Animate CC 2019 (อาจ 2024).