PIXEL-GIF-ANIMATE

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

เลยมาวาดๆอะไร ดุ๊ดดิ๊ก นิดหน่อย

วาดๆไปแหละ ไม่ได้ทำนานพอดูเลยติดๆขัดๆไปมั่ง /:-( แต่ก็นะ จะให้ดูดีแต่อันแรกเลยก็คงเป็นไปไม่ได้ โอเคมีร่างๆแล้ว ใหนลองตัดเส้นแล้วลงสีดูมั่งซิ /:-u

ก็พอใหวเนอะ ไม่เลวร้าย แต่ยังไม่พอใจ กลับไปหาพื้นฐานดูดีกว่า

ไฮ่ย้า!!!!  มือพิฆาต!!! /:-E

อืม....... อีกนิด แล้วกัน /;-[l]

แล้วก็ทิ้งท้าย สู้ตาย!!!!!

อันนี้จะเอาไปใช้ในเกม์สที่กำลังทำอยู่ แต่ยังต้องวาดอีกเยอะเอิกๆๆ ไม่รู้จะเสร็จมั้ยนะเนี่ย ว่าแล้ว มือจับปากกา ขีดๆเขียนๆ ต่อไป สู้ต่อไป จีบัน เกียบัน. /X-P

/:-D l สู้ๆนะขอรับ

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

โอยช่วงนี้เรื่องปวดหัวเยอะเหมือนกัน ไม่ว่า ปัญหา เรื่อง รายวิชา กับคณะ มันจะอะไรกันนัหนาก็ไม่รู้สิเนี่ย เฮ้อ!! เหนื่อยใจจริงๆนะเนี่ย เลยหาเวลามาทำเรื่องปวดหัวอีกอย่างที่เต็มใจ มันคือ..... ชมเอาเลยจ้า  


ความยาวจริง 3 วินาทีกับอีก 10 เฟรม แต่อันนี้ จะไม่ได้ตามเวลานั้นเพราะทำเป็น gif แล้วต้องลด เฟรมลงไม่งั้นจะกลายเป็น อืด ไปได้นะ.

ก็ตอนแรกจะทำให้พูด A E I O U แต่สุดท้าย เอาแค่ A E O พอและ หมดไฟพอดี ก็ลองทำเป็นขาวดำไปก่อน มีเวลาค่อยลงสีเอา

จะว่าไปไม่ค่อยมีอะไรมาอัพเลยช่วงนี้ เอิกๆๆ ว่าแล้วหาอะไรมาลงหน่อยดีกว่าเนอะ 

โปรแกรมที่เราใช้ก็มี
1. paint มากับวินโด้วทุกตัวขอรับ ทำงานได้เร็ว
2. photoshop วาดรูปได้ดี
3. image ready จัดเรียงเฟรมได้ดี
เลือกใช้ 1 ใน 3 ตัวน่ะขอรับหรือจะใช้ปนๆกันก็ไม่ผิดกฏอันใด

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

พิกเซลอาร์ต ยังมีประโยชน์อีกเหรอ? ถึงแม้ว่าในปัจจุบันนี้ จะเข้ายุค 3มิติ ครองเมือง แต่เสน่ห์แบบ 2มิติก็ยังไม่เสื่อมจะเห็นได้ว่าเกมส์ สามมิติบางเกมส์ก็ยังทำแบบกึ่ง 2 มิติเช่นกัน. ทั้งนี้พิกเซลอาร์ตมีคุณสมบัติที่ตัวรูปมันขนาดเล็กมากๆ ทำให้เอาไปใช้กับ อุปกรณ์ที่มีหน่วยความจำ กับ การประมวลผล น้อยได้ อย่างเช่น มือถือ, PDA. แต่ถึงจะเป็นแบบนั้น เกมส์บนเครื่องดังๆอย่าง NDS, PSP, Wii, Playstation 3 ก็ยังมีบางเกมส์ยังคงใช้ พิกเซลอาร์ตอยู่เช่นกัน.

เตรียมเรื่องโปรแกรม กัน
Paint
Photoshop
Image Ready 


สำหรับ Paint นั้นไม่ต้องเตรียมเลย แค่เปิดมาสร้าง ขนาดของรูป แล้วก็เริ่มจุดได้เลย โดนใช้เครื่องมือ Pen, ส่วน photoshop ก็ต้องมาดูเครืองมือลึกๆกันนิดนึง เราต้องใช้ Pencil แทน Brush แล้วตั้งขนาดอยู่ที่ 1 px ส่วนยางลบ ก็ เปลี่ยนจาก Brush เป็น pencil แทน เราก็จะลบแบบ Pixel ได้คมๆ, ส่วนโปรแกรม image ready นั้น ไม่ต้องเตรียมมากเท่าไร เพราะตัวโปรแกรมวาดเป็น พิกเซลอยู่แล้ว.

เริ่มกันซักนิด
เรามาเริ่มที่พื้นฐานก่อนเลยคือกล่อง กล่องใครว่านั้นไม่สำคัญ เพราะจะทำกล่องสวยได้มันยากพอดูเหมือนกันนะขอรับ

ก็ตามรูปเลยนะขอรับเริ่มจาก
1. จับเครื่องมือ ปากกา มาจุดๆ เส้นเป็นรูปกล่อง **ใน paint จะมีเคลื่องมือวาดเส้นอยู่ ทำงานง่ายกว่า photoshopมาก**
2. ก็ลงสีให้กล่อง ใช้ เทสี เอา ตรงนี้แต่ละด้านของกล่องนั้นให้ลงสีคนละสีกันเพื่อสร้างมิติแสงกับเงา
3. สร้าง High light เพื่อให้ภาพดูนุ่มตาขึ้น โดยเอาสีอ่อนมาลงแทนเส้นสีดำดังรูป หรือจะลงสีขอบแทนด้วยก็ได้ก็จะได้รูปที่นุ่มตาขึ้นไปอีก

พิกเซลอาร์ต ถ้าลงผิดแค่ 1 จุดก็มีผลทำให้ภาพเบี้ยวได้นะ

มาถึงตรงนี้หลายคนอาจจะหงุดหงิด ไม่อยากสร้างแค่กล่อง แต่จะสร้าง ตัวละคร กล่องหน้าเบื่อนิน่า ใจเย็นๆแล้วดูกันต่อนะ

มาเริ่มสร้างหัวกัน เป็น 7 ขั้นตอนสร้างหัวอย่างง่าย แบบการ์ตูน [ทำไมในเน็ตไม่ค่อยมีสอนแบบนี้นะ]ตรงนี้ผมเริ่มต้นด้วยวงกลมก่อน แล้วก็เอามาใส่ ลูกตา เติมด้านข้างอีกนิดก็เป็น หู.

จากนั้นผมก็เลือกโทนสี เอามาแต้มใว้ [อยู่ข้างบนหัวที่1] แล้วก็ไล่ลงสีไป เพื่อสร้างแสงเงา ถึงขั้นตอนที่ 6 ผมจะเปลี่ยนสีตาแล้วเติมให้เด่นชัดขึ้น. เป็นอันเสร็จเรียบร้อย ลองทำดูนะขอรับไม่ยากๆ.

** 1 สีผมใช้ 3 โทน จะทำให้คุมงานง่ายขึ้น **

พอได้หัวแล้วก็มาเจอกับอะไรที่ท้าทายหน่อยคือส่วนตัว อันนี้แล้วแต่ความละเอียดกับการออกแบบของแต่ละคนนะขอรับ เอาล่ะ 17ขั้นตอน สร้างตัว [พึ่งทำเสร็จเมื่อวานเลย เอิกๆๆ]

ดูแล้ว บางรูปอาจจะดูยากเพราะเหมือนไม่เปลี่ยนแปลงกันเท่าไรนัก ผมเลยลงแบบ GIF มาให้ดูเพื่อเทียบกันด้วยจะได้เห็นรูปชัดขึ้น

ทั้งนี้วิธีการสร้างแต่ละคนก็อาจจะมีขั้นตอนที่ต่างกันออกไป อย่างวิธีข้างล่างนี้ก็เป็นที่นิยมด้วยเช่นกัน แต่โดยส่วนตัวผมว่าวิธีนี้คุมสัดส่วนยากไปหน่อย

ผมชอบสร้างหัวแล้วค่อยไปตัวมากกว่า เพราะคุมสัดส่วนง่ายดี


ท้ายนี้สู้ๆนะขอรับ

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

เอามาลงอีกนิด กับงานดุ๊กดิ๊ก

ทำเกมส์ช่วงปีใหม่

posted on 03 Jan 2008 15:05 by mika-chai in PIXEL-GIF-ANIMATE

ช่วงปีใหม่มีเวลาหยุดหลายวันก็เลยมานั่งทำเกม์ส วันละนิดไปเรื่อยๆ ก็ได้แบบข้างล่างนี่แหละขอรับ

ใช้เวลาทำก็นานพอดูเกือบสัปดาร์ได้แล้วมั้ง เอิกๆๆ ปัญหาที่เจอน่าจะเป็นกราฟฟิก ทำแบบ pixel art ไอ้เราก็ไม่ถนัดด้วยสิ กว่าจะได้ลงตัวก็เล่นเอานานเหมือนกันเอิกๆๆ

งาน pixel art ต้องอาศัยความอึดจริงๆ(จริงๆอย่าอื่นก็เหมือนกันแหละ เหอ เหอ เหอ) อันนี้ระบบก็เกือบสมบูร์ณแล้ว น่าจะได้ 90% แล้วล่ะนะขอรับ แต่อาจจะต้องปรับอะไรอีกหน่อยก็ดูอีกที

ส่วนรูปเหรอ ว่าแล้วอยากจะร้องให้ ทำไม่สวยซักที เรามาดู การพัฒนการของตัวละครดีกว่า สุดท้ายใช้อันหลังสุดจ้า(ดูดีสุดแล้ว คุคุคุ)

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

แว๊ป ไปพักก่อนล่ะเด้อ นั่งนานๆชักจะเมื่อยตา คุคุคุ

เอามาลงต่ออีกหน่อย กดดูกันได้เลยขอรับ

ก็อันนี้ใช้เสียงเดิมกับอันที่แล้ว(เสียงของพี่น้อย) แล้วก็ ทำ 12 เฟรมต่อวินาทีมันน้อยไปจริงด้วย เปิดครั้งแรกดูกระตุกไปเลย แย่จังครั้งหน้าทำ 30 เฟรมดีกว่า ต้องดีหว่านี้แน่เลย (ดันติดนิสัย 12 เฟรม). อีกอย่างที่ชอบก็คงใช้ ฉากหลังเป็น วินโด้ว วิสต้า นี่แหละดูแล้วมันทันสมัยดี, แต่ผมก็ยังใช้ เอ็กพี อยู่มันเร็วกว่ากันเยอะนิน่า.
 

เหมือนเดิม ติ ชม ได้ตามระเบียบจ้า (แต่ก็แก้ไขไปบางจุดเหมือนกันแล้วนะเนี่ย อิอิ)

ป.ล.ใครจะสังเกตุมั้ยน้าว่าเรามี shout box แล้ว ว่างๆมาพิมพ์ทักกันได้นะ.

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

เดี๋ยวนี้งานออกมาเอ็กๆไงไม่รู้สิแฮะ. - __ -" .

ส่วนอันนี้เป็นอีกชิ้นที่ทำมาเมื่อสัปดาร์ก่อน คึกไปไม่รู้อยากทำขึ้นมาซะงั้น. การอัพขึ้นยูทูป พึ่งรู้แฮะว่าอัพง่ายดีเหมือนกัน ครั้งหน้าถ้ามีหนังอะไรเอาไปอัพขึ้นดีกว่า คิกๆๆ.


อันนี้ได้เสียงมาจากพี่น้อย ฝากให้เจ้แกอัดเสียงให้ อิอิ ขอบคุณด้วยจ้า

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

ผลที่ได้
ลองเปลี่ยนสีผมดู

ส่วนอันนี้ก็แต่ละเฟรม

ทำอีกรูปนึงหนูมิกะแต่ออกจะเละๆไปหน่อย เสีย อารม จริงๆเลยอันนี้
สงสัยรีบทำไปหน่อย

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

< EDIT 2007 06 09: 4.01pm>
อันนี้ใช้แค่ 4 แฟรมเท่านั้น

</EDIT> // จบการ edit จ้า
---------------------------------------------------------------------------------

เอาล่ะพูดเรื่อง pixel ไปแล้วก็ ว่าเรื่องอื่นมั่ง

ขอบ่นๆๆๆๆ จ้า ว่าอ่านหนังสือเหนื่อยจริงๆเลยเนี่ย อ่านจนปวดหัวเลย แต่เอาน่า อ่าน 10 ครั้งต้องเข้าใจซักครั้งแหละน่า ถ้าไม่เข้าใจก็อ่านอีกไปเรื่อยๆ แหละ อิอิ (ถ้ามันไม่หนาก็ดีสิ หนังสือ น่ะ)

อีกเรื่อง

เมื่อวานวาด WALLPAPER รูปใหม่ให้เครื่องคอมล่ะ ค่อนข้างชอบเลยรูปนี้

หนู มาสคอส ของผมนั่นเอง จะ ออก เอ็ก ไปเปล่านะเนี่ย เที่ยวนี้ก็อยากลงสีแบบอ่อนๆ ดูมั่งลงแต่จัดๆเข้มๆหลายทีแล้วเนี่ย เปลี่ยนมั่งก็ไม่เลวเนอะ

Hotel Dusk : Room 215

posted on 02 Mar 2007 18:30 by mika-chai in PIXEL-GIF-ANIMATE

ตอนที่ยังอยู่ไทยได้ไป มิดติ้งกันหลายครั้งอยู่ครั้งนึง เจอเหมี๋ยวเบอร์ แล้วก็แนะนำ เกม์สของ nintendo ds ชื่อเกม์สว่า Hotel Dusk : Room 215

เป็นเกม์สที่ค่อนข้างแหวกแนวดีเหมือนกัน เป็นเกม์สแนวสืบสวน ที่ต้องคอยหาข้อมูลมาแก้ปริศนา แล้วเกม์สนี้เน้นเรื่องการอ่านค่อนข้างมาก ส่วนเวลาเล่นนั้นต้องตะแคงเครื่องมาด้านข้าง ระหว่างพูดคุยหรือหาข้อมูลก็จะมี รูปเรา(ด้านซ้าย)โผ่ลออกมาเป็นอนิเมท (มั้งนะ) เวลาตัวเราคิดอะไรก็จะเปลี่ยนสีแสดงตามอารมณ์ด้วย กราฟฟิคค่อนข้างสวยงามเลยทีเดียว สามารถเข้าไปดู รีวิวได้ที่ http://www.youtube.com/watch?v=S7ZBFmAZmSQ........ กดเข้าไปดูได้เลยจ้า

มาถึงตรงนี้ตัวเกม์สก็น่าสนใจรูปก็สวยกราฟฟิกก็ดี (แต่ต้องอ่านเยอะ)เอาน่า ของวาดเลียนแบบหน่อยแล้วกัน คิกๆ ส่วนนางแบบก็คือ .....

หนู มิกะ จังนั่นเอง อิอิอิ ไม่ได้วาดเจ้แกนานแล้วเดี๋ยวจะโดนเฉ่งซะก่อน เอิกๆ

มิกะ : ชั้นเป็นมาสคอสของนายนะยะ -__-***
ชัย : คร้าบผม -__-"

แต่ผมว่าผมคงยังไม่ได้เล่นเกม์สนี้หรอกเพราะว่าต้องเก็บเงินซื้อเครื่องก่อนน่ะสิ(จะเก็บได้มั้ยว้า เรา)

gif animate

posted on 16 Feb 2007 20:51 by mika-chai in PIXEL-GIF-ANIMATE

ห่างหายไปนานกลับมาฝึกกันอีกนิดนึงจะได้ไม่ลืม ก็วาดใว้หลายๆวันแล้วเหมือนกันกับ gif animate วาดแบบไปเรื่อยๆ ไม่ได้จับจ้องหรือคิดอะไรมากนัก จะว่าไม่มีแบบแผนเลยก็ได้ เอิกๆ

วันนี้ขนมาให้ดูด้วยกันทั้งหมด 5 ภาพ จ้า

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

ป.ล.การอู้งานเป็นสิ่งไม่ดีหากทำบ่อยๆ >__<

pixel art

posted on 05 Dec 2006 14:00 by mika-chai in PIXEL-GIF-ANIMATE

ถ้าพูดถึง PIXEL ART หลายคนอาจจะรู้จัก แต่หลายคนก็ไม่รู้จัก แต่ต้องเห็นมาแต่ไม่รู้แน่เลย ยิ่งถ้าเป็นนักเล่นเกม์สด้วยแล้วล่ะก็นะ เพราะ PIXEL ART นั้นใช้ทำกราฟฟิคในเกม์ส 2D ตั่งแต่เรื่องรุ่น อาตาริเลย จนถึงเครื่อง NINTENDO DS เลยล่ะ แต่ว่าถาพจะละเอียดขึ้นกว่าแต่ก่อนมากสว่นนึงเพราะว่า ความระเอียดของหน้าจอนั่นเอง

แต่ก่อนนั้น ผมเองก็ไม่รู้เรื่องว่ามันคืออะไร แต่รู้อย่างว่ามันเคลื่อนใหวได้ จนไม่รู้ว่า เวลาทำก็เป็ฯ ศิลปอีกแขนงเหมือนกัน (ตอนนั้นโง่จังเลย) เพราะ PIXEL ART นั้นตามชื่อเลยครับ ว่า ถาพต้อง จุดทีละ PIXEL ต่อ PIXEL เลย แต่ถ้าใช้ในเกม์สที่เป็นอนิเมท เค้าจะเรียกกันว่า SPRITE

ว่าแล้วมาดูงานที่ผมลองทำดูดีกว่า

เล็กนิดเดียวเองเพราะกะขนากผิดไปนิด ขนาดของรูปก็ 50 x 55 px

เอาล่ะเราลองมาซูมดูกันดีกว่า อันล่างนี้ซูม 500 เท่าเลย

จะเห็นว่าเส้นขอบรอบๆตัวจะคมมากถ้าเป็นรูปปรกติ แต่ ยังไงซะงานแบบนี้ก็ใช้ เม้าส์หนู ทำได้ งานข้างผมผมก็ใช้เม้าสหนูทำ

ถ้าเอาไปทำเกม์สก็ต้องวาดเกือบ ร้อยรูปได้ แต่ก็ไม่ยากเท่าทำอนิเมทล่ะนะ จะว่าไปมันก็ยากต่างกันมากกว่า อย่าไปคิดเลยว่าอะไรง่ายกว่ากันเนอะ