More Related Content
Similar to ใช้งานภาพบิทแมพและเวคเตอร์จากภายนอก (18)
More from Yui Janjira Ketsakorn (20)
ใช้งานภาพบิทแมพและเวคเตอร์จากภายนอก
- 2. คุณสามารถอิมพอร์ตไฟล์ภาพกราฟิกเข้ามาใช้งานใน Flash ได้หลาย
ประเภทดังนี้
- ภาพบิทแมพ Flash สามารถนาเข้าภาพบิทแมพชนิดต่างๆ ไม่ว่าจะเป็ น JPG,
GIF, BMP, PNG, TIFF, PCT และ PSD
- ภาพเวคเตอร์ Flash รู้จักไฟล์ภาพเวคเตอรที่นิยมใช้กัน ไม่ว่าจะเป็ น WMF,
EMF, AI, DXF, SGI, PNTG, QTIF, TGA, FreeHand (.fh) และมูฟวี่ของ
FutureSplash Player (.spl)
ภาพเคลื่อนไหว ใช้ได้ทั้งแบบ animated GIF และไฟล์มูฟวี่ของ Flash (.swf)
- 3. รูปแบบการอิมพอร์ต
การอิมพอร์ตไฟล์ภาพไม่ว่าจะเป็ นประเภทบิทแมพ, เวคเตอร์
และภาพเคลื่อนไหว (รวมทั้งไฟล์เสียง)ทาได้ 2 วิธีด้วยกัน ซึ่งคุณ
สามารถเลือกใช้วิธีใดวิธีหนึ่งได้ตามความเหมาะสมดังนี้
- Import to Stage เป็ นการวางภาพไว้บนสเตจของซีนที่กาลัง
เปิ ดอยู่ รวมทั้งอาจจะนาภาพนี้ไปเก็บในไลบรารีให้ด้วยอัตโนมัติ
- Import to Library เป็ นการนาภาพเข้ามาเก็บไว้ในไลบรารีใน
รูปของซิมโบลก่อน ซึ่งเมื่อต้องการใช้งานคุณก็สามารถคลิกลากจาก
ไลบรารีออกมาวางบนสเตจอีกทีหนึ่ง
- 6. ปรับแต่งคุณสมบัติของภาพบิทแมพ
ภาพบิทแมพที่อิมพอร์ตเข้ามานั้น คุณสามารถปรับแต่งคุณสมบัติ
บางอย่างได้ เช่น การปรับภาพให้นุ่มเพื่อลดรอยหยักบริเวณรอยต่อของสี,
การกาหนดระดับการบีบอัดข้อมูล และการปรับปรุงภาพในมูฟวี่ใหม่หากไฟล์
ต้นฉบับภายนอกถูกแก้ไข เป็ นต้น
แก้ไขภาพต้นฉบับ
หลังจากนาภาพบิทแมพมาใช้งานแล้ว หากต้องแก้ไขรายละเอียด
หรือปรับแต่งเนื้อหาของภาพต้นฉบับ เช่น ปรับแต่งสี หรือตัดต่อภาพบางส่วน
เป็ นต้น ทาได้โดยอาศัยโปรแกรมกราฟิกที่สามารถแก้ไขภาพบิทแมพได้ เช่น
Photoshop, Fireworks, MS-Paint หรือ ACDSee เป็ นต้น โดยมีขั้นตอนดังนี้
- 9. ออปชั่นการแปลงภาพ
ในขั้นตอนที่ 3 ให้กาหนดต่างๆบนไดอะล็อกบ็อกซ์ Trace Bitmap
ดังนี้
- Color threshold กาหนดระดับความแตกต่างของสี (ตั้งแต่ 0-100) ซึ่งหาก
บริเวณใดมีค่าสีแตกต่างกันน้อยกว่าค่าที่กาหนด โปรแกรมจะรวมให้เป็ นพื้นที่ที่
ใช้สีเดียวกัน ดังนั้น การกาหนดค่าที่ต่าก็จะทาให้ได้ภาพผลลัพธ์ที่เหมือน
ต้นฉบับมากกว่าค่าที่สูง แต่ก็จะทาให้ขนาดไฟล์ใหญ่ขึ้นด้วย
- Minimum area กาหนดจานวนพิกเซลใกล้เคียงที่จะถูกเปลี่ยนสีไปด้วยกัน
โดยค่าต่าจะให้ภาพที่มีรายละเอียดดีกว่าค่าสูงๆ
- Curve fit กาหนดว่าจะให้เส้นขอบของสีในส่วนต่างๆ เรียบโค้งมากเพียงใด
ถ้ายิ่งกาหนดให้เรียบมาก ผลลัพธ์ก็จะยิ่งเพี้ยนไปจากต้นฉบับ
- Corner threshold กาหนดว่าจะให้คงมุมที่แหลมๆของเส้นขอบสีในภาพไว้
หรือปรับให้มุมเหล่านั้นเรียบขึ้น
- 10. ถ้าหากคุณมีชิ้นงานกราฟิกที่สร้างด้วย Photoshop ไว้แล้ว เมื่อ
ต้องการนาเสนอเป็ นภาพเคลื่อนไหวก็นาไฟล์ PSD ดังกล่าวมาใช้ได้ทันที โดย
คุณสามารถกาหนดคุณสมบัติของออบเจ็คในเลเยอร์ต่างๆได้ตามความ
เหมาะสม
การกาหนดคุณสมบัติของออบเจ็คในเลเยอร์ของไฟล์ PSD
เป็ นการกาหนดว่าออบเจ็คแต่ละชนิดจากเลเยอร์ของไฟล์ PSD นั้นจะถูก
นามาใช้อย่างไรใน Flash
ออปชั่นการวางเลเยอร์รูฟภาพ (Image layer)
ถ้าเลเยอร์นั้นเป็ นภาพบิทแมพ จะมีออปชั่นต่างๆใหกาหนดดังนี้
A การวางรูปภาพ โดยให้เลือกระหว่าง
- Bitmap image…หากเลเยอร์นั้นมีการปรับแต่งด้วยเลเยอร์สไตล์ก็คงไว้ด้วย
(เลเยอร์สไตล์จะถูกเปลี่ยนเป็ นภาพบิทแมพอีกชิ้นหนึ่ง)
- Flattened bitmap…ยุบรวมรูปภาพและเลเยอร์สไตล์ให้เป็ นภาพบิทแมพ
- 11. B แปลงรูปภาพให้เป็ นซิมโบลมูฟวี่คลิป โดยเลือก Create movie clip
- Instance name ตั้งชื่ออินสแตนซ์ของมูฟวี่คลิป
- Registration คลิกเลือกจุดอ้างอิงของภาพในมูฟวี่คลิป
C กาหนดการบีบอัดข้อมูลภาพเมื่อพับลิชไฟล์มูฟวี่ SWF
- Compression เลือกวิธีการบีบอัดข้อมูล โดย Lossy จะบีบอัดแบบ
ลดคุณภาพ (เหมาะกับภาพถ่าย) และ Lossless จะบีบอัดโดยคงคุณภาพของ
ภาพไว้ตามเดิม (เหมาะกับภาพลายเส้นหรือภาพสีทึบ)
- Quality กาหนดค่าการบีบอัด โดย Use publish setting จะใช้
ตามค่าซึ่งจะกาหนดตอนพับลิชและ Custom กาหนดค่าการบีบอัดเองโดยมี
ค่าตั้งแต่ 0-100
- คลิกปุ่ ม Calculate Bitmap Size เพื่อให้แสดงผลของการบีบอัด
ขนาดภาพตามที่กาหนดข้างต้น
- 13. ออปชั่นการวางเลเยอร์รูปทรง (Shape Layer)
สาหรับเลเยอร์รูปทรง หรือเลเยอร์ที่มีเวคเตอร์มาสก์ก็จะมีส่วนที่ต่างออกไปดังนี้
- Editable path and layer styles ให้รูปทรงนั้นยังคงเป็ นรูปทรงใน Flash ซึ่ง
สามารถแก้ไขได้
- Flatten bitmap image ยุบรวมรูปทรงและเลเยอร์สไตล์ให้เป็ นภาพบิทแม
พชิ้นเดียว
ออปชั่นอื่นๆ
- Convert layers to เลือกรูปแบบการวาง โดย Flash Layers คือวางภาพจากแต่
ละเลเยอร์ของ Photoshop ไว้ในเฟรมแรกของ Flash โดยแยกเป็ นแต่ละเลเยอร์
เช่นกัน และ Keyframes คือวางเป็ นคนละคีย์เผีมต่อๆกันไปในเลเยอร์เดียวกัน
- Place layers at… เลือกเพื่อให้วางภาพในตาแหน่งชิดมุมบนซ้ายของสเตจ ถ้า
ไม่เลือกจะวางตรงกลางวินโดว์โปรแกรม (เฉพาะคาสั่ง Import to Stage)
- Set stage size to…เลือกเพื่อปรับสเตจให้มีขนาดเท่ากับภาพที่อิมพอร์ตเข้ามา
(เฉพาะคาสั่ง Import to Stage)
- 14. Adobe Illustrator เป็ นโปรแกรมที่ใช้สาหรับสร้งไฟล์ภาพแบบเวคเตอร์
คุณสามารถนาไฟล์ AI เข้ามาใช้งานใน Flash ได้โดยยังคงคุณสมบัติของออบ
เจ็คแบบเวคเตอร์ต่างๆไว้ค่อนข้างสมบูรณ์ เช่น คุณสมบัติของเลเยอร์,
ข้อความ, รูปทรง และสีของภาพ เป็ นต้น
กาหนดคุณสมบัติของออบเจ็คจากไฟล์ AI
A การวางออบเจ็ค โดยให้เลือกระหว่าง
- Edittable path ให้วางออบเจ็คแบบเวคเตอร์ของ Illustrator เป็ น
รูปทรงแบบ Object Drawing ซึ่งจะสามารถแก้ไขได้
- Bitmap ให้แปลงออบเจ็คเป็ นรูปภาพบิทแมพ
- Import as bitmap (กรณีเลือกเลเยอร์) ยุบรวมเลเยอร์ให้เป็ นภาพบิท
แมพชิ้นเดียว
- 15. นอกจากการนาไฟล์ AI เข้ามาใช้ด้วยคาสั่ง Import แล้ว คุณยัง
สามารถใช้วิธีการก๊อปปี้ ออบเจ็คจากโปรแกรม Illustrator แล้วนามาวางใน
Flash หรือใช้วิธีคลิกลากมาวาง (drag and drop) ได้ ซึ่งวิธีนี้จะช่วยให้คุณ
สามารถเลือกใช้เฉพาะออบเจ็คบางชิ้นที่ต้องการได้สะดวก
B แปลงออบเจ็คให้เป็ นซิมโบลมูฟวี่คลิป โดยเลือก Create movie clip…
- Instance name ตั้งชื่ออินสแตนซ์ของมูฟวี่คลิป
- Registration คลิกเลือกจุดอ้างอิงของภาพในมูฟวี่คลิป