คอมโพเนนต์เอฟเฟกต์อนุภาค

โฆษณา AMPHTML โฆษณาวิดีโอ หรือโฆษณาแบบรูปภาพไม่รองรับคอมโพเนนต์นี้

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

ตัวอย่างเอฟเฟกต์หิมะ

วิธีใช้คอมโพเนนต์เอฟเฟกต์อนุภาค

1. เปิดแผงคอมโพเนนต์ จากนั้นเลือกโฟลเดอร์กราฟิกและเอฟเฟกต์

2. ดับเบิลคลิกคอมโพเนนต์เอฟเฟกต์อนุภาค หรือลากไปยังพื้นที่งาน

3. ดับเบิลคลิกที่คอมโพเนนต์ในพื้นที่งาน หรือคลิกปุ่มการตั้งค่า... ในแผงคุณสมบัติ กล่องโต้ตอบเอฟเฟกต์อนุภาคจะปรากฏขึ้น

4. ลากรูปภาพที่ต้องการรวมเป็นเลเยอร์จากแผงไลบรารีลงในแผงเลเยอร์ หากต้องการเพิ่มรูปภาพอื่นๆ ให้คลิกปุ่มเพิ่มรูปภาพ ที่ด้านล่างของแผง

5. เลือกเอฟเฟกต์ที่ต้องการจากแผงค่าที่กำหนดล่วงหน้าที่ด้านล่าง แล้วลากเอฟเฟกต์ดังกล่าวไปยังพื้นที่งานหรือคลิกปุ่มเพิ่ม ที่ปรากฏเหนือเอฟเฟกต์นั้น สแนปชอตของเอฟเฟกต์จะปรากฏในพื้นที่งาน โดยพื้นที่ต้นทางของอนุภาค (บริเวณที่ระบบสร้างอนุภาคขึ้น) จะมีเส้นขอบ คุณใส่เอฟเฟกต์หลายอย่างลงในเลเยอร์ต่างๆ ได้

6. ปรับแต่งเอฟเฟกต์ด้วยการปรับเปลี่ยนคุณสมบัติ คุณบันทึกคุณสมบัติชุดใหม่เป็นค่าที่กำหนดเองล่วงหน้าได้

การเรียงลำดับเลเยอร์ใหม่

การเรียงลำดับเลเยอร์จะกำหนดลักษณะการซ้อนทับกันของแต่ละเลเยอร์ วิธีเรียงลำดับเลเยอร์ที่ซ้อนกันมีดังนี้

1. เปิดกล่องโต้ตอบเอฟเฟกต์อนุภาคด้วยการดับเบิลคลิกคอมโพเนนต์ในพื้นที่งาน หรือคลิกปุ่มการตั้งค่า... ในแผงคุณสมบัติ
2. ในแผงเลเยอร์ ให้ลากเลเยอร์ไปที่ตำแหน่งใหม่

การจัดตำแหน่งเลเยอร์ใหม่

คุณย้ายรูปภาพหรือพื้นที่ต้นทางของอนุภาคของเอฟเฟกต์ได้ ตราบใดที่ยังอยู่ในขอบเขตของคอมโพเนนต์ วิธีย้ายเลเยอร์มีดังนี้

1. เปิดกล่องโต้ตอบเอฟเฟกต์อนุภาคด้วยการดับเบิลคลิกคอมโพเนนต์ในพื้นที่งาน หรือคลิกปุ่มการตั้งค่า... ในแผงคุณสมบัติ
2. เลือกเลเยอร์ที่ต้องการย้าย รูปภาพหรือพื้นที่ต้นทางของอนุภาคของเอฟเฟกต์จะมีกรอบล้อมรอบขึ้นมา หรือจะเลือกหลายเลเยอร์เพื่อย้ายพร้อมกันก็ได้
3. ใช้วิธีการใดวิธีการหนึ่งต่อไปนี้
   • ในพื้นที่งาน
     • ลากเลเยอร์ไปยังตำแหน่งใหม่
     • ใช้แป้นลูกศรเพื่อย้ายเลเยอร์ทีละ 1 พิกเซล กดแป้น Shift ค้างไว้ระหว่างที่กดแป้นลูกศรเพื่อย้ายเลเยอร์ไปในทิศทางนั้นทีละ 10 พิกเซล
   • ในแผงคุณสมบัติ
     • สำหรับรูปภาพ ให้แก้ไขคุณสมบัติตำแหน่งด้านบนและด้านซ้าย
     • สำหรับเอฟเฟกต์ ให้ขยายเพื่อดูคุณสมบัติขั้นสูงและแก้ไขค่าระยะแกน X และระยะแกน Y ตั้งค่าตัวเลือกล็อกขนาด เพื่อย้ายพื้นที่ต้นทางของอนุภาคโดยไม่ให้มีการปรับขนาด

การปรับขนาดเลเยอร์

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

1. เปิดกล่องโต้ตอบเอฟเฟกต์อนุภาคด้วยการดับเบิลคลิกคอมโพเนนต์ในพื้นที่งาน หรือคลิกปุ่มการตั้งค่า... ในแผงคุณสมบัติ
2. เลือกเลเยอร์ที่ต้องการปรับขนาด รูปภาพหรือพื้นที่ต้นทางของอนุภาคของเอฟเฟกต์จะมีกรอบล้อมรอบขึ้นมา หรือจะเลือกหลายเลเยอร์ก็ได้
3. ใช้วิธีการใดวิธีการหนึ่งต่อไปนี้
   • ในพื้นที่งาน: ลากแฮนเดิลตัวควบคุมที่ด้านข้างและมุมของกรอบล้อมรอบ
   • ในแผงคุณสมบัติ
     • สำหรับรูปภาพ ให้แก้ไขคุณสมบัติความกว้างและความสูง
     • สำหรับเอฟเฟกต์ ให้ขยายเพื่อดูคุณสมบัติขั้นสูงและแก้ไขค่าระยะแกน X และระยะแกน Y ตรวจสอบว่าปิดใช้ตัวเลือกล็อกไว้ อยู่

การนำเลเยอร์ออก

วิธีลบเลเยอร์ออกจากคอมโพเนนต์

1. เปิดกล่องโต้ตอบเอฟเฟกต์อนุภาคด้วยการดับเบิลคลิกคอมโพเนนต์ในพื้นที่งาน หรือคลิกปุ่มการตั้งค่า... ในแผงคุณสมบัติ
2. ในแผงเลเยอร์ ให้เลือกเลเยอร์ที่ต้องการลบ โดยอาจเลือกหลายเลเยอร์ก็ได้
3. กดแป้น Delete หรือคลิกปุ่มลบเลเยอร์ ที่ด้านล่างของแผง

การซ่อนและการแสดงเลเยอร์

คุณเลือกซ่อนเลเยอร์ใดก็ได้เพื่อให้ทำงานกับเลเยอร์อื่นๆ ได้ง่ายขึ้น เลเยอร์ที่ซ่อนไว้จะไม่แสดงในไฟล์ตัวอย่างหรือไฟล์ที่เผยแพร่แล้ว วิธีซ่อนหรือแสดงเลเยอร์มีดังนี้

1. เปิดกล่องโต้ตอบเอฟเฟกต์อนุภาคด้วยการดับเบิลคลิกคอมโพเนนต์ในพื้นที่งาน หรือคลิกปุ่มการตั้งค่า... ในแผงคุณสมบัติ
2. คลิกช่องใต้ไอคอนซ่อนเลเยอร์ทั้งหมด สำหรับเลเยอร์ที่ต้องการซ่อนหรือแสดง

คุณสมบัติ

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

คุณสมบัติของคอมโพเนนต์เอฟเฟกต์อนุภาค

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

พร็อพเพอร์ตี้ของเอฟเฟกต์แต่ละอย่าง

คุณเข้าถึงคุณสมบัติเฉพาะของเอฟเฟกต์แต่ละอย่างได้ในกล่องโต้ตอบเอฟเฟกต์อนุภาค เปิดกล่องโต้ตอบโดยดับเบิลคลิกที่คอมโพเนนต์เอฟเฟกต์อนุภาคในพื้นที่งาน หรือคลิกการตั้งค่า... ในแผงคุณสมบัติ จากนั้นเลือกเอฟเฟกต์เพื่อดูคุณสมบัติ

ค่าที่กำหนดล่วงหน้า

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

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

คุณสมบัติ	คำอธิบาย
รหัส	รหัสของเอฟเฟกต์ (เพื่อใช้อ้างอิงเอฟเฟกต์ในเหตุการณ์)
จำนวน	จำนวนอนุภาคทั้งหมดที่สร้างขึ้นหากภาพเคลื่อนไหวของเอฟเฟกต์นี้ไม่หยุดหรือวนซ้ำ
ขนาด	ช่วงของขนาดอนุภาคแรกเริ่ม ระบุขนาดต่ำสุดและขนาดสูงสุดเป็นพิกเซล
สไปรท์	รูปร่างของอนุภาค สี่เหลี่ยมจัตุรัส วงกลม เส้น หยดน้ำ รูปภาพ (เลือกรูปภาพจากไลบรารี) เชื่อมโยงกับข้อมูลแบบไดนามิกได้)
สี	สีเริ่มต้นและสีสิ้นสุด
ความทึบแสง	ระดับความทึบต่ำสุดและสูงสุดเริ่มต้น โดย 0 คือโปร่งใส และ 1 คือทึบ (ให้ใช้ค่าทศนิยมเพื่อให้เกิดความฝ้ามัว)
ความเร็ว	ความเร็วต่ำสุดและสูงสุดเริ่มต้น
ทิศทาง	มุมต่ำสุดและสูงสุดของทิศทางที่อนุภาคเคลื่อนไหว คุณยังใช้เครื่องมือควบคุมในวงกลมเพื่อตั้งค่าช่วงของมุมได้ด้วย
ขั้นสูง
ระยะแกน X	พิกัดต่ำสุดและสูงสุดในแกน X ที่สร้างอนุภาค ซึ่งระบุเป็นพิกเซลหรือเป็นเปอร์เซ็นต์ ตั้งค่าตัวเลือกล็อกขนาด เพื่อคงความกว้างของพื้นที่ต้นทางของอนุภาคด้วยการใช้การเปลี่ยนแปลงกับข้อมูลทั้ง 2 ช่องโดยอัตโนมัติ
ระยะแกน Y	พิกัดต่ำสุดและสูงสุดในแกน Y ที่สร้างอนุภาค ซึ่งระบุเป็นพิกเซลหรือเป็นเปอร์เซ็นต์ ตั้งค่าตัวเลือกล็อกขนาด เพื่อคงความสูงของพื้นที่ต้นทางของอนุภาคด้วยการใช้การเปลี่ยนแปลงกับข้อมูลทั้ง 2 ช่องโดยอัตโนมัติ
อัตราการเปลี่ยนแปลงขนาด	อัตราที่ขนาดมีการเปลี่ยนแปลง โดยระบุเป็นพิกเซล (ใช้ค่าทศนิยมได้) โดยค่าลบจะทำให้อนุภาคเล็กลง
สีแบบสุ่ม	หากเลือกไว้ สีของอนุภาคแรกเริ่มจะเปลี่ยนแปลงจากสีเริ่มต้นไปหาสีสิ้นสุดแบบสุ่ม
อัตราการเปลี่ยนแปลงสี	อัตราที่สีมีการเปลี่ยนแปลงจากสีเริ่มต้นเป็นสีสิ้นสุด พร็อพเพอร์ตี้นี้จะปิดใช้หากเลือกสีแบบสุ่มไว้
อัตราการเปลี่ยนแปลงความทึบ	อัตราที่ความทึบมีการเปลี่ยนแปลง โดยค่าลบจะทำให้อนุภาคโปร่งใส
เล่นอัตโนมัติ	หากเลือกไว้ ภาพเคลื่อนไหวของเอฟเฟกต์นี้จะเริ่มเล่นเมื่อคอมโพเนนต์เริ่มต้นขึ้น หรือคุณอาจทริกเกอร์ภาพเคลื่อนไหวด้วยเหตุการณ์แทนก็ได้
วนซ้ำ	หากเลือกไว้ ภาพเคลื่อนไหวสำหรับเอฟเฟกต์นี้จะเล่นวนอย่างต่อเนื่อง มิเช่นนั้น ภาพเคลื่อนไหวจะหยุดหลังจากที่สร้างอนุภาคครบตามจำนวนที่ระบุทั้งหมด
ช่วงห่างของการปล่อย	ระยะเวลาระหว่างที่สร้างอนุภาคใหม่
ข้ามไปข้างหน้า	เริ่มภาพเคลื่อนไหวเมื่อสร้างอนุภาคครบตามเปอร์เซ็นต์ที่ระบุ
การเร่งความเร็ว	การเร่งความเร็วการเคลื่อนไหวของอนุภาคในแนวนอนและแนวตั้ง
ความปั่นป่วน
ความถี่	ความถี่ของความปั่นป่วนที่ส่งผลต่อการเคลื่อนไหวของอนุภาค ยิ่งค่าสูงเท่าไรก็จะยิ่งทำให้เส้นทางการเคลื่อนไหวของอนุภาคแต่ละรายการผิดปกติมากขึ้นเท่านั้น
ความรุนแรง	ความรุนแรงของความปั่นป่วน หากไม่ต้องการความปั่นป่วน ให้ตั้งค่าเป็น 0
อัตราการเปลี่ยนแปลงความแรง	อัตราที่ความแรงของความปั่นป่วนมีการเปลี่ยนแปลง
เส้นทาง	ความยาวของร่องรอยเส้นทางที่อนุภาคมีการเคลื่อนไหว หากไม่ต้องการให้มีร่องรอยเส้นทาง ให้ตั้งค่าเป็น 1

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

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

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

บันทึกค่าที่กำหนดเองล่วงหน้าใหม่

1. ปรับคุณสมบัติของค่าที่กำหนดล่วงหน้าที่มีอยู่
2. ในแผงค่าที่กำหนดล่วงหน้าที่ด้านล่าง ให้คลิกปุ่มบันทึกเป็นค่าที่กำหนดล่วงหน้า หรือจะคลิกขวาที่เอฟเฟกต์ในพื้นที่งาน หรือคลิกขวาที่เมนูแบบเลื่อนลงค่าที่กำหนดล่วงหน้าในแผงคุณสมบัติก็ได้เช่นกัน
3. ป้อนชื่อที่ไม่ซ้ำกันให้ค่าที่กำหนดล่วงหน้าใหม่ แล้วกด Enter หรือคลิกตกลง

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

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

1. คลิกขวาที่ค่าที่กำหนดล่วงหน้าในแผงค่าที่กำหนดล่วงหน้า แล้วเลือกเปลี่ยนชื่อ...
2. ป้อนชื่อใหม่แล้วกด Enter หรือคลิกตกลง

ลบค่าที่กำหนดเองล่วงหน้า

1. คลิกขวาที่ค่าที่กำหนดล่วงหน้าในแผงค่าที่กำหนดล่วงหน้า แล้วเลือกลบ
2. ยืนยันการลบโดยคลิกตกลง

ส่งออกค่าที่กำหนดเองล่วงหน้า

ส่งออกค่าที่กำหนดเองล่วงหน้าเพื่อแชร์กับผู้ใช้ Google Web Designer คนอื่นๆ

1. คลิกขวาที่ค่าที่กำหนดล่วงหน้าในแผงค่าที่กำหนดล่วงหน้า แล้วเลือกส่งออก...
2. เลือกโฟลเดอร์ปลายทางของไฟล์ที่จะส่งออก

ไฟล์ .zip ที่ส่งออกมีชื่อเหมือนกับค่าที่กำหนดล่วงหน้า

นำเข้าค่าที่กำหนดเองล่วงหน้า

หากมีไฟล์ส่งออกค่าที่กำหนดเองล่วงหน้า คุณนําเข้าไฟล์นั้นมายังอินสแตนซ์ของ Google Web Designer ได้

1. คัดลอกไฟล์ .zip ที่ส่งออกไปยังคอมพิวเตอร์ที่ต้องการนําเข้าค่าที่กำหนดล่วงหน้า
2. ในคอมพิวเตอร์เครื่องนั้น ให้เปิดกล่องโต้ตอบเอฟเฟกต์อนุภาคใน Google Web Designer
3. ในแผงค่าที่กำหนดล่วงหน้าที่ด้านล่าง ให้คลิกปุ่มนำเข้าค่าที่กำหนดล่วงหน้า
4. เลือกไฟล์ .zip ของค่าที่กำหนดเองล่วงหน้าที่ส่งออก

ค่าที่กำหนดล่วงหน้าที่นำเข้ามาจะปรากฏในรายการแบบเลื่อนลงในแผงคุณสมบัติและในแผงค่าที่กำหนดล่วงหน้า

เหตุการณ์และการทำงาน

เหตุการณ์ที่ส่งโดยคอมโพเนนต์เอฟเฟกต์อนุภาค

คุณทริกเกอร์การทำงานอื่นๆ โดยอิงตามเหตุการณ์ของคอมโพเนนต์เอฟเฟกต์อนุภาคได้ดังนี้

เหตุการณ์	คำอธิบาย
ถึงกำหนดเวลา	ส่งเมื่อมีการเล่นภาพเคลื่อนไหวไปแล้วเป็นเวลาตามที่กำหนด

การทำงานที่มาจากคอมโพเนนต์เอฟเฟกต์อนุภาคและเอฟเฟกต์แต่ละอย่าง

การทำงานของคอมโพเนนต์เอฟเฟกต์อนุภาคที่จะทริกเกอร์ให้ตอบสนองกับเหตุการณ์อื่นได้มีดังนี้

• เล่น
• หยุดชั่วคราว
• หยุด

เมื่อเลือกการทำงานอย่างใดอย่างหนึ่งในกล่องโต้ตอบเหตุการณ์ ให้ตั้งค่าคอมโพเนนต์เอฟเฟกต์อนุภาคหรือเอฟเฟกต์ที่ต้องการเป็นตัวรับ

ดูวิธีกำหนดค่าเหตุการณ์

แสดงตัวอย่าง

ขณะที่ทำงานในกล่องโต้ตอบเอฟเฟกต์อนุภาค แท็บการออกแบบจะแสดงสแนปชอตของคอมโพเนนต์เป็นภาพนิ่งให้เห็น

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

นอกจากนี้ คุณยังแสดงตัวอย่างเอกสารในเบราว์เซอร์ที่ต้องการได้โดยคลิกบันทึกที่ด้านล่างของกล่องโต้ตอบ แล้วจึงคลิกปุ่มแสดงตัวอย่าง