/*Pixel*/Pixel Art Intro
posted on 02 Mar 2006 10:53 by jaruchan in Pixel
สวัดดีคร้าบบผมจารุเองนะค่ะ วันนี้จารุจะมีพูดเรื่อง Pixel Art ให้ฟังแหละ ความจริงแล้ว Pixel Art เนี่ยอยู่ไม่ไกลตัวเอาเลยแหละ มันคือภาพไอคอนเล็กๆที่อยู่บนเครื่องคอมฯของทุกๆคน ไอ้เจ้าภาพเคลื่อนไหว 2 มิติ นี่แหละทั้งยังเป็นภาพที่คุ้นกันดีในตัวละครของเกมส์แร๊กนาร็อกด้วย ภาพ Pixel Art ความจริงก็คือภาพที่เกิดจาการเรียงต่อๆของจุดสี และก็มีหน่วยไฟล์เป็น GIF ที่รู้จักกันดีว่าภาพ gif นั้นแหละ หลายคนเรียกเจ้าตัวนี้ว่ะดุ้กดิ้กๆ ก็น่ารักดี555+ แต่จารุเรียก พิกเซอตามแบบของเด็กญี่ปุ่น555+ ภาพพวกนี้วาดไม่อยากหรอกค่ะ นอกเสียจากว่าจะวาดเป็นแบบภาพใหญ่แล้วก็ลายละเอียดเยอะๆแบบนั้นเวลาวาดจะลายตามากก แต่ว่าภาพแบบนี้ยิ่งเล็กยิ่งสวยง่ายค่ะ เช่นพวกอิโมชั่น ไงค่ะ แล้ว Pixel Art ที่รู้จักกันดีอีกตัวก็คือ Kaoani ก็ไม่ทราบเหมือนกันว่าทำไมแต่คิดว่าคงมีความหมาย จากที่เด็กญี่ปุ่นเรียกแหละมั่งค่ะ เพราะ Ani ก็คงมาจากคำว่า Animation นั้นแหละวันนี้จะเริ่มต้นที่การสอนวาด อิโมเล็กๆก่อนเลยแล้วกันเน้ออ
อุปกรณที่ใช้ในการวาด
1.ไอเดียค่ะ จารุไม่สนับสนุนการทำลอกเลียนแบบแต่เปลี่ยนสีอาไรแบบนี้ แต่ว่าอยากให้ลองคิดเองมากกว่า เอาเป็นว่าเริ่มจากสิ่งที่เราชอบ อย่างเช่นชอบ ช็อกโกแล็ตก็ ทำเป็นรูปซ็อกบอลอาไรแบบนี้ เดี่ยวจารุจะทำซาลาเปาแล้วกันโดนหาว่าเป็นวาลาเปาอ่ะ ถ้าคิดรูปไม่ออกก็ไปหารูปใน http://www.google.co.th มาดูเป็นต้นแบบก่อนก็ได้ค่ะ
2.โปรแกรม Adobe Photoshop จะเวอร์ชั่นอาไรก็ตามแต่ค่ะ
3.โปรแกรม Adobe ImageReady เช่นกันค่ะเวอร์ชั่นอาไรก็แล้วแต่
4.ที่สำคัญเมาส์ค่ะ คนมีเมาส์ปากกาก็ดีหน่อยจริงๆนะอยากได้ o >///< o
มาเริ่มกันเลยแล้วกันน้ออ ^^
1.เริ่มจาเปิดโฟโต้ช้อปขึ้นมา กำหนดขนาดอิโมนะค่ะ จารุจะใช้ 25X25 px น้อกำหนดให้ Background ใสด้วย
2.เริ่มขยายภาพโดยใช้ Zoom Tool ค่ะจารุเอาถึง 1600% เพราะมันเต็มลูกกะตาดี555+
3.เริ่มการวาดค่ะ คิดลักษณะของภาพตัวอิโมเราขึ้นมาเวลาหน้าตรงนะ การวาดเนี่ยเอาจะใช้ Pencil Tool นะค่ะมันจะเป็นสีเหลี่ยมขึ้นมานั้นคือ 1 pxเจ้าค่ะเริ่มวาดโดยการต่อจุดไปเลื่อยๆ

4.วาดเสร็จก็ต้องลงสีจริงมั้ยค่ะเอิ้กๆ แล้วแต่เรานั้นแหละกินซาลาเปาสีอาไรดีน่ะอืมมม... อีกอย่างเวลาลงสีเราใช้ Paint Bucket Tool เทสีเลยนะค่ะโดยที่ Tool Option Bar ให้ติก Contiguous ไว้แค่อันเดี่ยวจะทำให้เท่แบบไม่มีเกินออกไปค่ะ

5.มาเน้นเงากันดีกว่า กำหนดทิศที่เงาจะส่องแล้วก็ปรับเพิ่มจาสีที่เลือกเป็นสี base น่ะค่ะ แล้วก็แต่งให้ดูเป็นไอ้เจ้าตัวที่เราจะทำนั้นแหละนะ

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

7.วาดแบบขยายของซาลาเปาค่ะ พอวาดเส้นเราก็ให้ย้ายเลเยอร์ของซาลาเปาแบบขยายมาอยู่ให้ภาพของหน้าซาลาเปา แล้วกด Edit to ImageReady นะค่ะ ![]()

8.คราวนี้ก็มาทำให้ป่องขึ้นป่องลมนะค่ะ โดยที่เฟรมแรกให้เป็นขยาดที่ยังไม่ขยาย แล้วเพิ่มเฟรมที่สอง เป็นแบบขยายทับลองเล่นดูแล้วก็กำหนดเวลาตามที่ต้องการนะค่ะ เวลาจะเป็นส่วนทำให้ภาพดูเป็นธรรมชาติ เสร็จแล้วก็จะได้วาลาเปาขยายเข้าขยายออกแหละค่ะ ใครจะทำเป็นลูกบอลกลิ่งไปกลิ่งมาก็ดีนะค่ะ แล้วถ้าใครจะทำแค่แสดงอารมณ์ก็ได้เหมือนกันค่ะ แล้วก็สามารถเอาไปใช้เป็นอิโมในเอ็มก็ได้หรือใครจะเอามาใช้เวลาเขียนบล็อคก็น่ารักดีค่ะ








แล้วก็นี่ค่ะเอาไว้เล่นเวลาเขียนบล็อค คราวหน้าก็อาจจะเป็นการทำ Kaoani ล่ะมังหรือไม่ก็ทำอิโมขนาดใหญ่กว่านี้ ยังไงก็คิดอยู่กัยฃบการประยุทธ์ใช้แหละนะค่ะ ถ้าเราฝึกบ่อยๆมันก็จะชำนาญเองแหละค่ะ จะทำได้สวยไม่สวยก็ขึ้นอยู่กับสีแหละค่ะว่าไรดีแค่ไหน ยังไงวันนี้ก็ไปก่อนนะ รูสึกว่าตัวเองจะเริ่มอัพสลับแล้ว ไม่แน่ถ้าพรุ่งนี้ว่างก็คงอัพเกี่ยวกับลอลิต้าแหละมั่ง...บายๆคร้าบบผม มีอาไรก็ถามไว้แล้วกันนะค่ะงุงิๆ
edit @ 2006/03/02 10:56:17
edit @ 2006/03/02 10:58:53
edit @ 2006/03/02 11:01:05
edit @ 2006/09/08 18:10:26







