สัญญาอนุญาตของครีเอทีฟคอมมอนส์
ผลงานนี้ ใช้สัญญาอนุญาตของครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-ไม่ดัดแปลง 3.0 ต้นฉบับ.
ผลงานในเว็บบล็อคนี้มีลิขสิทธิ์ทั้งหมด หากผู้ใดละเมิด จะถูกดำเนินคดี ตามกฎหมายที่กำหนด .

How To Pixel Art Game Fighting ตอน2

posted on 11 Dec 2007 17:52 by nikki009 in Pixel-Art directory Cartoon, Lifestyle

 

ตอนนี้จะเป็นการต่อยอดจากตอนที่แล้วนะครับ รายละเอียดบางเรื่องผมจะไม่พูดย้อนอีก (ลิ้งตอนที่แล้ว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

 

 

ต่อบทที่3ตามลิงค์นี้ครับ http://nikki009.exteen.com/20090704/how-to-pixel-art-game-fighting-3 

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

edit @ 14 Dec 2009 02:25:36 by nikki009

edit @ 25 Jan 2012 20:06:04 by nikki009

Comment

Comment:

Tweet

หน้าอกใหญ่เกินจริง

#22 By meganium (101.108.211.216|101.108.211.216) on 2014-05-17 17:37

Our organization has a lot of experience in writing industry, so if you are hunting where to buy fine quality History Essay, just get in touch with us.

#21 By Analysis Essay (31.184.238.73) on 2013-07-20 10:31

Buenas noches, I should add some concept. I have only used one site ever to write a paper for me, that was www.supreme-essay.com, they are the miracle workers. They made the most professional essay I have ever seen IN A MERE 8 HOURS! granted the custom paper cost me $300, but an essay that was well researched, plus a bibliography when was about to be screwed was well worth it. I'd recommend in this case the most reliable online essay writing service to buy <a href="http://supreme-essay.com/response-essay.html">Response essay</a> from.

#20 By ELLAByrd32 (31.184.238.73) on 2013-07-17 07:35

แหะๆ อธิบายรวบรัดไปหน่อยอ่ะครับ ยังงงๆอยู่เลย

แต่ก็ขอบคุณครับที่แนะนำHot!

#13 By KIRYU on 2009-07-05 16:26

โอ้ว สะบึมมม...เอ้ย... ภาพ สวยแจ่มดีครับ...เหอๆๆๆ sad smile

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

ปล.2... แต่ Pixal ก็มีเสน่ห์แบบของมันเองอยู่น่า.... confused smile

#12 By MONKIJI321 on 2007-12-14 21:57

อยากแคลเซี่ยมquestion

#11 By N2. (124.120.235.253) on 2007-12-12 18:36

นมจริงๆwink

#10 By GUN MASTER (124.120.10.201) on 2007-12-12 18:10

เต็มตาเลยพี่โก้

#9 By Ares on 2007-12-12 16:48

ทำไมมันตูมจังครับ

ป.ล. ภาพสวยดีครับ

#8 By manop on 2007-12-12 00:49

Ko!You win!!
ฮ่าๆๆๆ สู้อาเจ้ไม่ได้สินะย่ะหล่อน เด๋วแม่ตบเป็นหนังไทยเลย confused smile

#7 By Tang on 2007-12-11 22:39

ก็อดีตเด็กค่ายแกที่ตูรับเลี้ยงไง

#6 By nikki009 [MaeoYim] on 2007-12-11 19:18

อีนีมันครายหว่า
ตัดเส้นออก
น่าจะเป็นวิธียากสุดมั้ง
ขอบคุณฮะ big smile

#4 By shimeatsky on 2007-12-11 18:52

โอ้...สุดยอดค่ะ^^ แชร์ความรู้เยอะๆนะคะ

จะกลับมาดูบ่อยๆ ขอแอดนะคะ

#3 By sebin on 2007-12-11 18:31

โอ้วว เต็มจอ !
ผมแดงแบบนี้ มิสตี้ นี่เอง !!

#2 By นิเกะ on 2007-12-11 18:30

จดๆ..จำๆ sad smile

#1 By ตาตาร์ (125.24.144.66) on 2007-12-11 18:30