Sarawut

Pixel เป็นภาพแบบ bitmap หรือภาพที่เป็นจุดๆเอามาต่อกัน เช่น พวกมาริโอ หรือ rockman
เป็นความชอบส่วนตัวของผมเองละ ไหนๆก็พอรู้เรื่องการทำภาพ pixel แล้วก็เลยสอนวิธีทำแบบง่ายๆให้คนอื่นรู้ด้วยดีกว่า

ภาพที่จะสอนคือภาพ pixel isometric
isometric คือ ภาพที่มีมุม 30% ใช้ในการเขียนแบบ แต่ pixel ทำมุม 30% แล้วเส้นมันจะไม่ตรง เลยใช้เป็นมุม 26.565 แทน (อย่าไปสนใจเลย)
การทำภาพ pixel ผมจะใช้โปรแกรมเถื่อนที่มีอยู่ในเครื่องของทุกคนกัน (Photoshop)





๑.ตั้งค่าตามที่เห็นในรูปหรือจะให้มีขนาดใหญ่กว่านี้ก็ได้
แต่อย่าให้มันใหญ่เกินไปเดียวจะหารูปตัวเองไม่เจอ




๒.เปลี่ยนหัวฟู่กันให้เป็นดินสอซะ แล้วย่อให้หัวเหลือแค่ 1 pix
Zoom เข้าไปแบบบ้าเลือดด้วย(1600% หรือ 800% ก็ได้ตามความสะดวก)




๓. ยางลบก็ตั้งตามในภาพเลย เปลี่ยน modเป็นPencilด้วยไม่งั้นมันจะลบได้เนียนเกินไป




๔.ลักษณะเส้นจะเป็นแบบ isometric จะมีสูตรง่ายๆว่า 2:1 หรือซ้ายขวา 2 บนล่าง 1 หมายความว่า จุดทางซ้ายหรือทางขวา 2 จุด จุดบนหรือล่าง 1 จุด (งงละสิ ผมยังงงตัวเองเลย) เอาเป็นว่าดูรูปเอาละกัน



ภาพตัวอย่างเส้นแบบ isometric


๕. ลองทำเป็นรูปสี่เหลี่ยมก่อน เพราะเป็นรูปทรงพื้นฐานแถมทำง่ายด้วย

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





๗.ใช่ถังสีเทสีลงไปในรูปได้เลย แต่เอาให้ anti - alias ออกด้วยมันทำให้สีล้นออกมานอกกรอบที่เราทำไว้



๘. เมื่อเทสีครบทุกด้านแล้วก็จะได้ กล่องงามๆมาหนึ่งใบไว้ดูเล่น ก็เป็นอันเสร็จพื้นฐานในการทำภาพ pixel แล้ว


ตัวอย่างรูปที่เซฟเป็นนามสกุลต่างๆ

Gif Jpg PNG

จะเห็นว่า ไม่ควรเซฟเป็น jpg เด็ดขาด ไม่งั้นภาพที่พยายามนั่งจุดนั่งจิ้มมาจะแตกหมด
ป.ล แนะนำให้เซฟเป็น png ครับ ไม่รู้เหมือนกัน ว่าทำมั้ยต้องเป็น png เห็นคนอื่นเค้าเซฟเป็น png หมด




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