Latest News

วันเสาร์ที่ 13 ตุลาคม พ.ศ. 2555

Game Maker : แถบเมนูด้านข้าง Edit Sprite

สวัสดีค่ะ สำหรับบทความนี้เราจะมาเรียนรู้เกี่ยวกับการแก้ไขรูปแบบในเกมของเราค่ะ บทความนี้จะพยายามเขียนให้หมดที่อยู่ในส่วนของการแก้ไขนี้นะคะ ขอเกริ่นสักหน่อยว่ามีอะไรบ้าง มีการเปลี่ยนขนาด เปลี่ยนองศารูปภาพ การโหลด การโหลดเพิ่ม ใส่สีรูป ทำเป็นภาพเคลื่อนไหว และอื่นๆ เดี่ยวเรามาลองดูกันค่ะว่ามีอะไรบ้าง ให้เพื่อนๆลองนำไปใช้ให้เหมาะกับเกมนั้นๆ หรือเหตูการณ์นะคะ







ก่อนอื่นเราจะมีดูแถบเมนูด้านบนค่ะ



  • New สร้างรูปภาพ(Sprite)ใหม่
  • Create from File... เลือกรูปภาพจากไฟล์ในเครื่องคอมพิวเตอร์
  • Add from File... เพิ่มรูปภาพโดยเลือกจากไฟล์ในเครื่องคอมพิวเตอร์
  • Save as PNG File... บันทึกรูปภาพเป็น PNG
  • Create from Strip... อ่านได้ที่บทความ สร้างภาพเคลื่อนไหว
  • Add from Stip...  อ่านได้ที่บทความ สร้างภาพเคลื่อนไหว
  • Close Saving Changes ปิดหน้าต่างการแก้ไขรูป (Edit Sprite) และบันทึก

  • Undo ย้อนกลับการทำงาน
  • Redo เมื่อเราย้อนกลับการทำงานอาจจะต้องการยกเลิกหรือทำซ้ำใหม่สามารถทำได้โดยเลือกในส่วนนี้ค่ะ
  • Cut การตัด
  • Copy การคัดลอก
  • Paste การวาง
  • Erase... ใส่สีให้ภาพพื้นหลัง
  • Delete การลบ
  • Move Left เลื่อนไปทางซ้าย
  • Move Right เลื่อนไปทางขวา
  • Add Empty เพิ่มรูปภาพที่วางเปล่า
  • Insert Empty แทรกรูปภาพว่างเปล่า
  • Edit แก้ไขรูปภาพ
  • Set Transparency Background ตั้งค่าพื้นหลังให้โปร่งใส

  • Shift... ใช้สำหรับเคลื่อนย้ายรูปภาพ 
  • Mirror/Flip... สลับกลับด้านซ้ายขวาบนล่างให้รูปภาพ
  • Rotata... หมุดรูปภาพสามารภกำหนดจำนวนองศาในการหมุนได้
  • Scale... ใช้ซูมเข้า-ซูมออกรูปภาพ
  • Skew... เอียงรูปภาพ
  • Resize Canvas...  แก้ไขหรือกำหนดขนาดของพื้นที่แสดงรูปภาพ
  • Stretch... แก้ไขหรือกำหนดขนาดของรูปภาพ
  • Crop... เลือกครอบตัดรูปภาพ


  • Cycle Left
  • Cycle Right
  • Black and White... เปลี่ยนภาพสีให้เป็นภาพขาวดำ

ตรงที่ให้ติ๊กเลือก คือ ในกรณีที่มีรูปภาพมากกว่า 1 จะให้เปลี่ยนเป็นภาพขาวดำทุกภาพเลยหรือไม่ ถ้าไม่ต้องการก็ไม่ต้องติ๊กค่ะ หลังจากนั้นก็กด OK ออกมาก็จะได้ภาพขาวดำแล้วค่ะ
  • Colorize... เปลี่ยนสีรูปภาพตามโทนสี

จะเป็นการเปลี่ยนสีรูปภาพของคุณตามโทนสีต่างๆ โดยโปรแกรมจะคำนวณเองว่าต้องเปลี่ยนสีตรงไหนยังไงค่ะ สามารถดูความแตกต่างระหว่างภาพที่ไม่ได้เลือก Shift the hue (คลิกเพื่อดูภาพขนาดใหญ่)
  • Colorize Partial... เพิ่มสีสันให้ภาพบางส่วน การใช้งานก็จะคล้ายๆกับ Colorize ค่ะแต่จะมีเครื่องมือการปรับแต่งภาพให้เราเพิ่มขึ้นอีก
  • Intensity... ปรับค่าความสว่างความมืดของภาพและเฉดสี

Value : จะเป็นการปรับค่าความสว่างขความมืดของรูปภาพ ถ้าเลื่อนปุ่มไปทางซ้ายภาพจะมืด ถ้าเลื่อนปุ่มไปทางขวาภาพจะสว่างมากยิ่งขึ้นค่ะ
Saturation : เป็นการปรับค่าของเฉดสีให้จางลงหรือเพิ่มขึ้น 
  • Invert... ใช้สลับสับเปลี่ยนสีของรูปภาพ

ภาพด้านซ้ายเป็นภาพที่ยังไม่ได้ปรับแต่ง ส่วนภาพด้านขวาเป็นภาพที่สับเปลี่ยนสีของรูปภาพแล้วค่ะ
  • Make Opaque... ใส่สีพื้นหลังให้รูปภาพ

ภาพซ้ายก่อนทำ ภาพขวาหลังจากใส่สีพื้นหลังให้รูปภาพแล้ว
  • Erase a Color... ลบรูปภาพจากสีที่เลือก ในที่นี้เราจะสามารถลบรูปภาพที่มีลักษณะสีใกล้เคียงกับสีที่ถูกเลือก สามารถดูตัวอย่างได้จากรูปภาพด้านล่างนี้ค่ะ
  • Smooth Edges... 
  • Opacity... ความทึบแสง ในตรงนี้เราจะสามารถทำรูปภาพให้โปร่งใสหรือจากรูปที่โปร่งใสก็สามารถทำให้รูปภาพทึบได้เช่นกันค่ะ
  • Set Alpha from File... โดยจะเป็นการเลือกไฟล์ภาพเพื่อนำรูปภาพนำมาซ้อนกันนะคะ สามารถดูตัวอย่างการซ้อนภาพได้จากรูปด้านล่างค่ะ
  • Fade... จะเป็นการนำสีมาทับรูปภาพโดยเราจะสามารถกำหนดความทึบหรือโปร่งใสของสีได้ค่ะ

สามารถกำหนดสีได้จากส่วนของ Color ค่ะ และกำหนดความโปร่งใสหรือทึบได้จาก Amount
  • Blur... กำหนดภาพให้เบลอ

เราสามารถกำหนดความเบลอของภาพได้ด้วยค่ะ ว่าต้องการให้เบลอมากน้อยเพียงใด
  • Sharpen... เพิ่มความคมชัดให้รูปภาพ อาจจะคล้ายๆกับการเพิ่ม noise ให้รูปภาพเพื่อให้รูปภาพดูคมชัดมากยิ่งขึ้นค่ะ
  • Outline...
  • Shadow... ใส่เงาให้กับรูปภาพ

โดยเราจะสามารถกำหนดสีเงา ขยับเงาไปข้างบนล่างหรือซ้ายขวา ความทึบของเงา
  • Glow... ทำให้รูปภาพเรืองแสง
  • Buttonize... สร้างขอบรูปภาพให้มีลักษณะเหมือนปุ่ม
  • Gradient Fill... การไล่โทนสี

Color : เลือกสีที่ต้องการ
Opacity [alpha] : กำหนดความทึบหรือโปร่งใสของโทนสี
Kind : เลือกรูปแบบการไล่โทนสีที่ต้องการ
Replace : ติ๊กเพื่อเลือกแสดงเฉพาะโทนสี

ในเรื่องของ Image ก็ขอจบเพียงเท่านี้นะคะ ยังมีอีกมากที่แอนก็ไม้รู้และไม่ได้เขียนลงไปใครมีอะไรช่วยแนะนำด้วยค่ะ ต่อไปจะเป็นเรื่อง Animation






บทความ Animation มาแล้วค่ะ สามารถอ่านได้ที่ http://pakamasblog.blogspot.com/2012/10/game-maker-edit-sprite-2.html

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

หากบทความเกิดความผิดพลาดประการใดต้องขออภัยและช่วยชี้แนะด้วยนะคะ ^^

AnasThailand

Add us on Google+