Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Macromedia Director

8,786 views

Published on

สร้างสรรค์สื่อมัลติมีเดียด้วย Macromedia Director

  • Be the first to comment

Macromedia Director

  1. 1. คูมือการใชงานโปรแกรม Macromedia Director MX 2004 และการประยุกตสรางสรรคผลงานมัลติมีเดีย
  2. 2. คํานํา การพัฒนาโปรแกรมคอมพิวเตอรชวยสอน หรือสื่อมัลติมีเดีย โปรแกรม Macromedia Director นับเปน  เครื่องมือสําคัญเครื่องมือหนึ่งที่ชวยสรางสรรคไดเปนอยางดี ดวยความสามารถเฉพาะดานตลอดทั้งความสามารถ ดานโปรแกรมมิ่งดวยภาษา Lingo ทําใหสามารถพัฒนาระบบโตตอบกับผูเรียนไดอยางอิสระ ทั้งนี้ผูเขียนไดศึกษา และจัดทําเอกสารประกอบดวยเนื้อหา ดังนี้ 1. ความรูเกี่ยวกับ Macromedia Director 2. การใชงานโปรแกรมเริ่มตน 3. การทํางานกับ Cast Window , Cast Member ลักษณะตางๆ 4. การสรางสรรคงานกราฟกดวย Bitmap/Vector Paint 5. การทํางานกับขอความ 6. การสรางภาพเคลื่อนไหวแบบ Frame by Frame 7. การสรางภาพเคลื่อนไหวแบบ Motion Tween 8. การทํางานเกี่ยวกับเสียง 9. การทํางานเกี่ยวกับสื่อวีดิทัศนดิจิทัล 10. การสรางระบบโตตอบกับผูใชดวย Lingo Script 11. ตัวอยางการประยุกตสรางสรรคผลงานดวย Macromedia Director ผูเขียนไดนําเสนอคูมือฉบับนี้ในลักษณะภาพประกอบเนื้อหา และวิธีปฏิบัตจริง เพื่อใหเปนเอกสารคูมือ ิ ที่พรอมใชงาน และสื่อสารไดงาย อยางไรก็ตามหากมีขอผิดพลาดประการใด ผูเขียนขออภัยมา ณ ที่นี้ บุญเลิศ อรุณพิบูลย 12/1/2550
  3. 3. สารบัญ เริ่มตนกับ Macromedia Director MX 2004 .................................................................................................................1 การเขาสูโปรแกรม......................................................................................................................................................1 Start Page ..............................................................................................................................................................1 การปดโปรแกรม ........................................................................................................................................................1 หนาตางโปรแกรม...........................................................................................................................................................2 Stage .................................................................................................................................................................3 การเคลื่อนที่บน Stage ...........................................................................................................................................3 การปรับมุมมองจอภาพ ...........................................................................................................................................3 การปรับเปลี่ยนขนาดของ Stage...............................................................................................................................3 นําเขาไฟลรูปภาพ ...........................................................................................................................................................4 แบบฝกปฏิบัติ .......................................................................................................................................................7 การวาดรูปดวย Paint......................................................................................................................................................8 วาดสี่เหลี่ยม ..............................................................................................................................................................8 การลบบางสวนของภาพ ............................................................................................................................................10 การลบรูปทั้งหมด .....................................................................................................................................................10 วาดวงกลม/วงรี ........................................................................................................................................................10 วาดรูปหลายเหลี่ยม ...................................................................................................................................................11 เครื่องมืออื่นๆ ..........................................................................................................................................................11 แบบฝกปฏิบัติ .....................................................................................................................................................11 การปรับแตงรูปวาด .......................................................................................................................................................12 ตัวอยางการใชเครื่องมือปรับแตงวัตถุ .......................................................................................................................12 แบบฝกปฏิบัติ .....................................................................................................................................................13 วาดภาพ Vector ดวย Vector Paint ..............................................................................................................................14 Vector & Bitmap.................................................................................................................................................14 ภาพกราฟกแบบเวอรเตอร (Vector).......................................................................................................................14 ภาพกราฟกแบบบิตแมป (Bitmap).........................................................................................................................14 การใชงาน Vector Paint .........................................................................................................................................15 ความหมายของจุดสี ..............................................................................................................................................16 ทํางานกับขอความ ........................................................................................................................................................19 การสรางขอความดวย Paint Window........................................................................................................................19 การสรางขอความดวย Text Window.........................................................................................................................19 ตัวอักษร 3 มิติ .............................................................................................................................................................20 การฝงฟอนต ................................................................................................................................................................22
  4. 4. 1 เริ่มตนกับ Macromedia Director MX 2004 Macromedia Director MX โปรแกรมสรางสรรคผลงานมัลติมีเดียระดับมืออาชีพ ดังสโลแกนที่วา Metaphor of a theather production หรือซอฟตแวรที่เปรียบเสมือนการผลิตผลงานระดับภาพยนตร (โรงละคร) ดังนั้นดวยสโลแกนดังกลาว ทําใหโปรแกรมมีความโดดเดนหลากลักษณะทั้งการสรางสื่อมัลติมีเดีย การสรางสื่อ ในรูปแบบ 3D การสรางสื่อระบบโตตอบ และการประยุกตใชสรางสื่อบทเรียนคอมพิวเตอรชวยสอน (CAI) การเขาสูโปรแกรม การเขาสูโปรแกรม Macromedia Director MX มีลักษณะคลายคลึงกับการเรียกโปรแกรมใน ระบบปฏิบัติการ Windows ทั่วไปโดยเลือกจาก Start, Program, Macromedia, Macromedia Director MX 2004 ซึ่ง โปรแกรมจะแสดงจอภาพการทํางาน ดังนี้ Start Page จากจอภาพขางตนจะปรากฏสวนการทํางานที่เรียกวา Start Page ซึ่งมีตัวเลือกสําคัญในการสรางงาน ใหม (Create New) หรือการเปดแฟมเอกสารเดิม (Open a Recent Item) กรณีที่ Start Page ถูกปดไปสามารถเรียกกลับคืนมาไดดวยคําสั่ง Window, Start Page การปดโปรแกรม การปดโปรแกรมสามารถทําไดหลายวิธีทั้งการคลิกเมาสที่ปุมปดหนาตาง (Close box) หรือกดปุม A$ หรือเลือกจากเมนูคําสั่ง File, Exit…
  5. 5. 2 หนาตางโปรแกรม เปดไฟลตัวอยางของโปรแกรมโดยเลือกเมนูคําสั่ง File, Open… หรือคลิกปุมเครื่องมือ Open จากนั้นเลือกโฟลเดอรตัวอยาง ดังนี้ เลือกไฟลตัวอยาง เชน parent scripts.dir จะปรากฏจอภาพตัวอยางและสวนประกอบตางๆ ที่สําคัญดังนี้ Title Bar Menu Bar Toolbars Score Window & Sprite Panels or Inspector Tools Box Controler Stage Cast Window & Cast Member สวนประกอบตางๆ ควบคุมดวยเมนู Window และสามารถเคลื่อนยาย ยอ/ขยายขนาด ตลอดจน ปรับเปลี่ยนการแสดงผลไดอิสระ วิธีลดในการจัดตําแหนงของสวนประกอบตางๆ ั บนจอภาพใชคําสั่ง Window, Panel Sets, Default/Director 8
  6. 6. 3 Stage Stage เปรียบเสมือนเวทีที่จะใหตัวละครหรือนักแสดง (วัตถุของ Director) มาแสดงหรือนําเสนอ ดังนั้น การจัดวางวัตถุตางๆ จะตองจัดวางบน Stage ทั้งนี้ Stage แบงเปน Onstage canvas และ Offstage canvas Offstage canvas Onstage canvas การจัดวางวัตถุ สามารถจัดวางไดทั้งบน Onstage canvas และ Offstage canvas แตวตถุที่ปรากฏใน ั Onstage canvas เทานั้นที่จะปรากฏบนจอภาพเมื่อมีการนําเสนอผลงาน การเคลื่อนที่บน Stage การเคลื่อนที่บน Stage จะตองเปลี่ยนเปนเครื่องมือ Hand หรือขณะที่กําลังทํางานโหมดอื่นใหกด ปุม S คางไว โหมดการทํางานจะเปน Hand อัตโนมัติ การปรับมุมมองจอภาพ การปรับมุมมองจอภาพ ทําไดโดยเลือกเครื่องมือ Magnifying Glass แลวคลิกเมาสเพื่อขยายมุมมอง และ การยอมุมมองใหกดปุม A คางไวกอนจึงคลิกเมาส  การปรับเปลี่ยนขนาดของ Stage ขนาดของ Stage ควรกําหนดใหเหมาะสมกับสภาพการ ใชโดยสามารถกําหนดไดดวยคําสั่ง Modify, Movie, Properties จะ ปรากฏ Property Inspector เพื่อใหกําหนดคา Stage Size, Color ที่ เหมาะสมกับลักษณะงาน
  7. 7. 4 นําเขาไฟลรูปภาพ ฝกปฏิบัติการสรางชิ้นงานใหม โดยนําเขาไฟลรปภาพและศึกษาการทํางานเกี่ยวกับ Cast Member/Cast ู Window 1. สรางไฟลใหมโดยเลือกคําสั่ง File, New, Movie หรือคลิกปุม New Movie 2. เปด Cast Window ดวยคําสั่ง Window, Cast 3. สรางกลุม Cast Member โดยคลิกที่ปุม Chooser Cast จากแถบควบคุมของ Cast Window จากนั้น เลือกคําสั่ง New Cast… คลิกปุมนี้ 4. ตั้งชื่อกลุม Cast Member แลวเลือกรายการเปน Internal เพื่อบันทึก Cast Member รวมกับไฟล Director Movie 5. จะปรากฏ Tab ใหมใน Cast Member ดังนี้ 6. นําเขารูปภาพมาเก็บไวใน Cast Windows ไดโดยคลิกขวาบนที่วาง แลวเลือกคําสั่ง Import …
  8. 8. 5 7. เลือกไดรฟ โฟลเดอร และเลือกไฟลที่ตองการนําเขา (สามารถเลือกไดหลายๆ ไฟล) แลวคลิกปุม Add ตอดวยปุม Import 8. โปรแกรมจะแสดงตัวเลือกการนําเขาภาพ ดังนี้ • Color Depth คาความลึกของสี (ความคมชัดของภาพ) ในบางกรณีภาพจะมีคาความลึก ของสีมากกวาความลึกของจอภาพ จึงตองเลือกรูปแบบการนําเขาภาพที่เหมาะสม กรณีที่ ยืนยันใชคาความลึกของภาพใหเลือกเปน Image แตถาตองการเลือกใหเหมาะสมกับ จอภาพใหเลือกเปน Stage (คานี้จะมีผลตอขนาดไฟลของ Director Movie) • Trim White Space เลือกเพื่อตัดเสนขอบสีขาวตรงขอบภาพ • Dither เลือกเพื่อใหสีของภาพมีการกระจาย • Same Settings for Remaining Images กรณีที่นําเขาภาพหลายๆ ภาพ ถาคลิกเลือกรายการ นี้จะทําใหทุกภาพใชคาที่กําหนดเหมือนกัน
  9. 9. 6 9. โปรแกรมจะแสดง Cast Member ใน Cast Window ดังนี้ 10. ทํางานกับ Cast Member • ลบ Cast Member ออกจาก Cast Window ใหกดปุม = • นํา Cast Member ไปวางบน Stage ใหลากแลวนําไปปลอยบน Stage • ลบ Cast Member ออกจาก Stage ใหเลือกปุมเครื่องมือ Arrow แลวเลือก Cast Member ที่ ตองการลบจากนั้นกดปุม = 11. Cast Member & Property Inspector Cast Member แตละชิ้นสามารถปรับแกไข หรือเปลี่ยนแปลงคุณลักษณะไดจาก Property Inspector ซึ่งเปดไดจากเมนู Window, Property Inspector
  10. 10. 7 12. สวนสําคัญของ Property Inspector ไดแก • Name (Cast Name) ในบัตรรายการ Member ควรกําหนดชื่อ Cast ใหเปนภาษาอังกฤษ หามเวนวรรค และจําไดงาย เพื่อสะดวกในการนําไปใชอางอิงกรณีที่มีการกํากับดวย Lingo  Script • Compression ในบัตรรายการ Bitmap เปนการเลือกรูปแบบการบีบอัดภาพ ควรเลือกเปน JPEG แลวกําหนดคา Quality ใหเหมาะสม (ประมาณ 60 – 80 กรณีสรางสื่อสําหรับเว็บไซต หรือ 100 สําหรับสื่อที่นําเสนอดวย CD/DVD) แบบฝกปฏิบติ ั ฝกปฏิบัติสราง Cast member group และการควบคุม Cast Window ฝกปฏิบัติการนําเขาไฟลประเภทตางๆ เขาสู Cast member group
  11. 11. 8 การวาดรูปดวย Paint นอกจากการนําเขารูปภาพ ยังสามารถสรางภาพดวยฟงกชันวาดของ Paint ไดจากโปรแกรม Director โดยคลิกเลือก Cast Member จาก Cast Window กอนแลวเปดฟงกชัน Paint ดวยคําสั่ง Window, Paint วาดสี่เหลี่ยม การวาดวัตถุสี่เหลี่ยม ทําไดโดยคลิกเลือกเครื่องมือวาดสี่เหลี่ยม (Rectangular) ทั้งแบบมีสีพื้นและไมมีสี พื้น เลือกสีที่ตองการจาก Color Box โดยกดปุมเมาสคางที่ชองสี จะปรากฏ Color Palettes ดังนี้ โดยสีชองบนเรียกวา Forground Color ใหคลิกในชองสีที่ตองการ โดยปกติสีนี้จะแสดงเปนสีเสนขอบ และสีชองลางเรียกวา Background Color มักจะแสดงเปนสีพื้น
  12. 12. 9 เลือกรูปแบบของลวดลายพื้นสี่เหลี่ยมจาก Pattern โดยกดปุมเมาสคางไวแลวเลือกรูปแบบ จาก Pattern Settings สามารถเลือกรูปแบบเพิ่มเติมไดโดยคลิกเลือกรายการ Pattern Settings… หรือเลือกรายการ Tile Settings…
  13. 13. 10 เลือกการไลเฉดสีจาก Gradient เลือกความหนาของเสนขอบจาก Other Line Width การวาดสี่เหลี่ยมเมื่อกําหนดคาสีและคุณสมบัติของสี่เหลี่ยมแลว ใหเลื่อนเมาสไปชี้ที่จุดเริ่มตนที่ตองการ วาดสี่เหลี่ยม จากนั้นกดปุมเมาสคางไว ลากเมาสในแนวเฉียงใหไดขนาดที่ตองการ เทคนิคการวาด สามารถกดปุม S คางไวเพื่อวาดเปนรูปสี่เหลี่ยมจัตุรส ั การลบบางสวนของภาพ การลบบางสวนของภาพ สามารถใชปุมเครื่องมือ Eraser แลวลบเฉพาะตําแหนงที่ตองการ การลบรูปทั้งหมด รูปที่วาดหากไมตองการ สามารถดับเบิลคลิกที่ปุมเครื่องมือ Marquee โปรแกรมจะสราง Selection เลือกรูปทั้งหมดอัตโนมัติ จากนั้นกดปุม = เพื่อลบ หรือใชเทคนิคดับเบิลคลิกที่ปุมเครื่องมือ Eraser วาดวงกลม/วงรี การวาดวงกลมหรือวงรี จะใชเครื่องมือ Ellipse ซึ่งมีหลักการเดียวกับการวาดสี่เหลี่ยม และมี เทคนิคคือหากตองการวงกลมที่กลมจริงๆ ใหกดปุม S คางไวขณะลากเมาส
  14. 14. 11 วาดรูปหลายเหลี่ยม การวาดรูปหลายเหลี่ยม จะใชเครื่องมือ Polygon โดยการใชหลักการคลิกทีละจุด และดับเบิล คลิกเมื่อตองการสิ้นสุดการวาด โปรแกรมจะตอเสนใหครบทุกจุดโดยอัตโนมัติ สามารถกดปุม S เพื่อใหได เสนที่เรียบหรือทุกมุม 45 องศา เครื่องมืออืนๆ ่ นอกจากเครื่องมือวาดพื้นฐาน ยังมีปมเครื่องมืออีกหลายชิ้นที่นาสนใจ ซึ่งมีวิธีการใชงานไมแตกตางกับ ุ ที่ไดแนะนําไปแลว ดังนี้ไดแก เครื่องมือวาดสวนโคง (Arc) และเสน (Line) เครื่องมือพนสี (Air Brush) และแปรงทาสี (Brush) เครื่องมือวาด (Pencil) เครื่องมือตรวจคาสี (Eyedropper) และถังสี (Paint Bucket) เครื่องมือเลื่อนจอภาพ (Hand) และเครื่องมือมุมมองจอภาพ (Magnifying Glass) (กดปุม S คางไวเพื่อเลือกตัวเลือกเพิ่มเติม) เครื่องมือปรับเปลี่ยนจุดศูนยกลางของวัตถุ (Registration Point) และยางลบ (Eraser) เครื่องมือสราง Selection ลักษณะตางๆ (Lasso & Marquee) แบบฝกปฏิบติ ั ฝกปฏิบัติวาดรูปและปรับแตงรูปทรง แลวหาเทคนิคการวาดที่ตนเองถนัด
  15. 15. 12 การปรับแตงรูปวาด รูปที่วาดไวหรือรูปที่นําเขามาไวใน Cast Window สามารถปรับแตงเชน หมุน บิด กลับดานไดดวย เครื่องมือตางๆ ในแถบเครื่องมือ Effect โดยมีหลักการใชงาน ดังนี้ 1. สราง Selection ใหกับวัตถุที่ตองการปรับแตง 2. คลิกปุมเครื่องมือที่ตองการ ดังนี้ การกลับดานของวัตถุ ใชปุมเครื่องมือ Flip การหมุนวัตถุ ใชปุมเครื่องมือ Rotate การบิดวัตถุ ใชปุมเครื่องมือ Skew/Wrap/Perspective โดย Skew คือการบิด/เอียงภาพ, Wrap & Perspective คือการปรับเปลี่ยนรูปรางของภาพซึ่ง Wrap มีอสระในการปรับเปลี่ยนมาก ิ การควบคุมเกี่ยวกับเสนขอบ ใชเครื่องมือ Smooth/Trace Edges นอกจากนี้ยังสามารถใชเทคนิค Smooth ทําใหภาพมีความนุมนวลดวย การควบคุมเกี่ยวกับสี ใชชุดเครื่องสือสี ตัวอยางการใชเครื่องมือปรับแตงวัตถุ 1. นําเขารูปภาพดวยคําสั่ง Import 2. ดับเบิลคลิกที่รูปใน Cast Window เพื่อเขาสูโหมด Paint 3. ดับเบิลคลิกที่ปุมเครื่องมือ Marquee เพื่อสราง Selection รอบวัตถุ 4. เลื่อนเมาสไปที่รูป (ภายในเสน Selection) โปรแกรมจะแสดงขอความเตือนวาการปรับแตงรูปดวย คําสั่งตอไปนี้ จะเปนการเปลี่ยนแปลงภาพตนฉบับ อาจจะมีผลใหภาพตนฉบับเสียหายได และไม สามารถกูคืนได ใหคลิกปุม Continue เพื่อดําเนินการตอ
  16. 16. 13 5. จากนั้นดับเบิลคลิกที่ปุมเครื่องมือ Marquee เพื่อสราง Selection รอบวัตถุอีกครั้ง 6. ปรากฏ Effect Toolbar สมมติตองการบิดภาพ ก็คลิกปุมเครื่องมือ Skew หรือ Wrap หรือ Perspective แลวคลิกที่มุมของ Selection เพื่อบิดภาพใหไดรูปทรงที่ตองการ Filter จาก PhotoShop การปรับแตงรูปภาพตางๆ ใน Director MX ยังสามารถใช Filter ของ Adobe PhotoShop มาผสมผสาน ได โดยคัดลอกโฟลเดอร C:Program FilesAdobeAdobe Photoshop CS2Plug-InsFilters ของ PhotoShop มาไว ในโฟลเดอร C:Program FilesMacromediaDirector MX 2004ConfigurationXtras ของ Director MX จากใช เลือกรูปภาพที่ตองการปรับแตง เลือกเมนูคําสั่ง Xtras, Filter Bitmap เลือก Filter ที่ตองการ แลวคลิกปุม Filter แตละ Filter จะมีคาควบคุมแตกตางกันออกไป ใหปรับแตงคาตามเหมาะสม แลวคลิกปุม OK หมายเหตุ จะตองปด DirectorMX แลวเปดใหม แบบฝกปฏิบติ ั ฝกปฏิบัติปรับแตงรูปภาพใหไดลักษณะใหมๆ
  17. 17. 14 วาดภาพ Vector ดวย Vector Paint นอกจากฟงกชัน Paint ซึ่งไดผลการทํางานเปน Bitmap แลวยังสามารถใชฟงกชัน Vector Paint เพื่อ สรางสรรคภาพในโหมด Vector ไดดวย Vector & Bitmap การสรางงานกราฟกดวยคอมพิวเตอร มีหลักการสรางภาพ 2 ลักษณะใหญๆ ไดแก ภาพกราฟกแบบ เวอรเตอร และบิตแมป ภาพกราฟกแบบเวอรเตอร (Vector) เปนภาพที่สรางดวยสวนประกอบของเสนลักษณะตางๆ และคุณสมบัติเกี่ยวกับสีของเสนนั้นๆ ซึ่งสราง จากการคํานวณทางคณิตศาสตร เชน ภาพของคน ก็จะถูกสรางดวยจุดของเสนหลายๆ จุด เปนลักษณะของโครง ราง (Outline) และสีของคนก็เกิดจากสีของเสนโครงรางนั้นๆ กับพื้นที่ผิวภายในนั่นเอง เมื่อมีการแกไขภาพ ก็จะ เปนการแกไขคุณสมบัติของเสน ทําใหภาพไมสูญเสียความละเอียด เมื่อมีการขยายภาพนั่นเอง ภาพแบบ Vector ที่หลายๆ ทานคุนเคยก็คือ ภาพ .wmf ซึ่งเปน clipart ของ Microsoft Office นั่นเอง นอกจากนี้คุณจะสามารถพบภาพฟอรแมตนี้ไดกับภาพในโปรแกรม Adobe Illustrator หรือ Macromedia Freehand จะสังเกตไดงายวาภาพลักษณะนี้ จะมีจุดจับ (Handle) ชวยใหการแกไข ยอขยายขนาด หมุนภาพ ทําได งาย สะดวก และรวดเร็ว รูปแสดงความคมชัดของภาพ Vector ภาพกราฟกแบบบิตแมป (Bitmap) ภาพแบบ Bitmap หรืออาจจะเรียกวาภาพแบบราสเตอร (Raster) เปนภาพที่เกิดจากจุดสีที่เรียกวา pixels ซึ่งประกอบกันเปนรูปรางบนพื้นที่ที่มีลักษณะเปนเสนตาราง (กริด) แตละพิกเซลจะมีคาของตําแหนง และคาสี ของตัวเอง ภาพหนึ่งภาพ จะประกอบดวยพิกเซลหลายๆ พิกเซลผสมกัน แตเนื่องจากพิกเซลมีขนาดเล็กมาก จึง เห็นภาพมีความละเอียดสวยงาม ไมเห็นลักษณะของกรอบสี่เหลี่ยม จึงเปนภาพที่เหมาะสมตอการแสดงภาพที่มี เฉด และสีสันจํานวนมาก เชนภาพถาย หรือภาพวาด
  18. 18. 15 ภาพแบบ Bitmap เปนภาพที่ขึ้นอยูกับความละเอียด หรือความคมชัด (Resolution) ซึ่งก็คือ จํานวน พิกเซลที่แนนอนในการแสดงภาพ ดังนั้นเมื่อมีการขยายภาพ จะเกิดปญหาคือ เห็นเปนกรอบสี่เหลี่ยมเล็กๆ หลายๆ จุด ประกอบกัน เพราะกริดของภาพมีขนาดที่แนนอนนั่นเอง รูปแสดงจุดสีของภาพ Bitmap การใชงาน Vector Paint 1. เลือกเมนูคําสั่ง Window, Vector Shapes
  19. 19. 16 2. หลักการวาดและการใชเครื่องมือใชหลักการเดียวกับ Paint แตมีความอิสระในการปรับแตงเพราะ ภาพ Vector จะมี Node ใหปรับแตงได รูปแสดงภาพตนฉบับ พรอม Node ลักษณะตางๆ รูปแสดงภาพที่ปรับแตงดวยเทคนิคการยาย หมุน Node ความหมายของจุดสี • จุดสีเขียว ตําแหนงเริ่มตน • จุดสีแดง ตําแหนงสุดทาย • จุดสีน้ําเงิน ตําแหนงที่ใชประกอบการสรางวัตถุ • จุดทึบ ตําแหนงที่ไมไดถูกเลือก • จุดโปรง ตําแหนงที่ถูกเลือก ซึ่งจะปรากฏ Control Handle เปนแขนงออกมา 2 เสน Vector Properties การปรับแตงภาพ Vector สามารถทําไดโดยเลือกคาควบคุมจาก Vector Properties
  20. 20. 17 ตัวอยางการวาดภาพดวย Pen Tool ดวงจันทร ปลา นก
  21. 21. 18 ฝามือ/ฝาเทา ตระกราผลไม
  22. 22. 19 ทํางานกับขอความ สื่อทุกชนิดยอมหนีไมพนขอมูลพื้นฐานที่จําเปนคือ ขอความ ดังนั้นเครื่องสรางขอความจึงตองติดมา พรอมกับโปรแกรม สําหรับ Director มีวิธีการสรางขอความ 2 วิธี ไดแก • การสรางขอความดวยปุมเครื่องมือ Text Tool ของ Paint Window • การสรางขอความดวยคําสั่ง Text Window การสรางขอความดวย Paint Window 1. เปดใชงาน Paint Window 2. เลือกปุมเครื่องมือ Text Tool 3. เลื่อนเมาสนําไปคลิก ณ ตําแหนงที่ตองการพิมพขอความ จะปรากฏกรอบพิมพขอความ ซึ่ง หลักการพิมพก็ใชหลักการพิมพขอความทั่วไป 4. การปรับเปลี่ยนแบบอักษร (Font) หรือลักษณะขอความทําไดโดยคลิกปุมขวาของเมาสที่กรอบ ขอความ แลวเลือกคําสั่งที่ตองการ การสรางขอความดวย Text Window เครื่องมือ Text Tools ของ Paint Window เหมาะสําหรับการสรางขอความที่ไมยาวมากนัก แตถา ตองการขอความลักษณะพารากราฟ จําเปนตองเลือกใช Text Window โดยเลือกเมนูคําสั่ง Insert, Media Element, Text ซึ่งจะปรากฏจอภาพการทํางานดังนี้ การทํางาน Text Window มีลักษณะเดียวกับการใชงาน Microsoft Word หมายเหตุ: ฟอนตที่ใชไดกับ Text Window จะเปนฟอนตตระกูล UPC หรือ JS, DS (ฟอนตเกา) เทานั้น
  23. 23. 20 ตัวอักษร 3 มิติ โปรแกรมมีฟงกชันแปลงตัวอักษรปกติเปนตัวอักษร 3 มิติไดโดยพิมพขอความที่ตองการ (ควรเลือก ฟอนตและลักษณะใหหนา/ใหญ) จากนั้นเลือกรายการ Display ของ Text Properties เปน 3D Mode ปรับแตงลักษณะตัวอักษรไดจาก 3D Extruder Properties • Camera pos ตําแหนงที่แสดงรูปแบบ 3 มิติ • Rotation ทิศทางการหมุนในการแสดงผล • Face พื้นผิวหนาในการแสดงผล
  24. 24. 21 • Smoothness ความนุมนวล • Tunnel Depth คามิติชวงลึก • Beval Amount คามุม • Bevel Edge รูปแบบขอบมุม • Light ทิศทางแสง • Directional สีของขอความ • Ambient สีมิติ • Background สีพื้นหลัง • Shader Textu… รูปแบบพื้นผิว • Diffuse สีรอบขอความ • Specular สีที่ใชในการตกกระทบ • Reflectivity คาการตกกระทบของสี
  25. 25. 22 การฝงฟอนต เนื่องจากฟอนตที่ใชไดกับ Text Window เปนฟอนตตระกูล JS, DS ซึ่งไมใชฟอนตมาตรฐานของ คอมพิวเตอร หรือบางครั้งผูสรางสรรคผลงานอาจจะเลือกใชฟอนตอื่นๆ ที่ไมมีในเครื่องคอมพิวเตอรปกติ ซึ่ง อาจจะเกิดปญหาในการเรียกชมกับคอมพิวเตอรอื่นได จึงควรฝงฟอนตดังกลาวรวมไปกับผลงาน โดยเลือกเมนู คําสั่ง Insert, Media Element, Font… ปรากฏ Font Cast Member ดังนี้ เลือกฟอนตที่ตองการฝงที่รายการ Original Font เลือกลักษณะที่ตองการใช เชน ตัวหนา ตัวเอียงและ ขนาดที่ตองการในรายการ Bitmap เลือกรูปแบบการฝงทุกอักขระ (Entire Set) หรือเฉพาะอักขระที่ใชจริง (Partial Set) จากรายการ Characters หมายเหตุ: การฝงฟอนตรวมกับไฟลผลงาน จะทําใหไฟลผลงานมีขนาดโตขึ้น

×