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

Pixel-Art

How To Pixel Art Game Fighting ตอน3

posted on 04 Jul 2009 20:16 by nikki009 in Pixel-Art directory Cartoon, Lifestyle

ก่อนอื่นใครที่เพิ่งเข้ามาอ่าน How To Pixel Art Game Fighter หรือลืมตอนเก่าๆ แนะนำให้ย้อนกลับไปอ่านทบทวนก่อน

ตอนที่1 http://nikki009.exteen.com/20070923/how-to-pixel-art-game-fighting

ตอนที่2 http://nikki009.exteen.com/20071211/how-to-pixel-art-game-fighting-2

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

ตรงนี้ถ้าถามว่าต้องยืนแบบไหนยังไงให้ย้อนไปดูตัวละครที่ออกแบบว่าเป็นแนวไหน บุคลิกยังไง ใช้วิชาหรือรูปแบบการต่อสู้แบบไหน ถ้ายังคิดไม่ออกอีกแนะนำให้ไปหาตัวอย่างเกมแนวไฟติ้งดูซะ จะทำให้นึกออกง่ายขึ้นและดูเป็นแนวทางได้ แนะนำเวป http://www.fightersgeneration.com/ เวปนี้มีภาพ Gif ตัวละครจากเกมต่างๆให้ผู้สนใจเข้าดูได้

 ตัวละครที่ผมเอามาเป็นตัวอย่างควรนี้เป็นตัวละครออริจินัลที่ทำขึ้นเพื่อร่วมกิจกรรมที่บอร์ด http://www.dojin-city.com/ ในส่วนกิจกรรม DC Fighting ( รายละเอียดตามลิงค์ http://www.dojin-city.com/news/newsPreview.php?newsNo=117 ) 

ซึ่งรายละเอียดคร่าวๆ ขอตัวละครัวนี้มีอยู่ว่า  " Elanor ปิศาจสาวนักทำสัญญามือหนึ่งของโลกปิศาจ บังเอิญผ่านมายังเมืองโดจินซิตี้ และได้ทราบถึงการประลองที่จะจัดขึ้น ซึ่งเกิดไอเดียว่าน่าจะลองหาลูกค้ามาทำสัญญาปิศาจในการประลองครั้งนี้ เพราะเธอรู้สึกถึงพลังความอยากและความทุกข์ที่ซ่อนปะปนในกลุ่มผู้แข่งขัน จึงได้เข้ารวมลงแข่งขันในการประลองครั้งนี้ด้วย ถ้าเป็นไปได้สวยยอดพุ่งตามเป้าก็จะได้ของท่านประธานลาพักร้อนสักที " ( รายละเอียดตามลิงค์  http://www.dojin-city.com/gallery&book/galleryboard_ans.php?&Category=iiirus&No=1732 )

เริ่มขั้นตอน

รูปที่1 ผมออกแบบแล้วร่างท่ายืนบนกระดาษแล้วสแกนแล้วเริ่มทำตามขั้นตอนต่างๆในบทที่หนึ่ง (ใครลืมไปดุก่อน http://nikki009.exteen.com/20070923/how-to-pixel-art-game-fighting )

 

 รูปที่2 ตรงนี้ผมทำการแยกส่วนต่างๆออกจากกันเพื่อให้ง่ายในการจัดท่าทางหรือดัดแปลง และจัดเลเยอร์ให้เป็นชั้นๆไว้ จากซ้ายอยู่ล่างสุดแล้วไล่ไปขึ้นบนไปเรื่อยๆ

 

 รูปที่3 ผมเริ่มคิดอนิเมทแบบง่ายก่อน โดยการทำให้ผมตัวละครปลิ้วไปมา ก็ทำการแยกเอาผมออกมาทำเฟรมที่แตกต่างกัน 8 เฟรม แล้วอนิเมทดู

 

 รูปที่4 จะได้เป็นแบบนี้ ซึ่งเวลาไปว่างกันตัวละครอื่นที่ขยับอยู่อาจจะดูประหลาดตรงที่ลมพัดผมปลิ้วไปมาอยู่ตัวเดียว

มาดูกันอีกแบบดีกว่า

 

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

 

รูปที่6 เมื่อเรียงเฟรมแล้วก็จะออกมาเป็นแบบนี้ ต้องควบคุมเวลาในการเล่นเฟรมแต่ละเฟรมให้ดูตรงนี้ต้องสังเกตเอานะครับ

รูปที่7 ผมนำเอาทั้งสองแบบรวมกันดูจะเอามาเป็นแบบนี้

ดูโอเคขึ้น ขั้นตอนต่างๆก็ประมาณนี้แหละครับ ถ้าอัพ How To อีกคราวหน้าคงเป็นเรื่องการขยับต่อล่ะครับ

เจอกันคราวหน้า

 

อ้างอิง ข้อมูลบางส่วนจาก
http://www.zoggles.co.uk/ ---------------------------เวปนี้ใครอยากศึกษางานPixelArtเพิ่มเข้าไปดูได้ครับ
http://www.fightersgeneration.com/ ---------------------------เวปนี้ใครอยากศึกษาภาพเคลื่อนไหวตัวละครต่างๆเป็นไฟล์Gifให้ดูกัน

----------------------------------------------------------------------------------------------------------------------------

แถมท้าย

วันนี้ไปได้Doll เป็น Body ผู้หญิงของสักยี่ห้อมา กะเอามาไว้จัดท่าเป็นแบบ แต่ไม่มีหัว สงสัยต้องปั้นหัวเองซะละมั้ง ของเก่ายังไม่เสร็จยังไปหาของใหม่มาเพิ่ม จริงๆเลยน่าตูเนี่ย - -.

นั่งรอหัวไปสักพักน้อ

edit @ 4 Jul 2009 21:32:24 by nikki009

edit @ 4 Jul 2009 22:27:31 by nikki009

edit @ 4 Jul 2009 22:31:32 by nikki009

edit @ 4 Jul 2009 22:54:43 by nikki009

edit @ 5 Jul 2009 03:10:34 by nikki009

edit @ 10 Jan 2012 17:49:39 by nikki009

Pixel Art Vocaloid2 CV3 หนู Luka

posted on 18 Jan 2009 20:42 by nikki009 in Pixel-Art directory Cartoon

เนี่องด้วยเอ็นทรี่นี้ของ อ.นิเกะ http://nike.exteen.com/20090106/vocaloid-2-cv-03-megurine-luka

แล้วเอามาทำในแนวเราก็ออกมาเป็นแบบนี้ 

 

ออกแบบถูกใจดีก็เลยเอามาดอทน้อ เป็นตัวที่ดอทใช้เวลานานมาก

เพราะออฟชั่นที่ติดเสื้อตรงหน้าอกมันทำยาก(ไม่ใช่หน้าอกทำยากน้อ)

ฉากหลังตอนนี้ก็ทำแบบเรียบ(จริงๆ แล้วหมดมุข)

สัดส่วนดูแขนขายาวขึ้นกว่าตัวก่อนๆ เพราะปรับตัวโมเดลแบบใหม่

อืมมมมม........หน้าหนูลูกะยังดูชาเย็น(เย็นชา)ไม่พอแฮะ

ไว้คราวหน้าว่ากันอีกที

 

ปล. ช่วงนี้ลงแต่ Pixel Art คงยังบ่เบื่อกันน้อ

edit @ 18 Jan 2009 20:58:34 by nikki009

edit @ 18 Jan 2009 21:38:12 by nikki009

edit @ 10 Jan 2012 17:51:27 by nikki009

เอาปีใหม่แล้วก็ต้องอัพรูปใหม่ พอกับน้องวัว เอิ๊กๆๆๆๆ

 

 ปีใหม่นี้ใครแวะๆ เข้ามาบล๊อคนี้ ก็ขอให้ เฮงๆ ฮ่าๆ มหารวยกันทุกคนนะครับ

 

มาถึงเรื่องรูปนี้กันบ้างวิธีทำก็ไม่ต่างจากเดิมครับจึงไม่ของอธิบายส่วนใครที่เพิ่งเคยมาเจอสามารถย้อนดูเอนทรี่เก่าได้ครับ

นางแบบงวดนี้ผมออกแบบขึ้นเอง เมือทำตอนปีใหม่ในก้ต้องเป็นวัว แถมเป็นวัวนมอีต่างหาก เอิ๊กๆ เริ่มเลยล่ะกัน

1.ร่างโครงก่อน 2.ลงสีพื้น 3-4.ลงระดับเงาสีเพิ่มเติมและเก็บเส้น 5.เก็บรายละเอียดเพิ่มเติมส่วนใบหน้า

6.ใส่สีพื้นของชุดลงไป 7.เพิ่มระดับแสงเงาของชุด 8.ใส่ลายลงบนชุด และเก็บรายละเอียดภาพจนเสร็จ 9.หาแกหลังมาใส่

เท่านี้ก็เรียบร้อยแล้ว

เจอกันเอนทรี่หน้าครับ

edit @ 1 Jan 2009 23:40:15 by nikki009

edit @ 2 Jan 2009 00:07:37 by nikki009

edit @ 10 Jan 2012 17:51:48 by nikki009