เอกสารประกอบการสอนFlipaClip-ครูไนซ์

การใชง้ านแอพลเิ คชนั FlipaClip 1. เมอื่ เข้ามาท่ีหนา้ แรกของแอปพลเิ คชัน จะมีแท็บ Projects กบั แท็บ Movies - แทบ็ Projects คอื หน้า Projects Animation ทกี่ าลงั ทา/กาลงั สร้าง สามารถแก้ไขงานได้ - แท็บ Movies คอื Projects Animation ท่ีทา/สร้างเสรจ็ แลว้ เป็นไฟล์ MP4 หรอื GIF 2. คลิกป่มุ \" + \" เพ่ือสรา้ งงานแอนิเมชนั ชิ้นใหม่ - ต้งั ค่า Project โดยต้ัง Project name - Choose background เป็นการเลอื ก Background/พน้ื หลงั แอนิเมชนั - Choose canvas size เป็นการเลือกขนาดความชดั - Choose frames per second เปน็ การเลอื ก fps (การกาหนดจานวนเฟรมภาพตอ่ วินาที ** การกาหนด fps จานวนภาพน้อย งานแอนิเมชันทีป่ รากฏช้าทาให้งานดกู ระตกุ หากกาหนด fps จานวนภาพ มาก งานแอนเิ มชนั ท่ีปรากฏจะดสู มจริง**) - เมอ่ื ต้งั ค่าเสรจ็ ให้คลกิ ปุ่ม CREATE PROJECT เอกสารประกอบการสอนรายวชิ าโปรแกรมการสรา้ งแอนิเมชนั (ว30287)

เคร่อื งมือใน FlipaClip - หวั แปรง (Brush) ใช้สาหรบั การวาด มีหวั แปรง 4 แบบ คอื ดนิ สอ พกู่ นั ปากกา ปากกาเมกเกอร์ - ยางลบ (Eraser) ใช้สาหรับการลบ เอกสารประกอบการสอนรายวชิ าโปรแกรมการสรา้ งแอนิเมชนั (ว30287)

- เชอื กย่อภาพ (Lasso tool) ใชส้ าหรับลากเสน้ ล้อมรอบรูปภาพที่ตอ้ งการ เพื่อยา้ ยตาแหนง่ หรือยอ่ ขนาด - ถังสี (Paint bucket) ใช้สาหรับการลงสีพนื้ ท่ีทต่ี ้องการ - ใส่ขอ้ ความ (Type tool) ใชส้ าหรับใส่ขอ้ ความ - เสียง (Voice) ใชส้ าหรับใสเ่ สยี งในอนเิ มชนั สัญลกั ษณ์ “จุดสามจุดแนวตง้ั ” บริเวณมุมบนดา้ นขวา มเี ครอ่ื งมือในการใชง้ าน ดงั น้ี - Project settings คอื การกลบั ไปปรบั การต้งั คา่ Project อกี ครง้ั - Frames viewer คอื การไปดูเฟรมงานท้ังหมดในหน้าเดียว - Onion เม่อื เราเปิดจะสามารถเหน็ แบบลา่ งของภาพของสไลด์ก่อนหนา้ แบบจางๆ ซ่งึ ไม่มีผลในการแสดงผล - Grid คอื การเปดิ ตาราง grid เพ่อื ช่วยในการวาด - Add image การเพม่ิ รูปภาพลงไปในเฟรมหนึ่งเฟรม - Add video การเพิ่มวดิ โี อลงไปในเฟรมหนง่ึ เฟรม - Make movie คอื การ Save ผลงานเป็นภาพเคลือ่ นไหว โดยสามารถเลือกใหเ้ ปน็ ไฟล์ MP4 หรอื GIF วธิ ีการใชเ้ ฟรม เฟรมคือพื้นทใี่ นการวาดภาพท่ีตอ้ งการ ภาพทป่ี รากฏในแต่ละเฟรมทต่ี ่างกัน เม่ือคลิกปุ่ม Play จะทาใหเ้ กิดภาพเคล่ือนไหว (ตวั อยา่ ง เฟรมแรกตวั ละครก้าวเท้าซ้าย เฟรมทสี่ องตัวละครเท้าแนบชิด หรือตัว ละครเดินไปข้างหน้า ส่วนความเร็วขึ้นอยกู่ ับ Choose frames per second เช่น สมมุติว่าลูกบอลตกลงไป ทพี่ ื้นใช้ท้ังหมด 3 เฟรม ใน 1 วนิ าที ใหป้ รับเปน็ 3 fps) คาสั่งสาหรับสไลด์ เอกสารประกอบการสอนรายวชิ าโปรแกรมการสรา้ งแอนเิ มชนั (ว30287)

- ในวงสมี ่วง เมือ่ เรากดค้างจะมใี ห้เราเลอื กว่าในการกดหนึ่งครั้งนน้ั ให้ใชค้ าสัง่ ใด 1. Add new frame เปน็ การเพ่ิมเฟรมใหมท่ ่ีวา่ งเปลา่ 2. Clone last frame การคดั ลอกเฟรมล่าสดุ และวางทันที 3. Paste into frame วางเฟรมที่ไปทาการคดั ลอกมา - ในวงสีฟ้า คือการลบเฟรมท่ีเลือก - ในวงสีแดง คอื การคดั ลอกเฟรมเพ่อื นาไปวาง - ในวงสเี หลือง แทรกสไลดใ์ หม่ทวี่ า่ งเปลา่ ด้านซ้ายของสไลด์ทีเ่ ลือก - ในวงสีเขยี ว แทรกสไลดใ์ หม่ท่ีว่างเปลา่ ดา้ นขวาของสไลดท์ ่ีเลอื ก เลเยอร์ (Layer) Layer เปน็ พืน้ ที่ในการวาดภาพ เปรยี บเทียบเป็นแผ่นกระดาษใสท่ีสามารถวาดรูปทบั ซ้อนกนั ได้ เพียงแต่เป็นพ้นื ท่วี าดภาพคนละแผ่น ซงึ่ Layer เปน็ คุณสมบัตทิ ่ีซอ่ นอยูใ่ นเฟรม ภาพของ Layer ทีอ่ ย่ดู า้ นบนจะทบั ซ้อน/บงั ภาพของ Layer ท่อี ยดู่ า้ นล่าง ส่วน เลข % คือความโปร่งใส่ วิธปี รับคือ การปรบั ใหเ้ ลขเพมิ่ ข้นึ ให้คลิกลากตวั เลขขนึ้ การปรับใหเ้ ลข ลดน้อยลงให้คลิกลากตวั เลขลง กด + เพอ่ื เพิม่ Layer เอกสารประกอบการสอนรายวชิ าโปรแกรมการสรา้ งแอนเิ มชนั (ว30287)

Make movie Make movie คอื การบนั ทึกไฟล์งานเปน็ MP4 , GIF หรอื PNG SEQ FlipaClip watermark คอื ลายนา้ ถ้าไม่ใส่ใหก้ ดปิด เมือ่ เลอื กเสร็จแล้ว คลิกป่มุ MAKE MOVIE ไฟล์ท่บี นั ทึกสาเร็จแลว้ สามารถไปดูไดท้ ี่แทบ็ Movie ของแอพลเิ คชนั FlipaClip หรืออยูใ่ นแกลอรีของโทรศัพท์ เอกสารประกอบการสอนรายวชิ าโปรแกรมการสรา้ งแอนิเมชนั (ว30287)