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 ก็ต้องมาดูเคลื่องมือกันนิดนึง เราต้องใช้ Pencil แทน Brust แล้วตั่งขนาดอยู่ที่ 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 แล้ว ว่างๆมาพิมพ์ทักกันได้นะ.

ทดลองการเคลื่อนใหว

posted on 18 Nov 2007 10:38 by mika-chai  in PIXEL-GIF-ANIMATE

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

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

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


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

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

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

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

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

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