ใบความรู้ที่ 3...

14
วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 1 วาดแบบ Object Drawing รูปทรงที่ไดจากการวาดแตละครั้งจะเปนอิสระจากกัน และเมื่อมีการวางซอนทับกัน ก็ไมมีผลทําใหออบเจ็กตหรือตัวเองเปลี่ยนแปลงรูปรางในการวาดแบบนี้ใหคลิกเลือก Object drawing ที่ออปชั่นของเครื่องมือไวกอนลงมือวาด รูปทรงที่วาดหรือนํามาวางซอนกัน จะเปนอิสระจากกัน วาดแบบ Merge Drawing รูปทรงนี้ไดจากการวาดจะมีผลตอรูปทรงอื่น โดยเมื่อมีการวาดหรือนําไปวางซอนทับกัน จะทําใหคุณสมบัติของพื้นภาพหรือเสนแปรเปลี่ยนไป ในการวาดแบบนี้ใหยกเลิกการเลือก Object Drawing ที่ออปชั่นของเครื่องมือ กอนลงมือวาด การซอนทับของรูปทรงในแบบ Merge Drawing ในการวาดแบบ Merge Drawing เมื่อวาดรูปทรงใดๆ ทับรูปทรงอื่นที่อยูดานลาง (หรือยายรูปทรงที่วาดดวยวิธีนี้มาซอนกัน) จะมีผล กับรูปทรงทั้งสอง โดยแยกไดเปนกรณีตางๆ ดังนี รูปทรงทั้งสองไมมีเสนและมีสีพื้นเปนสีเดียวกัน จะทําใหรูปทรงทั้งหมดถูกรวมเปนชิ้นเดียวกัน รูปทรงทั้งสองไมมีเสนและมีสีพื้นที่ไมใชสีเดียวกัน จะทําใหรูปทรงทั้งสองแยกออกจากกัน โดยที่รูปดานบน ยังเหมือนเดิมแตรูปดานลางจะถูกตัดและสวนที่ถูกทับจะหายไป ใบความรูที3 เรื่อง การใชเครื่องมือวาดภาพ วิชาการสรางภาพเคลื่อนไหว ชั้น ม.6 เวลา 2 ชั่วโมง ครูผูสอน ครูจิรัฐชญา ปาแปง

Upload: kroojirat

Post on 31-Jul-2015

96 views

Category:

Education


0 download

TRANSCRIPT

Page 1: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 1

วาดแบบ Object Drawing

รูปทรงที่ไดจากการวาดแตละครั้งจะเปนอิสระจากกัน และเมื่อมีการวางซอนทับกัน

ก็ไมมีผลทําใหออบเจ็กตหรือตัวเองเปลี่ยนแปลงรูปรางในการวาดแบบน้ีใหคลิกเลือก Object

drawing ที่ออปช่ันของเครื่องมือไวกอนลงมือวาด

รูปทรงที่วาดหรือนํามาวางซอนกัน จะเปนอิสระจากกัน

วาดแบบ Merge Drawing

รูปทรงน้ีไดจากการวาดจะมีผลตอรูปทรงอื่น โดยเมื่อมีการวาดหรือนําไปวางซอนทับกัน

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

Object Drawing ที่ออปช่ันของเครื่องมือ กอนลงมือวาด

การซอนทับของรูปทรงในแบบ Merge Drawing ในการวาดแบบ Merge Drawing

เมื่อวาดรูปทรงใด ๆทับรูปทรงอื่นที่อยูดานลาง (หรือยายรูปทรงที่วาดดวยวิธีน้ีมาซอนกัน) จะมีผล

กับรูปทรงทั้งสอง โดยแยกไดเปนกรณีตางๆ ดังน้ี

รูปทรงท้ังสองไมมีเสนและมีสีพ้ืนเปนสีเดียวกัน

จะทําใหรูปทรงทั้งหมดถูกรวมเปนช้ินเดียวกัน

รูปทรงท้ังสองไมมีเสนและมีสีพ้ืนท่ีไมใชสีเดียวกัน

จะทําใหรูปทรงทั้งสองแยกออกจากกัน โดยที่รูปดานบน

ยังเหมือนเดิมแตรูปดานลางจะถูกตัดและสวนที่ถูกทับจะหายไป

ใบความรูที่ 3 เรื่อง การใชเครื่องมือวาดภาพ

วิชาการสรางภาพเคลื่อนไหว ชั้น ม.6 เวลา 2 ชั่วโมง ครูผูสอน ครูจิรัฐชญา ปาแปง

Page 2: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 2

รูปทรงท้ังสองหรือชิ้นใดชิ้นหน่ึงมีเสน

(ไมวาพื้นและเสนจะเปนสีเดียวกันหรือคนละส)ี

จะทําใหรูปทรงทั้งสองแยกออกจากกัน โดยที่รูปทรง

ดานบนยังเหมือนเดิมแตรูปดานลางจะถูกตัด

และหากดับเบิลคลิกเลือกที่รูปทรงใดก็จะได

เสนกรอบตามรูปทรงน้ัน ดังภาพ

ดับเบิลคลิกบนรูปสีเขียว ดับเบิลคลิกบนรูปสีฟา

แลวคลิกลากออกมา

รูปทรงท่ีมีเฉพาะเสน ไมวาจะเปนสีเดียวกันหรือไมก็ตาม

เสนจะสามารถแยกสวนออกตามมุมหรือตรงจุดที่เสนตัดกันได

ลากเสนตรง (Line Tool)

เสนตรงเปนพื้นฐานของรูปทรงตาง ๆการลากเสนตรงดวยเครื่องมือของโปรแกรม Flash

จะคลายกับเครื่องมือในโปรแกรมตกแตงภาพทั่วไป แตจะมีความสามารถบางอยางที่แตกตางกันไป

ดังตัวอยางตอไปน้ี

1. คลิกปุม Line Tool ที่ทูลบ็อกซ

2. คลิกเลือกสีของเสนจากชอง Stroke Color

3. คลิกเมาสที่จุดเริ่มตนบนสเตจ (พื้นที่วาง) คลิกคางไวแลวลากเมาสกําหนดความยาว

และทิศทางของเสนตรง แลวปลอยเมาสก็จะไดเสนตรงตามที่ตองการ หรือจะลองลากเมาสสราง

เสนตรงอื่นๆ ไดอีกตามตองการ รวมถึงการเปลี่ยนสีสันที่หลากหลายใหเกิดความคลองตัวมากข้ึน

4. หากตองการวาดใหเปนรูปตาง ๆใหดรากสเมาสลากจนกลายเปนรูปที่ตองการ ซึ่ง Snap

to Objects (เปนรูปวงกลมที่ปรากฏพรอมเสนที่วาด) จะชวยทําใหขณะที่วาดอยูน้ัน มุมมองเสน

จะสามารถชนกันและกลายเปนเสนที่ตอเน่ืองกันโดยอัตโนมัติ

Page 3: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 3

Page 4: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 4

ปรับเปลี่ยนเสนแกไขระดับพื้นฐาน

เสนที่ไดสรางข้ึนมาใหมีรูปรางตาง ๆน้ันสามารถปรับเปลี่ยนแกไขในภายหลังได ไมวาจะเปน

ส ีขนาด รูปรางของเสน ซึ่งเมื่อตองการปรับเปลี่ยนคาตางๆ ใหทําการเปด Properties Panel ข้ึนมา

เทาน้ัน ก็สามารถกําหนดคาตางๆ ไดตามตองการ

1. คลิกปุม Arrow Tool ที่ทูลบ็อกซ และดรากสเมาสคลุมเลือกออบเจ็กต

2. คลิกเมนู Window เลือกคาสั่ง Properties ใหปรากฏเครื่องหมายถูก

3. คลิกเลือกสีของเสนจากชอง Stroke Color

4. คลิกเลือกความหมายของเสนจากชอง Thickness

5. คลิกเลือกรูปแบบของเสนจากชอง Type

6. คลิกเมาสที่พื้นงาน 1 ครั้ง จากน้ันเสนที่เลือกไวจะมีส ีความหนา และรูปแบบเปลี่ยนไป

ตามคาที่กําหนด

Page 5: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 5

ปรับเปลี่ยนแกไขระดับสูง

สําหรับวิธีการเปลี่ยนแปลงแกไขเสนน้ัน ยังสามารถกําหนดรูปแบบตาง ๆเพิ่มเติมข้ึนไดอีก

เชน หากเปนเสนประก็สามารถกําหนดวาตองการใหความถ่ีของระยะหางระหวางเสนประแตละเสน

น้ัน มีระยะความหางมากนอยเทาไรมีความเขมจางเทาไร เปนตน ซึ่งคาตางๆ ที่มีใหกําหนดน้ัน

จะข้ึนอยูกับรูปรางลักษณะของเสนแตละรูปแบบที่ไดเลือกไว

1. คลิกปุม ที่ Properties Panel จะปรากฏไดอะล็อกบ็อกซ Stoke Style ข้ึนมา

2. กําหนดคาระยะหางของเสนประจากชอง Dot Spacing เมื่อกําหนดเรียบรอยแลวใหคลิก

ที่ปุม OK

3. จะไดรูปภาพเสนประที่มีระยะความหางมากข้ึนตามคาที่กําหนดไว

Page 6: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 6

สรางเสนปากกาดวยเครื่องมือ Pen Tool

หนาที่การทางานของเครื่องมือ Pen Tool คือ ใชสําหรับวาดเสนตรงและเสนโคงไปใน

ทิศทาง ตางๆ เสนที่สรางจากเครื่องมือ Pen Tool จะมีความยืดหยุนตอการทํางานมากกวาเสนที่

สรางจากเครื่องมือ Line Tool เน่ืองจากปรากฏแฮนเดิลข้ึนมาในระหวางทํางาน ทําใหสามารถดัด

เสนใหเปนรูปรางตามตองการไดอยางสะดวกข้ึน นอกจากการกําหนดสีเสนแลว ออบเจกตที่สรางจาก

เครื่องมือ Pen Tool ยังสามารถกําหนดใสสีใหกับพื้นได ซึ่งหลังจากการวาดเปนที่เรียบรอยแลว

1. คลิกปุม Pen Tool ที่ทูลบ็อกซ

2. คลิกเลือกสีเสนจากชอง Stroke Color

3. คลิกเลือกพื้นจากชอง Fill Color

4. คลิกเมาสที่พื้นที่งานจะปรากฏจุดแฮนเดิลข้ึนมา

5. ดรากสเมาสลากพรอมทั้งดึงแฮนเดิลไปในทิศทางและตําแหนงที่ตองการ

จากน้ันจะปรากฏเสนข้ึนมา

6. ใหดรากสเมาสลากจนกลายเปนรูปที่ตองการ เมื่อตําแหนงเริ่มตน จุดแฮนเดิลจะเช่ือมตอ

เขาหากันเพื่อเปนการสิ้นสุดการสรางออบเจ็กตและจะปรากฏสีพืน้ที่กําหนดข้ึนมาใหโดยอัตโนมติั

Page 7: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 7

การปรับเปลี่ยนแกไขสีพื้น

การสรางออบเจ็กตโดยใชเครื่องมือ Pen Tool แตกตางจากการสรางโดยใชเครื่องมือ Line

Tool ก็คือ ออบเจ็กตที่สรางข้ึนมาน้ันสามารถกําหนดใสสีพื้นเติมไดตามตองการ และสําหรับคาอื่นๆ

ไมวาจะเปนการปรับเปลี่ยน สีเสน ขนาด รวมถึงรูปรางลักษณะของเสนที่สรางข้ึนจะสามารถกําหนด

ไดเชนเดิม

1. คลิกปุม Arrow Tool ที่ทูลบ็อกซ และดรากสเมาสคลุมเลือกออบเจ็กต

2. คลิกเมนู Window > Properties ใหปรากฏเครื่องหมายถูก

3. คลิกเลือกพื้นจากชอง Fill Color

4. คลิกเมาสที่พื้นงาน 1 ครั้ง จากน้ันพื้นของออบกเจ็กตที่เลือกไวจะมีเปลี่ยนแปลงไปตาม

คาที่กําหนด

Page 8: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 8

สรางเสนดินสอดวยเครื่องมือ Pencil Tool

หนาที่การทํางานของเครื่องมือ Pencil Tool คือ ใชสําหรับวาดเสนตรงและเสนโคง

ในรูปแบบอิสระ ซึ่งการสรางออบเจ็กตจากเครื่องมือ Pencil Tool น้ี จะสามารถกําหนดรูปแบบ

ลักษณะของดินสอที่ใชในการวาด เชน ตองการใหลายเสนที่ไดเปนเสนตรง เสนโคง หรือเสนอิสระยัง

สามารถกําหนดเปลี่ยนแปลงสีเสน สีพื้น ขนาด และรูปรางของเสนในภายหลังไดเชนเดียวกัน

ออบเจ็กตที่สรางข้ึนมาจากเครื่องมืออื่น ๆ

1. คลิกปุม Pencil Tool ที่ทูลบ็อกซ และดรากสเมาสคลุมเลือกออบเจ็กต

2. คลิกเลือกลักษณะของดินสอที่ใชในการวาดที ่Options จากสวนของ Pencil Mode

เลือก Straighten เสนที่ไดจะเปนเสนตรง

เลือก Smooth เสนที่ไดจะเปนเสนโคง

เลือก Ink เสนที่ไดจะเปนเสนอิสระ

3. ดรากสเมาสวาดเปนรูปตาง ๆตามตองการ

Page 9: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 9

การสรางวงกลมดวยเครื่องมือ Oval Tool

หนาที่ของเครื่องมือ Oval Tool คือ ใชสําหรับวาดรูปวงกลม และวงร ี ซึ่งหากตองการ

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

ที่สรางข้ึนมาจากเครื่องมืออื่น ๆ

1. คลิกปุม Rectangle Tool ที่ทูลบ็อกซคางไว จะปรากฏเครื่องข้ึนมา ใหเลือกมาที ่

Oval Tool

2. คลิกเลือกสีเสนของรูปวงกลมจากชอง Stroke Color

3. คลิกเลือกพื้นของรูปวงกลมจากชอง Fill Color

4. กดปุม Shift ที่คียบอรดคางไว พรอมทั้งดรากสเมาสลากที่พื้นงาน จากมุมหน่ึงทแยงไปยัง

มุมหน่ึง จะเกิดรูปวงกลมข้ึนมา

5. คลิกเลือกเปลี่ยนสีพื้นของวงกลมจากชอง Fill Color

6. ดรากสเมาสไปในทิศทางและตําแหนงที่ตองการ โดยไมตองกดปุม Shift คางไว จากน้ันจะ

เกิดรูปวงรีข้ึนมา

Page 10: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 10

การดัดแปลงรูปทรง

สามารถดัดแปลงรูปวงกลมหรือวงร ีใหมีลักษณะเปนเสี้ยวหรือเจาะเปนรูปโดนัท

โดยกําหนดคาตางๆ บน Property inspector ซึ่งมีสวนประกอบดังน้ี

Page 11: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 11

Start angle (คามุมเริ่มตน) และ End angle (มุมสุดทาย) ใชเพื่อการดัดแปลงรูปทรงใหมี

ลักษณะเปนเสีย้ว ซึ่งมีทิศทางดังน้ี

Inner radius รัศมีของวงกลมในซึ่งจะเจาะทะลุรูปวงกลมวงนอกจนกลายเปนรูปโดนัท

โดยมีคาเปนเปอรเซ็นตเมื่อเทียบกับรัศมีของวงกลมวงนอก

Close path เลือกออปช่ันน้ีเพื่อใหรูปทรงเปนแบบปด ซึ่งจะสามารถเติมสีพื้นได แตหาก

ยกเลิกออปช่ันน้ีก็จะไดรูปทรงแบบเปด ซึ่งจะสามารถเติมสีพื้นได แตหากยกเลิกออปช่ันน้ีก็จะได

รูปทรงแบบเปดซึ่งมีเฉพาะเสนเทาน้ัน

Page 12: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 12

การสรางสี่เหลี่ยมดวยเครื่องมือ Rectangle Tool

หนาที่การทํางานของเครื่องมือ Rectangle Tool คือ ใชสาหรับวาดรูปสี่เหลี่ยมผืนผา

และสี่เหลี่ยมจัตุรัส แตคุณสมบัติที่เพิ่มเติมสําหรับการทํางานของเครื่องมือ Rectangle Tool น้ี

คือ สามารถกําหนดมุมของสี่เหลี่ยมกอนที่จะทําการวาดไดดวย ซึ่งหากกําหนดคาตัวเลขมากข้ึนเทาไร

สี่เหลี่ยมที่ไดก็จะมีมุมที่มนมากข้ึนเทาน้ัน

1. คลิกปุม Rectangle Tool ที่ทูลบ็อกซ

2. คลิกเลือกสีเสนของรูปสี่เหลี่ยมจากชอง Stroke Color

3. คลิกเลือกสีพื้นของรูปสี่เหลี่ยมจากชอง Fill Color

4. คลิกลากในแนวทแยงใหไดขนาดและรูปทรงตามตองการ

Page 13: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 13

กําหนดความโคงของมุมตาง ๆ

ในข้ันตอนการวาด เราสามารถปรับความโคงของแตละมุมได โดยกําหนดคารัศมีมีมุมโคงบน

Property inspector ซึ่งคาบวกจะใหผลเปนมุมโคงออก สวนคาลบจะใหผลเปนมุมเวาเขา

ตัวอยางผลลัพธจากการกําหนดคารัศมีมุมโคงแบบตาง ๆ

Page 14: ใบความรู้ที่  3 การใช้เครื่องมือวาดภาพ

วิชาการสรางภาพเคล่ือนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 14

ปรับแตงรูปทรงหลังการวาด

เฉพาะกรณีที่วาดดวยเครื่องมือ Rectangle Primitive จะสามารถดัดแปลงรูปทรง

ภายหลังไดโดยใชเครื่องมือ Selection คลิกเลือกออบเจ็ค แลวคลิกลากปรับจุดควบคุม

แตละมมุได ดังน้ี