ใบความรู้ เรื่อง เครื่องมือวาด เติมสี และแก้ไขภาพ แหล่งข้อมูล แก้ไขหัวข้อ

รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพิวเตอร 1 หนว ยท่ี 2.1 แนะนําโปรแกรม Swish Max4 Swish Max4 เปน โปรแกรมของบรษิ ทั SwiSHaone.com Pty Ltd. ทีใ่ ชส ําหรบั สรางงานดา นกราฟก เชน การสรางตัวอกั ษร ภาพนิง่ และภาพเคลอ่ื นไหวที่สามารถนาํ ไปใชงานประเภทตา ง ๆ ได เชน งาน Presentation งานAnimation โลโกโฆษณา แบนเนอร เมนูและการสรา งปุมอยางงายไดแมกระท้ังการออกแบบและการพฒั นาเวบ็ ไซตน อกจากนยี้ งั สามารถการสรา งภาพเคลอ่ื นไหวท่ีมีการเลน เสยี งในเวลาเดยี วกนั ไดนอกจากน้ยี ังสามารถเขียนสครปิ ตเพือ่ ควบคมุ การทํางานได ลกั ษณะการใชง านของโปรแกรม Swish Max4 ใชง านงายกวาโปรแกรมAdobe Flash เน่ืองจากมี Effect สาํ เรจ็ รปู มากกวา 230 แบบ ดงั น้นั จงึ ทําให Swish Max4 เปนโปรแกรมท่ีนา สนใจสาํ หรับผูท่ีตองการสรางงาน Animation รูปที่ 1-1 รูปภาพโลโกข องโปรแกรม Swish Max4 Swish Max4เปนโปรแกรมทีช่ วยใหผ ใู ชสามารถสรา งสรรคผ ลไดห ลากหลายรูปแบบทั้งยังสามารถผลติ งานในรูปแบบส่ือประสมงานสรางบทเรยี นคอมพิวเตอรชว ยสอนทง้ั ในรูปแบบ Online และ Offline โดยสามารถสงออกไฟลน ําเสนองานในรูปแบบไฟล Shock wave Flash (.SWF) รปู แบบไฟล Audio Video Interleave(.AVI) ซ่ึงใชใ นการตัดตอภาพยนตรรูปแบบไฟล Hyper Text Markup Language (.HTML) ในการสรางเว็บเพจสามารถนําไปแสดงผลใน Flash Player, Browser และ Media Player อีกทัง้ สามารถแปลงไฟลที่ใชในการเปดโปรแกรม (.EXE) ไดอ กี ดว ย รปู ที่ 1-2 รูปภาพตัวอยา งบทเรียนคอมพิวเตอรส อนท่ีสรา งจากโปรแกรม Swish Max4

รายวชิ า เทคนคิ การสรางภาพเคล่อื นไหวคอมพิวเตอร 2 การเขา สูโปรแกรม Swish Max4 มีวิธเี ขา สโู ปแกรมหลายวธิ ีในชดุ กจิ กรรมเลมน้ขี อยกตัวอยางวธิ ีการท่ีงา ยและนิยมมากท่ีสุด 2 วิธี ดงั น้ีดบั เบลิ้ คลิกท่ีไอคอนรปู โปรแกรม Swish Max4 บน Desk topคลกิ ทีป่ ุม Start -> All Program -> Swish Max4 ->เลือก Swish Max4 รูปท่ี 1-3 รูปภาพขั้นตอนการเขา สโู ปรแกรม Swish Max4 เม่อื เปดโปรแกรม Swish Max4 ขึน้ มาแลว สามารถเลือกคุณสมบัติของชน้ิ งานใหตรงตามวตั ถุประสงคของผใู ชง านไดเ ชน สรา ง Banner สราง Button ซง่ึ สามารถคลกิ เลือกขนาดตามรายการทก่ี าํ หนดจากหนาตา ง NewMovie แตถาผใู ชงานยังไมม วี ตั ถปุ ระสงคทแ่ี นช ดั สามารถคลกิ เลอื ก Default ซ่ึงสามรถปรบั แตงทีหลงั ไดรูปที่ 1-4 หนาตา ง New Movie สามารถเลอื กรายการท่ตี องการสราง

รายวชิ า เทคนคิ การสรางภาพเคลือ่ นไหวคอมพวิ เตอร 3 Scene เปนสว นที่อยูภ ายใน Movie ใชใ นการวางอ็อบเจก็ ตต างๆภายใน 1 Scene สามารถมีไดห ลาย Objectและเปนประเภทใดก็ไดโดยมจี อภาพ “Outline Panel” แสดง Scene และ Object ทอ่ี ยูใน Scene ทงั้ หมดดังรปู ที่1-6 รูปท่ี 1-6 Scene และ Object ท่อี ยูภ ายใน Scene จากรปู ท่ี 1-6 แสดงใหเห็นภายใน Scene แตละ Scene ซ่งึ ประกอบดวยวัตถุหรือ Object หลายประเภทเมื่อดับเบ้ิลคลิกท่ี Scene ทมี่ สี ญั ลกั ษณ +อยดู านหนาจะปรากฏ Object ตางๆ ทซ่ี อนอยภู ายใน Scene สญั ลักษณจะเปลย่ี นเปน - และถา ตองการซอ น Object ใหด ับเบิล้ คลิก Scene ทม่ี สี ัญลกั ษณ - สญั ลกั ษณจะเปลี่ยนเปน + แทน› รูจักกบั วตั ถหุ รอื Object ในโปรแกรม Swish Max4 โปรแกรม Swish Max4 จะเรียกสงิ่ ตางๆทสี่ รางขนึ้ ในแตละ Scene วา “วัตถุ หรอื Object” เชน รูปวงกลมเสนตรงสี่เหล่ยี มขอ ความเสียงหรอื รูปภาพเปน ตนโดย Object ท้งั หมดทโ่ี ปรแกรม Swish Max4 จดั เตรียมไวใ หมีดังน้ี Object Textเปนวัตถปุ ระเภทขอ ความตัวอกั ษร Object Shapeเปนวัตถปุ ระเภทรปู วาด Object Imageเปนวตั ถุประเภทรูปภาพกราฟก ท่นี ําเขา จากภายนอก Object Buttonเปนวัตถุประเภทปมุ ใชสําหรบั ควบคมุ การทาํ งานโดยสามารถใชเ มาสคลิกเพอื่ ใหแสดงเหตกุ ารณทีก่ ําหนด Object Soundtrackเปนวัตถุประเภทไฟลเ สยี งที่นาํ วัตถอุ ่ืนเขามาใสภายใน Object เหลา น้เี ปนวัตถทุ ี่สามารถสรางโดยใชคําสงั่ Insert ใน Main Menu ปมุ คาํ ส่ังใน Insert Toolbar ปมุคาํ ส่ัง Insert ในจอภาพ “Outline Panel” หรือเคร่อื งมือพ้นื ฐานของโปรแกรม Swish Max4 ซ่งึ การสรางและการใชง าน Object เหลาน้ีจะกลา วถงึ ในหัวขอตอ ไป

รายวชิ า เทคนคิ การสรา งภาพเคลื่อนไหวคอมพิวเตอร 4 หนวยท่ี 2.2 สวนประกอบของโปรแกรม Swish Max4 รูปที่ 1-7 สว นประกอบของโปรแกรม Swish Max41. Main Menuคาํ สั่งหลักท่ใี ชก ารสัง่ งานทว่ั ไป รูปที่ 1-8 แถบคาํ สัง่ เมนหู ลกั ของโปรแกรม Swish Max42. Toolbarแถบเครื่องมอื รวบรวมคาํ ส่งั เปนภาพไอคอนเพอื่ ใหผ ูใชงานเขา ถงึ คาํ สงั่ ไดทนั ทปี ระกอบดวยแถบเคร่ืองมอื ยอยไดแก Standard Toolbar, Control Toolbar ,Insert Toolbar รูปท่ี 1-9 แถบเครอ่ื งมือ Toolbar ทงั้ หมด Standard Toolbarเปน แถบเคร่อื งมือที่ใชค วบคมุ คําส่ังทัว่ ไป รูปที่ 1-10แถบเครื่องมือ Standard Toolbar

รายวชิ า เทคนคิ การสรางภาพเคลือ่ นไหวคอมพวิ เตอร 5Control Toolbarเปนแถบเคร่ืองมือทใ่ี ชสาํ หรับควบคุมการแสดงผลของช้ินงานแสดงรายละเอียดดังตาราง รูปท่ี 1-11 แถบเครือ่ งมือ Control ToolbarInsert Toolbarเปนแถบเคร่ืองมือลัดทใี่ ชในการเรยี กคําสง่ั แทรก แสดงรายละเอยี ดดังตาราง รปู ท่ี 1-12 แถบเคร่อื งมือ Control Toolbar

รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพิวเตอร 63. Timeline Panelแถบแสดงเวลาแบง ชอ งเล็ก ๆ เรียกวา Frame โดยจะเปนตวั บง บอกถึงการกระทําของ Effect รูปภาพท่ี 11-3แถบแสดงเวลา Timeline Panel4. Layout Panelบรเิ วณที่แสดงผลช้ินงาน สามารถแกไขและปรับแตง ซึง่ ประกอบดวย Toolbox, View Optionและ Workspace มรี ายละเอยี ดดังตอไปนี้ รปู ที่ 14-1 บรเิ วณทแี่ สดงผลชน้ิ งาน Layout Panel Toolboxเคร่ืองมือสาํ หรับการวาดและปรบั แตง ชิน้ งาน รูปที่ 1-15 กลอ งเครื่องมือ Toolbox

รายวชิ า เทคนคิ การสรา งภาพเคลอ่ื นไหวคอมพวิ เตอร 7 View Optionเคร่ืองมือสําหรับปรบั มุมมองของพนื้ ทีส่ ําหรบั วางชิน้ งาน รูปที่ 1-16 กลอ งเครอ่ื งมือ View Option5.Status Bar แถบแสดงหนาตา งการใชงานกรณที ี่เปด ชิ้นงานหรือ Movie หลายอัน จะมีแถบแสดงชือ่ ของช้ินงานนัน้ ปรากฏขึ้นสามารถคลกิ สลับหนา ตางเพอื่ แกไ ขงานได รปู ท่ี 1-17 แถบแสดงหนาตา งการใชง าน Status Bar6. Properties Panel ใชสําหรับกาํ หนดและแกไ ขคุณสมบตั ทิ ี่ใหแ สดงผลกบั ชิน้ งาน รปู ท่ี 1-18หนาตา ง Properties Panel7. Outline Panelเปน บริเวณท่แี สดงโครงรางอนั ดับช้ันของวตั ถทุ ส่ี รา งท้งั หมดของช้ินงานแสดงจํานวนฉาก(Scene) และวตั ถุ (Object) ทบี่ รรจุอยูภายในสามารถจัดการเพ่มิ หรือลบได แสดงชิ้นงานใหเ ปน layer หรืออันดับช้ันโดยมองเห็นภาพจากนลงลาง รูปท่ี 1-19 หนา ตา ง Outline Panel

รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพวิ เตอร 8 หนว ยที่ 2.3 การใชง านโปรแกรม Swish Max4 เบื้องตน การใชง านโปรแกรม Swish Max4 สรางชนิ้ งานใหม สามารถทาํ ได 2 วธิ ีดังตอไปนี้คลกิ ท่ี File ที่ Main Menu คลกิ เลือกแถบรายการ New ดงั รูปตอไปนี้ รปู ท่ี 1-19 การสรา งช้ินงานใหมใ นโปรแกรม Swish Max4คลกิ เลือกปุม New รูปที่ 1-20 การสรา งช้นิ งานใหมโดยคลกิ ปมุ บน Toolbar เมอื่ สรางชิ้นงานใหมไ ดแ ลว สามารถปรับแตงคุณสมบัติของชิ้นงานไดโดยเลือกจากหนา ตา ง Properties ดา นขาวมือเพื่อปรับแตง ขนาด Movie ตามวัตถุประสงคการใชงาน เชน สรางแบนเนอร กาํ หนดขนาด 780x 90 pixels สรา งเว็บไซตก ําหนดขนาด 780x 600 pixels สรา งงานนาํ เสนอ กาํ หนดขนาด 800x 600 pixels 1. คลิกท่ี Movie Properties 2. คลกิ ท่ี Background Color เพื่อเลอื กสพี ื้นหลงั 3. คลิกทถ่ี าดสหี รือ Color Picker เลือกสีตามตองการ 4. กําหนด Width (ความกวางของชิ้นงาน) Height (ความสงู ของชน้ิ งาน)และ Frame Rate (เวลาทีใ่ ชใ นการเคลอ่ื นทมี่ ีหนวยเปนจาํ นวนเฟรมตอ วินาที) คลกิ ปุม ตกลงหรือ OK

รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพวิ เตอร 9 รูปท่ี 1-21ขัน้ ตอนการปรับแตงคุณสมบัติตา ง ๆ Scene หรือฉาก เปนสวนที่ใชในการบรรจุวัตถุตา งๆทีส่ รา งขึ้นภายในชิ้นงานและ สามารถมีไดมากกวา 1Scene เพ่ือประกอบเปนเรื่องราวตามเน้ือหาทต่ี องการ สามารถทําได 3 วิธีดงั ตอไปน้ีทําการแทรก Scene ใหมลงในช้ินงานโดยคลกิ ท่ี Insert ->เลอื ก Scene สามารถคลกิ แทรก Scene ทีละ 1 Scene รูปที่ 1-22 การแทรก Scene ใหมล งในชน้ิ งานวธิ ที ี่ 1คลกิ ทป่ี มุ บน Toolbar หรือ Insert Tool สามารถคลิกเพ่มิ Scene ทีละ 1 Scene รปู ท่ี 1-23การแทรก Scene ใหมลงในชิน้ งานวิธีท่ี 2คลกิ เลือก Insert ->เลอื ก Scene ในหนา ตา ง Outline Panel สามารถคลกิ เพ่มิ Scene ทีละ 1 Scene รูปที่ 1-24การแทรก Scene ในหนาตาง Outline Panel วิธีท่ี 3

รายวชิ า เทคนคิ การสรางภาพเคลือ่ นไหวคอมพิวเตอร 10 เม่ือทําการเพม่ิ หรอื แทรก Scene แลว สามารถจัดลาํ ดบั ของ Scene โดยอาจสลับขนึ้ ลงดว ยเคร่ืองมือดา นลา งหรอื อาจคลกิ ท่ี Scene ทตี่ อ งการแลวลากเมาสไปวางบนหรือลา ง Scene อ่ืน และสามารถลบ Scene ที่ไมต องการ รปู ที่ 1-25การจัดลาํ ดับ Scene ในหนา ตา ง Outline Panel ในการสรางชิน้ งานนกั เรียนควรบนั ทึกชน้ิ งานอยางสม่ําเสมอเพื่อปองกนั ความผิดพลาดทเ่ี กิดขน้ึ และไมสามารถกูคืนงานทีส่ รางไดถาไมไ ดทาํ การบนั ทกึ มขี ัน้ ตอนดังตอไปนี้1. คลิก File หรือคลกิ แถบรายการ Save หรือ Save as หรือคลกิ ปุม2. จะปรากฏหนาตา งเลอื กโฟลเดอรท ่ตี องการเกบ็ ขอมลู3. ตัง้ ชอ่ื ชน้ิ งานทต่ี องการ ไฟลช ิ้นงาน Swish Max4 ทท่ี าํ การ บนั ทกึ จะเปนนามสกุล .swi รูปที่ 1-26ขนั้ ตอนการบนั ทึกชนิ้ งานและการตง้ั ชื่อไฟลของชิน้ งาน

รายวชิ า เทคนคิ การสรางภาพเคล่ือนไหวคอมพวิ เตอร 11 หนว ยที่ 3.1 การสรางขอความและตกแตงขอความ ในการสรา งขอ ความน้ันสามารถสรางไดโดยผใู ชพ ิมพต วั อกั ษรขึ้นใหมห รอื คัดลอกจากโปรแกรมจดั การเอกสารตางๆเชน โปรแกรม Microsoft word ในทีน่ เ้ี ราจะสรา งขอ ความดวยการพิมพตัวอักษรขึ้นใหม มีข้ันตอนดงั น้ี1. คลิกเลือกปมุ ขอ ความ บนแทบเคร่ืองมือ Tools box2. คลกิ ทตี่ าํ แหนง ใน Work space ทต่ี อ งการพิมพขอความจะปรากฏกรอบลอ มกลอ งขอความและมีปุมสเี่ หล่ียมสีเขียวเลก็ อยดู านมมุ บนและลางของกลอ งขอความ ดังภาพ3. พมิ พขอ ความทตี่ องการ หากตองการข้ึนบรรทัดใหมใ หกดปมุ Enter รูปที่ 2-1รปู ภาพการสรางขอความมีขน้ั ตอนดงั น้ี1. คลิกเลอื กปมุ Select (เลือกวัตถุ)2. คลิกเลอื กกลอ งขอความที่ตอ งการยา ยตําแหนง3. คลิกเมาสคางไวแ ละลากไปยังตาํ แหนง ที่ตอ งการ

รายวชิ า เทคนคิ การสรางภาพเคลอ่ื นไหวคอมพวิ เตอร 12 รูปท่ี 2-2แสดงการยายตาํ แหนงขอความ เมื่อสรางขอความเรยี บรอยแลว สามารถเปล่ยี นรูปแบบตวั อักษรใหเปน รูปแบบตา ง ๆไดต ามขน้ั ตอนตอ ไปน้ี1. คลกิ เลือกขอ ความใหป รากฏกลอ งส่ีเหล่ียมลอ มรอบโดยการคลกิ ท่ี2. แดรกเมาสคลมุ ท้งั ขอความทต่ี อ งการเปล่ียนรปู แบบตัวอกั ษร3. เลือกรปู แบบตัวอักษรจากแถบ Text Object Properties Panel

รายวชิ า เทคนคิ การสรา งภาพเคลือ่ นไหวคอมพวิ เตอร 13 รูปที่ 2-3แสดงขนั้ ตอนการปรบั เปล่ยี นรูปแบบตัวอกั ษร4. เลอื กรปู แบบตวั อักษรจากเมนรู ายการโดยการลากเมาสผานตัวอักษรตา งๆ กจ็ ะปรากฏ ตวั อยางของรปู แบบตัวอกั ษรน้นั5. คลกิ เลือกรปู แบบตัวอกั ษรท่ีตอ งการ ขอความจะเปลยี่ นตามรปู แบบตัวษรท่ีเลือกไว รปู ท่ี 2-4การเลอื กรูปแบบตัวอักษรจากเมนรู ายการ

รายวชิ า เทคนคิ การสรา งภาพเคลือ่ นไหวคอมพิวเตอร 14 เมื่อปรบั เปลี่ยนรปู แบบตัวอักษรใหกับขอ ความเรียบรอยแลวสามารถปรบั เปลยี่ นขนาด และสีตวั อกั ษรใหเปนรูปแบบตาง ๆ ไดดงั ขั้นตอนตอไปน้ี1. คลกิ เลอื กขอ ความโดยการแดรกเมาสค ลมุ ขอ ความ2. คลกิ เลอื กขนาดตวั อักษรจาก Text Object Properties Panel รปู ที่ 2-5ขั้นตอนการปรับเปลย่ี นขนาดของขอความ3. คลิกเลอื กสี ตามตอ งการจากแผงสอี าจปรบั สีใหโปรง ใสมากข้ึนดว ยการระบคุ า ท่ี Alpha% ปกติจะมีคา100 ใหลดลงเปน 50 หรือ 30 สีทีไ่ ดก็จะโปรง ใสสามารถนาํ ไปซอ นทบั กบั วัตถอุ ื่นไดจะมองเห็นวตั ถทุ อ่ี ยใู นLayer ดานลาง รปู ที่ 2-6แผงสีตวั อกั ษร

รายวชิ า เทคนคิ การสรา งภาพเคลื่อนไหวคอมพวิ เตอร 15 เมือ่ ปรับเปลยี่ นขนาดและสีของขอ ความแลว สามารถปรับแตง ขนาดใหมีความหนาความเอยี ง และจดัตําแหนงใหแกขอ ความไดต ามขน้ั ตอน คือ เมือ่ แดรกเมาสคลมุ ขอความแลว ใหค ลกิ ที่ Text Object PropertiesPanel และ คลกิ เลอื กความหนา ความเอยี ง ใหแ กข อ ความแลว จะปรากฏดังรปู รูปที่ 2-7ขัน้ ตอนการปรับแตงขอ ความ3. วางใหขอความ ไดแก จัดกึ่งกลาง ชิดซา ย ชดิ จดั ขวา ดงั รูป รปู ท่ี 2-8การจัดวางขอความ

รายวชิ า เทคนคิ การสรา งภาพเคลื่อนไหวคอมพิวเตอร 16 หนวยท่ี 3.2 การใส Effect ใหข อความ การใชง าน Swish Max4 เพอื่ สรางงานลกู เลน หรือ Effect สวยงามไดโดยใชวิธงี ายๆ ผใู ชสามารถเลอื กใสEffect ตาง ๆใหกับชน้ิ งานไดอยางงาย โดยเลอื กรูปแบบที่ตอ งการซึ่งมีใหเลือกมากมายใน Swish Max4 จะขอยกตัวอยาง ดงั นี้ Fade inเปน ลกู เลนสําหรับแสดงวตั ถุขึน้ มาอยางชา ๆ ในตําแหนง ท่ตี องการ Fade outเปนลูกเลน สาํ หรบั แสดงวตั ถหุ ายไปอยางชา ๆ ในตาํ แหนง ที่ตองการ Zoom inเปน ลูกเลน สาํ หรับแสดงขยายวตั ถุ จากขนาดเลก็ ใหเ ปน ขนาดปกติ Zoom Outเปนลกู เลน สาํ หรับแสดงยอวตั ถุ จากขนาดเล็กใหเ ปนขนาดปกติ Slide inเปน ลกู เลน สําหรับแสดงการเคลื่อนทข่ี องวัตถุเปนเสนตรง จากหนา จอเขาสภู ายในจอ โดยจะมีคําส่งั ยอยใหเ ลือกวาตอ งการใหเ คลื่อนทจ่ี ากทางใด Blurเปนลูกเลนสําหรับแสดงการเคลอื่ นทขี่ องวัตถุเปนเสนตรง จากภายในจอไปสนู อกจอ โดยจะมคี าํ สง่ัยอ ยใหเลอื กวาตองการใหเคลอ่ื นท่ีออกไปทางใด Slide inเปน ลูกเลนสาํ หรบั แสดงผลวัตถอุ ยางชาๆ โดยเร่ิมจากภาพใหญท่ีไมชัดเจนจนกลายเปนภาพที่สมบูรณ Appear into positionเปน ลกู เลน สําหรบั แสดงผลวัตถุในลักษณะคอยๆ ปรากฏข้ึน ซึ่งมลี กั ษณะการปรากฏใหเลือกอกี หลายแบบ Disappear From positionเปนลูกเลน สาํ หรับแสดงผลวัตถใุ นลักษณะคอ ยๆ หายไป ซงึ่ มลี กั ษณะการหายจากหนา จอใหเลือกอกี หลายแบบ เมือ่ สรา งขอความปรบั เปล่ยี นขนาด สปี รับแตง ขนาดและการจัดวางเรยี บรอยแลว สามารถเพม่ิ เตมิ ความนา สนใจใหแ กช้ินงานได โดยการเพ่มิ Effect อยางงา ยใหแ กข อ ความ โดยข้นั ตอนดังตอไปน้ี1. คลกิ ทขี่ อความใหเกิดเปนกลอ งสีเหล่ียม2. คลกิ ขวาเฟรมที่ 1 บนแถบ Time Line3. คลกิ เลอื ก Fade ->เลอื ก Fade in

รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพวิ เตอร 17 รปู ท่ี 2-9ข้ันตอนการใส Effect แบบ Fade in .ใหข อ ความ1. เมือ่ เพิม่ Effect แบบ Fade in แลว กจ็ ะปรากฏแถบของ Effect ขึ้นบน Time Line และสามารถปรับแตง Effectไดด วยการคลกิ เมาสค า งไวที่เสน ดา นทายของ Effect ถาตอ งการแลวลากออกไปทางดวยขวาเพือ่ ทําใหข อความปรากฏชาลงหรือถา ตองการใหข อความแตงเร็วข้ึน ใหเลอ่ื นมาดา นซา ยมอื ใหแ คบลง รปู ที่ 2-10การเพม่ิ เฟรม Effect แบบ Fade in

รายวชิ า เทคนคิ การสรางภาพเคล่อื นไหวคอมพวิ เตอร 182. คลิกทีป่ ุม เพื่อใหแ สดงผลงาน รูปท่ี 2-11แสดงผลงานเมอื่ เพ่ิมลูกเลนใหข อ ความแบบ Fade inการลบ Effect ทาํ ไดด ังน้ี1. เลอื กวตั ถุทต่ี องการลบ Effect โดยการคลิกที่วตั ถนุ ัน้2. คลิกท่ี Effect ท่ีตองการลบบริเวณ Timeline Panel3. กดปุม Delete ท่ีแปนพมิ พ4. ทดสอบผลท่ไี ดดวยการคลกิ ท่ปี ุม เพอื่ ใหแสดงผล

รายวชิ า เทคนคิ การสรา งภาพเคล่อื นไหวคอมพิวเตอร 19 หนวยท่ี 4.1 เครอ่ื งมือสาํ หรบั สรา งภาพกราฟก การสรา งภาพกราฟก ในลักษณะตา ง ๆ เรือ่ งของการวาดภาพการปรบั แตง ภาพ การทาํ งานกับสขี องโปรแกรม Swish Max4 โดยสรา งภาพจากชดุ เคร่อื งมือ ไดแ ก Toolbox และ View Options1. Toolboxเคร่ืองมือสาํ หรบั การวาดภาพและปรบั แตงช้นิ งาน แบงออกเปน 4 ประเภท ดงั นี้ รูปที่ 3-1กลองเครื่องมือ Toolbox เคร่ืองมือท่ีใชส าํ หรับวาดภาพ ไดแก เครื่องมือสําหรับเลอื กวัตถุ ไดแ ก Select (เลือกวตั ถุ) เครื่องมอื สําหรับปรับแตง แตละจุดของรูปวาด ไดแก

รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 20 เครื่องมอื สาํ หรบั ปรบั มุมมองรูปวาด ไดแก Hand Tool เลอ่ื นภาพ, Zoom ยอ หรอื ขยายขนาดจอ2. View Optionเครื่องมือสําหรับปรับมมุ มองของพ้นื ทส่ี ําหรับวางชิ้นงานเปนเครอื่ งมือปรับแตง มุมองจอภาพสามารถปรบั ยอ ขยายไดข อแนะนําสาํ หรบั การทาํ งาน รปู ท่ี 3-2กลองเครื่องมือ View Option

รายวชิ า เทคนคิ การสรางภาพเคล่ือนไหวคอมพวิ เตอร 21 หนวยท่ี 4.2 การสรา งภาพกราฟก1. เลือก Tools -> AutoShape โดยการคลิกคางไวจะปรากฏแถบเมนู2. เลือกรปู รา งท่ีตองการมใี หเลือกไดแก รูปรา งทีเ่ ปนลกั ษณะ 2D, รปู รางท่ีเปน 3D และ รปู รา งที่เปน Framesเม่อื นําเมาสคลกิ ที่แตล ะเมนูก็จะปรากฏแถบช่อื และตวั อยา งของรปู รา งนัน้ ๆ รปู ที่ 3-3การเลอื กเครือ่ งมือ AutoShape3. เมอื่ เลือกรปู รา งทต่ี องการไดแลวใหค ลิกลากลงบน Workspace4. สามารถเปลีย่ นรปู แบบไดโดยการคลกิ ท่จี ดุ สเี ขียวบนรูปและลากไปในทศิ ตา ง ๆ จะทาํ ใหร ปู ทรงเปลีย่ นไปตามตองการ รูปที่ 3-4การเปลี่ยนรูปแบบของรปู รา ง

รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 22 การวาดเสน1. เลอื ก Tools -> Line2. ลากเสน ลงบน Workspace สามารถทาํ ใหมีความตรงโดยกด Shift พรอ มกบั การลากเสน3. ปรบั แตงเสนท่วี าดข้ึนดว ย Properties Panel ทางดานขวามือโดยปรบั แตง ลกั ษณะเสน ขนาดและสขี องเสน รปู ท่ี 3-5การวาดเสนดวยใชเครอ่ื งมือ Line การวาดรปู ทรงกลม1. เลือก Tools -> Ellipse Tool2. ลากวงกลมลงบน Workspace สามารถทาํ ใหว งกลมมีสัดสว นท่กี ลมอยางถกู ตองใหกด Shift ทแี่ ปนพมิ พพรอ มกับการลากรูปวงกลม จะไดวงกลมทสี่ มบรู ณ3. ปรบั แตงไดท ่ี Properties Panel โดย สขี องวงกลม และปรับแตงเสน รอบรูป ไดแก ลกั ษณะเสน สเี สน ขนาดของเสนรอบรปู ได รูปท่ี 3-6 การใช Ellipse Tool

รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพวิ เตอร 23 รปู ที่ 3-7รูป Properties panel ปรับแตงสขี องรูปราง- ลักษณะเสนรอบรปู ของวงกลม รูปที่ 3-8รปู Properties panel ปรบั แตง ลกั ษณะเสน รอบรปู- การปรบั แตงสเี สนรอบรปู รปู ที่ 3-9 Properties panel ปรบั แตง สเี สน รอบรปู

รายวชิ า เทคนคิ การสรางภาพเคลอ่ื นไหวคอมพวิ เตอร 24 การวาดรูปทรงส่ีเหล่ียม1. เลือก Tools -> Rectangle Tool2. ลากส่ีเหลย่ี มลงบน Workspace สามารถทาํ ใหสเี หลยี่ มจัตรุ สั ใหก ด Shift ทีแ่ ปน พมิ พกบั การลากรูปส่ีเหลย่ี มจะไดสีเ่ หลื่ยมที่เปนจัตรุ สั3. ปรับแตงไดที่ Properties Panel โดย สปี รับแตงเสนรอบรปู ไดแ ก ลกั ษณะเสน สเี สน ขนาดของเสน รอบรปูไดไดเหมือนการปรับแตงรปู ทรงวงกลม รูปท่ี 3-10การใช Rectangle Tool การวาดรปู ดว ย Pencil1. เลอื ก Tools -> Pencil2. วาดรูปภาพเปน เสน อิสระตามตอ งการลงบน Workspace3. ปรบั แตงลกั ษณะเสน ขนาดและสีเสนไดท ี่ Properties Panel รปู ที่ 3-11การวาดรปู ดว ย Pencil

รายวชิ า เทคนคิ การสรา งภาพเคลอ่ื นไหวคอมพิวเตอร 25 การวาดรูปดว ย Pen Tool การวาดรปู ดวย Pen Tool จะเปน ลกั ษณะการเช่ือมจากจุดหน่งึ ไปยงั จุดหนึง่ และเม่ือถงึ จดุ สุดทา ยท่ีตรงกบัจดุ เริ่มตนก็จะปรากฏสบี นพื้นท่ีๆ ไดล ากเสนกาํ หนดพ้ืนทไ่ี วแ ลว1. เลือก Tools -> Pen Tool2. วาดรปู ภาพลงบน Workspace โดยลากเสนโยงจากจุดหนง่ึ ไปยงั จุดหน่ึงใหเปนภาพทต่ี อ งการ โดยใหล ากจดุสุดทายใหตองกบั จุดเร่มิ ตน3. ปรบั แตงลักษณะเสน ขนาดและสีเสน ไดท ่ี Properties Panel รปู ท่ี 3-12การวาดรูปดว ย Pen Tool

รายวชิ า เทคนคิ การสรา งภาพเคลอ่ื นไหวคอมพิวเตอร 26 หนวยท่ี 5.1 การใชเ ครื่องมือ Motion Pathสวนท่ีทาํ ใหวตั ถเุ คลื่อนไหวไดโ ดยการเพมิ่ การเคล่ือนที่ใหก บั วตั ถุท่สี รา งข้ึน เครื่องมือ Motion Path เพอ่ื ใหชิ้นงานมีความนา สนใจมากขึ้น1. เลือก Tools -> AutoShape ->2D-> Heart วาดลงไปบน Work Space2. ปรบั แตงสี และลักษณะเสน ใหแ กวัตถุ รปู ที่ 4-1การเลอื กรปู แบบ AutoShape และปรับแตงวตั ถุ3. คลิกเลอื กวัตถุ ->คลิกเลอื กเคร่ืองมือ Motion Path ทแี่ ถบเคร่ืองมอื4. คลกิ สรางแนวการเคลื่อนทีข่ องวัตถุ โดยการคลิกเมาสลงบนพนื้ ท่ีของ Work Space จะปรากฏเปน แนวเสนประ ตามการคลกิ เมาส5. สังเกตที่ Time line จะปรากฏ Effect Move ตามจํานวนที่เราคลิกรปู ท่ี 4-2การใชเครื่องมอื Motion path และกําหนดแนวการเคลือ่ นท่ี6.กดปุมแสดงผล Play Movie

รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพิวเตอร 27 หนวยที่ 5.2 การสรา งช้ินงาน “ความงดงามใตท อ งทะเล” การสรางวัตถทุ ่สี รา งจาก Auto Shape ใหเ คล่อื นที่โดยเคร่อื งมือทีช่ อ่ื Motion Path แลว การชิ้นงานนี้จะใชเครื่องมือ Pencil วาดวัตถตุ า ง ๆใหม คี วามนา สนใจมากข้นึ การรวมสว นประกอบของวัตถุใหเปนชิน้ เดียวไดแ กการใชค ําสัง่ Grouping -> Group as Groupมขี นั้ ตอนดงั ตอไป 1. กาํ หนดสีพื้นหลงั ใหเปนสีน้าํ เงิน สีดาํ หรอื สีท่ีตองการตามความชอบ ในตัวอยางการสรางชนิ้ งานนี้เลอื กสดี าํ 2. เลอื ก Tools ->Pencil วาดรูปเชน ปะการัง สาหรายทะเล กอ นหิน การลงบน Work Space รูปท่ี 4-4การวาดรูปปะการงั และการปรับแตง สีสัน3. ปรบั แตง สสี นั ใหชน้ิ งานดวยไปที่ Properties -> ->คลกิ ปุมเลอื กรปู แบบ ->เลอื กGradient4. ปรับแตง สใี หมีการใสส ีแบบวงกลมหรอื รศั มีหรือแบบแนวต้งั จากน้ันเลือกสีตองการจากแถบไลสใี หเหมาะสมและสวยงาม รูปที่ 4-5การปรบั แตง สีสันโดยใช Gradient

รายวชิ า เทคนคิ การสรางภาพเคล่อื นไหวคอมพิวเตอร 285. วาดรปู ปลาโดยมชี ้ินสว นดังตอ ไปน้ไี ดแก ตวั ปลา ตา ครบี และปรับแตง สสี ันใหแกช ้ินงาน รูปท่ี 4-6 การวาดรปู ปลาอยา งงาย6. ทาํ การรวมกลมุ วตั ถเุ มื่อวาดองคป ระกอบของชิ้นงานไดแลว ใหกด Ship คางไวท ี่แปน พิมพทาํ การคลิกเลือกสวนประกอบของช้ินงานทัง้ หมดที่ Outline คลิกขวาตรงตาํ แหนง ช้ินนนั้ เลือก Grouping -> Group as Group รูปท่ี 4-7การ Group สว นประกอบตา งๆ ของรปู ภาพ7. คลกิ เลือกวัตถุ ->คลกิ เลือกเคร่ืองมือ Motion Path ท่ีแถบเครื่องมือ8. คลิกสรางแนวการเคลื่อนท่ขี องวัตถุ โดยการคลกิ เมาสลงบนพืน้ ทขี่ อง Work Space จะปรากฏเปนแนวเสนประ ตามการคลิกเมาส9. สงั เกตท่ี Time line จะปรากฏ Effect Move ตามจํานวนทเ่ี ราคลิก รูปท่ี 4-5การเลอื กเคร่อื งมือ Motion Path และการกาํ หนดแนวการเคลอ่ื นท่ี