เทคนิคการสร้างมุมกล้องด้วย โปรแกรม  Flash
สร้างชิ้นงานโดยใช้วิธีการสร้าง เฟรมต่อเฟรม โมชั่นทวีน  เชฟทวีน สร้างชิ้นงานโดยใช้การควบคุมฉาก ด้วยการ  Zoom   และ การ  Pan สร้างชิ้นงาน ด้วยเทคนิคการสร้างภาพเคลื่อนไหวได้
แนวคิดพื้นฐานสำหรับการสร้างภาพเคลื่อนไหว ( คาบ  1-2) การซูม  ( Zoom In / Out)   การซูมภาพเป็นหลักการในการขยายรูปหรือย่อส่วนรูป โดยใช้การปรับขนาด  Scale  เพื่อให้มีการเคลื่อนไหวเป็นลำดับ ของการย่อและขยายชิ้นงาน
การหมุน  (Rotate) เราจะใช้หลักการหมุนนี้ในการสร้างภาพแอนนิเมชัน เพื่อทำการหมุนภาพไปในทิศทางที่ต่างกันเพื่อให้เกิดภาพเคลื่อนไหว  เช่นเดียวกับการสร้างพัดลม หรือพายุหมุน โดยการใช้คำสั่ง  Rotate เพื่อให้มีการเคลื่อนไหวเป็นลำดับของการขยับชิ้นงานรอบจุดหมุน
เขย่าภาพ  (Tilting)  หลักการเขย่าภาพนี้เหมาะสำหรับการสร้างภาพเคลื่อนไหวในลักษณะที่ทำให้ภาพส่วนใดส่วนหนึ่งขยับขึ้น  –  ลงสลับกันไป วิ่งตามภาพ  (Tracking)  เทคนิคในการวิ่งตามภาพนี้จะนิยมนำไปใช้ในการเล่นเกมส์ซึ่งอาจจะใช้เทคนิคการ  Scale  ผสมผสานกับ  Pan, Tilting  รวมถึงใช้เอฟเฟ็กต์ต่าง ๆ เข้าช่วยที่ค่อนข้างจะยากและซับซ้อนขึ้นมาอีกก็ได้
การทำทรานซิชั่น  (Transition)  จะมีลักษณะคล้ายกับการนำเสนองานด้วยโปรแกรม  PowerPoint  ที่ตอนเปิดฉากคั่นระหว่างภาพที่มีการใช้เอฟเฟ็กต์ตังละลาย กวาดภาพมาจากทางซ้ายบ้าง ขวาบ้าง หรือจากมุมบ้างสลับกันไป ส่วนการสร้างงานใน  Flash  อาจจะใช้เทคนิคการทำเลเยอร์มาส์คมาช่วยได้เช่นกัน
ปรับความโปร่งใสของภาพ  (Alpha)  เทคนิคนี้จะเป็นที่นิยมใช้กันมากในการสร้างงานด้วย  Flash  โดยการปรับความโปร่งใสของภาพให้ค่อย ๆ ปรากฏชิ้นงานชัดเจนขึ้นมาเรื่อย ๆ หรือค่อย ๆ เลือนหายไปทีละนิด หรือเกิดภาพชิ้นงานซ้อนกันได้
กำหนดทิศทางของชิ้นงานด้วย  Guide Layer   การกำหนดเส้นทางให้ชิ้นงานเคลื่อนไหวไปตามทิศทางที่ต้องการ มีความยืดหยุ่นมากสำหรับการสร้างภาพเคลื่อนไหวที่สลับซับซ้อน เปลี่ยนรูป  (Shape Tween)  หากได้รู้จักโปรแกรม  Flash  เป็นอย่างดีแล้วก็จะสามารถใช้เทคนิค  Shape Tween  ทำให้เปลี่ยนรูปสลับกับข้อความไปมาได้
เราจะใช้เทคนิค  frame by frame Motion  tween Shape tween การสร้างภาพเคลื่อนไหว
workshop ให้นักเรียนสร้างฉากหมุน  ให้นักเรียนสร้างฉาก  pan ให้นักเรียนสร้างฉาก  Zoom ให้นักเรียนสร้างฉาก  Till ให้นักเรียนสร้างภาพ  Alpha   สำหรับการเปลี่ยนฉาก การบ้าน ให้นักเรียนไป อัพโหลดแหล่งเรียนรู้  week 5  แล้วจดลงสมุด โดยสรุป
ซิมโบล คาบ  3-4 ซิมโบล   ( Symbol)  คือ กราฟิก ปุ่ม หรือมูฟวี่คลิปที่เราสร้าง ขึ้นมาเป็น ต้นแบบ ในครั้งแรก จากนั้นก็จะสามารถนำไป ใช้ได้อย่างไม่จำกัดตลอดในมูฟวี่เดียวกัน และมูฟวี่อื่นๆ           1. Graphic           2. Button          3. Movie Clip       Library  เป็นที่เก็บซิมโบล การเปิดใช้งาน  Library  ทำได้โดย   กดปุ่ม  Ctrl+L 
อินสแตนซ์  ( Instance) อินสแตนซ์ คือ สำเนาของซิมโบลที่มีอยู่บนสเตจ หรือซ้อนอยู่ภายในซิมโบลอื่น อินสแตนซ์อาจมีสี ขนาด และหน้าที่ แตกต่างจากซิมโบลที่เป็นต้นฉบับ หากทำการแก้ไข ซิมโบลจะมีผลให้เกิดความเปลี่ยนแปลงกับ อินสแตนซ์ทั้งหมดที่สำเนาไปจากซิมโบล       
ซีน  SCENCE ซีนเปรียบเสมือนหนังสือเล่มหนึ่งทีมีหลายๆบท ใน  flash  เราสามารถสร้างงานแยกออกเป็นหลายๆ ซีน เช่น ซีนที่  1  ใช้สำหรับส่วนแนะนำบทเรียน ซีนที่  2  ใช้สำหรับเนื้อหา ในการสร้าง แอนิเมชั่นยาวๆ เราจะทำงานโดยใช้ซีนเพื่อช่วยลดจำนวน ไฟล์  FLV  ให้น้อยลงได้ แล้วจะเล่นซีน ถัดๆไปอัตโนมัติ การแทรกซีน วิธีที่  1  ใช้เมนู  Insret>>>Scene  จะปรากฏไอคอนซีนดังภาพ
 
การแทรกซีน วิธีที่  2  ใช้เมนู  Windows>>>Other_Panels>>>Scene  หรือ  (Shift+F2)  จะปรากฏไอคอนซีนดังภาพ
ความสัมพันธ์ระหว่างช่วงเวลามูฟวี่คลิปและไทมไลน์หลัก ระยะเวลาในการสร้างมูฟวี่ก็คือ ระยะเวลาของการเคลื่อนไหวเฟรมที่สร้างแอนิเมชันให้กับงานที่จะสร้าง  จากภาพ  เป็นการสร้างชิ้นงานมูฟวี่คลิปโลกหมุน ใช้ระยะเวลา  1-50  เฟรม เมื่อสร้างงานเสร็จแล้วต้องนำงานไปใช้ ที่หน้าซีนหลัก โดยการคลิกที่  Scence 1
 
เมื่อคลิกมาที่  Scence 1  จะพบว่าชิ้นงานที่เราสร้างไว้ จะมีเวลาเล่น  1  เฟรม เท่านั้น เราจึงจำเป็นต้องเพิ่มระยะเวลา ให้กับชิ้นงานนั้นด้วย  เพื่อเพิ่มให้เล่นร่วมกับออบเจ็คอื่นๆ  จึงจะมีความสัมพันธ์กัน
workshop ให้นักเรียนออกแบบ แบนเนอร์  รณรงค์  ต้านภัยยาเสพติด เวลา  1  นาที  =  1440 fps ไม่น้อยกว่า  3 scence จะต้องประกอบไปด้วย  รูปภาพ  ข้อความ  คำขวัญ ใช้เทคนิคมุมกล้องให้เหมาะสมกับชิ้นงาน มีความต่อเนื่องในเรื่องเดียวกัน กำหนดส่ง  งาน  24  มิ ย  54 ขนาด  400 x 400 กลุ่มละ  3  คน

week5

  • 1.
  • 2.
    สร้างชิ้นงานโดยใช้วิธีการสร้าง เฟรมต่อเฟรม โมชั่นทวีน เชฟทวีน สร้างชิ้นงานโดยใช้การควบคุมฉาก ด้วยการ Zoom และ การ Pan สร้างชิ้นงาน ด้วยเทคนิคการสร้างภาพเคลื่อนไหวได้
  • 3.
    แนวคิดพื้นฐานสำหรับการสร้างภาพเคลื่อนไหว ( คาบ 1-2) การซูม ( Zoom In / Out) การซูมภาพเป็นหลักการในการขยายรูปหรือย่อส่วนรูป โดยใช้การปรับขนาด Scale เพื่อให้มีการเคลื่อนไหวเป็นลำดับ ของการย่อและขยายชิ้นงาน
  • 4.
    การหมุน (Rotate)เราจะใช้หลักการหมุนนี้ในการสร้างภาพแอนนิเมชัน เพื่อทำการหมุนภาพไปในทิศทางที่ต่างกันเพื่อให้เกิดภาพเคลื่อนไหว เช่นเดียวกับการสร้างพัดลม หรือพายุหมุน โดยการใช้คำสั่ง Rotate เพื่อให้มีการเคลื่อนไหวเป็นลำดับของการขยับชิ้นงานรอบจุดหมุน
  • 5.
    เขย่าภาพ (Tilting) หลักการเขย่าภาพนี้เหมาะสำหรับการสร้างภาพเคลื่อนไหวในลักษณะที่ทำให้ภาพส่วนใดส่วนหนึ่งขยับขึ้น – ลงสลับกันไป วิ่งตามภาพ (Tracking) เทคนิคในการวิ่งตามภาพนี้จะนิยมนำไปใช้ในการเล่นเกมส์ซึ่งอาจจะใช้เทคนิคการ Scale ผสมผสานกับ Pan, Tilting รวมถึงใช้เอฟเฟ็กต์ต่าง ๆ เข้าช่วยที่ค่อนข้างจะยากและซับซ้อนขึ้นมาอีกก็ได้
  • 6.
    การทำทรานซิชั่น (Transition) จะมีลักษณะคล้ายกับการนำเสนองานด้วยโปรแกรม PowerPoint ที่ตอนเปิดฉากคั่นระหว่างภาพที่มีการใช้เอฟเฟ็กต์ตังละลาย กวาดภาพมาจากทางซ้ายบ้าง ขวาบ้าง หรือจากมุมบ้างสลับกันไป ส่วนการสร้างงานใน Flash อาจจะใช้เทคนิคการทำเลเยอร์มาส์คมาช่วยได้เช่นกัน
  • 7.
    ปรับความโปร่งใสของภาพ (Alpha) เทคนิคนี้จะเป็นที่นิยมใช้กันมากในการสร้างงานด้วย Flash โดยการปรับความโปร่งใสของภาพให้ค่อย ๆ ปรากฏชิ้นงานชัดเจนขึ้นมาเรื่อย ๆ หรือค่อย ๆ เลือนหายไปทีละนิด หรือเกิดภาพชิ้นงานซ้อนกันได้
  • 8.
    กำหนดทิศทางของชิ้นงานด้วย GuideLayer การกำหนดเส้นทางให้ชิ้นงานเคลื่อนไหวไปตามทิศทางที่ต้องการ มีความยืดหยุ่นมากสำหรับการสร้างภาพเคลื่อนไหวที่สลับซับซ้อน เปลี่ยนรูป (Shape Tween) หากได้รู้จักโปรแกรม Flash เป็นอย่างดีแล้วก็จะสามารถใช้เทคนิค Shape Tween ทำให้เปลี่ยนรูปสลับกับข้อความไปมาได้
  • 9.
    เราจะใช้เทคนิค frameby frame Motion tween Shape tween การสร้างภาพเคลื่อนไหว
  • 10.
    workshop ให้นักเรียนสร้างฉากหมุน ให้นักเรียนสร้างฉาก pan ให้นักเรียนสร้างฉาก Zoom ให้นักเรียนสร้างฉาก Till ให้นักเรียนสร้างภาพ Alpha สำหรับการเปลี่ยนฉาก การบ้าน ให้นักเรียนไป อัพโหลดแหล่งเรียนรู้ week 5 แล้วจดลงสมุด โดยสรุป
  • 11.
    ซิมโบล คาบ 3-4 ซิมโบล ( Symbol) คือ กราฟิก ปุ่ม หรือมูฟวี่คลิปที่เราสร้าง ขึ้นมาเป็น ต้นแบบ ในครั้งแรก จากนั้นก็จะสามารถนำไป ใช้ได้อย่างไม่จำกัดตลอดในมูฟวี่เดียวกัน และมูฟวี่อื่นๆ          1. Graphic          2. Button          3. Movie Clip       Library เป็นที่เก็บซิมโบล การเปิดใช้งาน Library ทำได้โดย   กดปุ่ม Ctrl+L 
  • 12.
    อินสแตนซ์ (Instance) อินสแตนซ์ คือ สำเนาของซิมโบลที่มีอยู่บนสเตจ หรือซ้อนอยู่ภายในซิมโบลอื่น อินสแตนซ์อาจมีสี ขนาด และหน้าที่ แตกต่างจากซิมโบลที่เป็นต้นฉบับ หากทำการแก้ไข ซิมโบลจะมีผลให้เกิดความเปลี่ยนแปลงกับ อินสแตนซ์ทั้งหมดที่สำเนาไปจากซิมโบล      
  • 13.
    ซีน SCENCEซีนเปรียบเสมือนหนังสือเล่มหนึ่งทีมีหลายๆบท ใน flash เราสามารถสร้างงานแยกออกเป็นหลายๆ ซีน เช่น ซีนที่ 1 ใช้สำหรับส่วนแนะนำบทเรียน ซีนที่ 2 ใช้สำหรับเนื้อหา ในการสร้าง แอนิเมชั่นยาวๆ เราจะทำงานโดยใช้ซีนเพื่อช่วยลดจำนวน ไฟล์ FLV ให้น้อยลงได้ แล้วจะเล่นซีน ถัดๆไปอัตโนมัติ การแทรกซีน วิธีที่ 1 ใช้เมนู Insret>>>Scene จะปรากฏไอคอนซีนดังภาพ
  • 14.
  • 15.
    การแทรกซีน วิธีที่ 2 ใช้เมนู Windows>>>Other_Panels>>>Scene หรือ (Shift+F2) จะปรากฏไอคอนซีนดังภาพ
  • 16.
    ความสัมพันธ์ระหว่างช่วงเวลามูฟวี่คลิปและไทมไลน์หลัก ระยะเวลาในการสร้างมูฟวี่ก็คือ ระยะเวลาของการเคลื่อนไหวเฟรมที่สร้างแอนิเมชันให้กับงานที่จะสร้าง จากภาพ เป็นการสร้างชิ้นงานมูฟวี่คลิปโลกหมุน ใช้ระยะเวลา 1-50 เฟรม เมื่อสร้างงานเสร็จแล้วต้องนำงานไปใช้ ที่หน้าซีนหลัก โดยการคลิกที่ Scence 1
  • 17.
  • 18.
    เมื่อคลิกมาที่ Scence1 จะพบว่าชิ้นงานที่เราสร้างไว้ จะมีเวลาเล่น 1 เฟรม เท่านั้น เราจึงจำเป็นต้องเพิ่มระยะเวลา ให้กับชิ้นงานนั้นด้วย เพื่อเพิ่มให้เล่นร่วมกับออบเจ็คอื่นๆ จึงจะมีความสัมพันธ์กัน
  • 19.
    workshop ให้นักเรียนออกแบบ แบนเนอร์ รณรงค์ ต้านภัยยาเสพติด เวลา 1 นาที = 1440 fps ไม่น้อยกว่า 3 scence จะต้องประกอบไปด้วย รูปภาพ ข้อความ คำขวัญ ใช้เทคนิคมุมกล้องให้เหมาะสมกับชิ้นงาน มีความต่อเนื่องในเรื่องเดียวกัน กำหนดส่ง งาน 24 มิ ย 54 ขนาด 400 x 400 กลุ่มละ 3 คน