2007/Dec/11

 

ตอนนี้จะเป็นการต่อยอดจากตอนที่แล้วนะครับ รายละเอียดบางเรื่องผมจะไม่พูดย้อนอีก (ลิ้งตอนที่แล้วhttp://nikki009.exteen.com/20070923/how-to-pixel-art-game-fighting) ตอนนี้ก็ว่ากันด้วยเรื่องภาพ CutScene ที่ใช้ประกอบในเกม Fighting ทั่วไป ซึ่งจะเป็นภาพเลือกตัวละคร ภาพตอนที่ตัวละครชนะตอนท้ายเกม ภาพตอนใช้ท่าไม้ตามระหว่างเกม หรือแม้กระทั่งฉากจบก็เอาไปใช้ได้ ประมาณว่าภาพที่เห็นรายละเอียดเยอะๆใหญ่ และไม่ขยับมากมายเหมือนตัวPlayerละครับ ช่วงหลังๆบางเกมก็เปลี่ยนเป็นภาพเพนท์เข้ามาแทน

เริ่มแรกต้องต้องคิดแล้วร่างลักษณะท่าทางตัวละครที่เราจะต้องใช้ก่อนว่าเป็นไง ซึ่งอาจจะเขียนแบบลงรายละเอียดมากขึ้นกว่าตัวPlayerก็ได้นะครับ(ใครไม่เข้าใจให้กลับไปดูตอนก่อนน่ะครับ) ขั้นตอนส่วนมากเหมือนกันกับวิธีการทำในตอนก่อน แต่ภาพตัวอย่างของผมจะร่างล่ะดอทขึ้นมาลอยๆเลยนะครับ ซึ่งใครสะดวกเขียนมือแล้วสแกนเข้ามาก้ได้ ขนาดจอที่ทำเป็นเกมแนวนี้ส่วนมากอยู่ที่ 320x240 pixel resolution 72 pixel/inch นะครับ ใครจะทำต่างจากนี้ก็ได้ครับ เพราะเกมยุคหลังๆขนาดหน้าจอถูกขยายขึ้นไปบ้างแล้ว

 

รูปที่1 ร่างโครงคร่าวของตัวละคร ตัวละครที่ผมจะทำมารูปแบบตัวละครจากเกม Angel's Tale นะครับ

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

 

 

 รูปที่ 3-4 เริ่มลงระดับของสีให้เกิดเงาเกิดมิติขึ้น แล้วเริ่มทำส่วนที่เป็นรายละเอียด เช่นใบหน้า หรือเครื่องประดับ

 

รูป5 เก็บรายละเอียดของเส้นร่างกับแก้ไขรายละเอียดเล้กๆน้อยๆก็เป็นเสร็จเรียบร้อย

ส่วนนี้ภาพขนาดจริงที่ลองทำBGกับdialogใส่ให้ดูขนาดจริง 320x240 pixel

 

edit @ 12 Dec 2007 00:29:01 by nikki009

 

edit @ 15 Dec 2007 01:11:33 by nikki009

edit @ 30 May 2008 18:56:04 by nikki009

ชื่อ: 
เว็บไซต์: 
Captcha: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
จดๆ..จำๆ sad smile
#1  by  ตาตาร์ (125.24.144.66) At 2007-12-11 18:30, 
โอ้วว เต็มจอ !
ผมแดงแบบนี้ มิสตี้ นี่เอง !!
#2  by  นิเกะ At 2007-12-11 18:30, 
โอ้...สุดยอดค่ะ^^ แชร์ความรู้เยอะๆนะคะ

จะกลับมาดูบ่อยๆ ขอแอดนะคะ
#3  by  sebin_เซบิน At 2007-12-11 18:31, 
ตัดเส้นออก
น่าจะเป็นวิธียากสุดมั้ง
ขอบคุณฮะ big smile
#4  by  shimeatsky At 2007-12-11 18:52, 
อีนีมันครายหว่า
ก็อดีตเด็กค่ายแกที่ตูรับเลี้ยงไง
#6  by  nikki009 At 2007-12-11 19:18, 
Ko!You win!!
ฮ่าๆๆๆ สู้อาเจ้ไม่ได้สินะย่ะหล่อน เด๋วแม่ตบเป็นหนังไทยเลย confused smile
#7  by  Tang At 2007-12-11 22:39, 
ทำไมมันตูมจังครับ

ป.ล. ภาพสวยดีครับ
#8  by  manop At 2007-12-12 00:49, 
เต็มตาเลยพี่โก้
#9  by  Ares At 2007-12-12 16:48, 
นมจริงๆwink
#10  by  GUN MASTER (124.120.10.201) At 2007-12-12 18:10, 
อยากแคลเซี่ยมquestion
#11  by  N2. (124.120.235.253) At 2007-12-12 18:36, 
โอ้ว สะบึมมม...เอ้ย... ภาพ สวยแจ่มดีครับ...เหอๆๆๆ sad smile

ปล.ช่วงหลังๆงานที่ออกมาเป็น Pixal น้อยลงจริงๆด้วยครับ (เห็นเป็นภาพงาน paint ซะมาก)

ปล.2... แต่ Pixal ก็มีเสน่ห์แบบของมันเองอยู่น่า.... confused smile
#12  by  Monkiji321 At 2007-12-14 21:57, 
แหะๆ อธิบายรวบรัดไปหน่อยอ่ะครับ ยังงงๆอยู่เลย

แต่ก็ขอบคุณครับที่แนะนำHot!
#13  by  KIRYU At 2009-07-05 16:26, 

<< Home

Creative Commons License
ผลงานนี้ โดย nikkigo009 ใช้สัญญาอนุญาตของครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-ไม่ดัดแปลง 3.0 ประเทศไทย.