โปรแกรมที่เราใช้ก็มี
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 มาให้ดูเพื่อเทียบกันด้วยจะได้เห็นชัดขึ้น

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



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

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

เอามาลงอีกนิด

หวังว่าน่าจะมีประโยช์ณกันนะขอรับ แบบว่าถ้าชอบหรือโดนใจก็ขอ"ดาว"ด้วยนะขอรับ

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

อ่ะ...สุดยอด

#1 By ilumin on 2008-01-15 09:07

wink โอ้ มีหนวดเหมือนกุ้งเลย น่ารัก double wink ขยันจังเน๊าะ เหอะ ๆ

#2 By mike-noi on 2008-01-15 09:13

Hot! Hot! Hot! Hot! Hot! ให้ดาว 5 ดวงเลยะล๊ะกานนะ คุ คุ คุ big smile

#3 By mike-noi on 2008-01-15 09:17

โห สุดยอดเลยค่ะ แล้วจะลองทำดูนะคะ

ปล.แอดนะคะcry

#4 By B-Ichise-\@q@/- on 2008-01-15 09:54

ดูตอนแรกๆเหมือนง่ายนะ..
แต่พอทำตัวแล้วนี่ โอ้โฮ.... sad smile

#5 By Already Exist™ on 2008-01-15 09:55

ขอบคุณครับ แล้วพวกที่ทำเป็นตึกเป็นเมืองนี่ทำอย่างไร

#6 By Phat on 2008-01-15 10:08

cry มันเป็นสิ่งที่ใช้ความถึกอย่างมหาศาลเลยนะครับ

แปะดราก้อนบอลopen-mounthed smile Hot!

#7 By เสี่ยแนน on 2008-01-15 10:21

เก่งจังเลยค่ะ ขอบคุณมากๆสำหรับ How to นะคะ
ไม่เคยฝึกทำเองซักที
ขอคารวะท่านจอมยุทธ ฝีมือท่านร้ายกาจนัก
หมายเห็ด - ว่าแต่ผมสะดุดตากับพื้นหลังกล่องคอมเม้นต์ของท่านเหลือเกิน

#9 By Eddy on 2008-01-15 12:48

แอดเลยครับ กระทู้เยี่ยม ๆ อย่างงี้
ขอบคุณมากครับ

#10 By Wisor on 2008-01-15 13:23

จ๊าบเจงๆ

#11 By ฟิวส์ on 2008-01-15 14:25

โห....เก่งจังครับ
ผมเวลาทำทีก็ขี้เกียดจุดทุกที

#12 By meinside on 2008-01-15 14:32

ยอดเลยมีประโยชน์มากๆเลยครับ Hot!

#13 By @rar on 2008-01-15 15:16

ขอบคุณค่ะ

#14 By พี (222.123.171.254) on 2008-01-15 15:22

ขยันมากเลย ^-^
pixel art เนี่ย
ถือว่า .. เป็นศาสตร์ อีกแขนงได้เลยนะครับ
ชอบตรงหน้าต่างคอมเมนท์นี่แหล่ะครับ

#16 By แมงกลิ้งขี้ on 2008-01-15 16:01

Hot! เจ๋งมากHot!

#17 By raysama on 2008-01-15 16:13

สวยมากเลยครับ ไว้จะลองทำมั่งนะครับ
โอ้ เอาไปอี 7 ดาว เรียกเทพเจ้ามังกรออกมาเลย Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#19 By RazorX on 2008-01-15 16:53

confused smile น่าร้าก

#20 By [ i ]Rin on 2008-01-15 17:17

สุดยิด ยาวไปๆ

#21 By :: ipup :: on 2008-01-15 17:26

โหหห...เก่งอ่าquestion

#22 By goong (124.120.145.129) on 2008-01-15 17:30

เหมือนจะง่ายนะครับ ...
แต่พอทำจริงล่ะ ... เหอะๆ ....

ผมลองเพ้นท์ดูแล้ว ... เน่าเลย ... เหอะๆ ....

#23 By Dy-00 on 2008-01-15 17:34

ขอแอด entry นี้ไว้ใช้งานเลยค่ะ
ชอบมากๆ มีประโยชน์ดีจริง Hot! ถูกใจๆopen-mounthed smile

#24 By หนูพุก on 2008-01-15 18:11

เก่งจังเลยฮะ

T T ทำยังไงก็ออกมาไม่เหมือนคน

#25 By iMase on 2008-01-15 18:17

มะกี้ ผมลืมดาว ...

เอาไปเลยคร้าบ !!!

Hot!

#26 By Dy-00 on 2008-01-15 18:52

เจ๋งๆจริงๆๆ


ลองทำบ้างดีกว่าาา


แอดนะครับบ

#27 By dong=ดอง,โด่ง on 2008-01-15 19:01

หุๆๆ ๆ


ผมเพิ่งทำ theme เป็น pixel ไม่นานมานี้เอง

อยากให้ลองทำกันหลายๆคน แลกกันดูน่าจะสวยดีนะ

illust กันเยอะแล้ว ย้อนอดีตบ้างน่าจะแหวกดี

big smile big smile big smile

#28 By book on 2008-01-15 21:26

อ๋อ อันนี้เคยเห็นนานแล้วครับ ขอคุณที่แนะนำ

#29 By หูใหญ่ on 2008-01-15 21:31

น่าสนจาย จะลองทำดูคับ ขอบคุณมั่กๆ Hot!

#30 By PUMP201 on 2008-01-15 21:46

โอ้ว แจ่มดี เดี๋ยวไปลองทำมั่ง

ขอบคุณมั่กค่า

#31 By gaylordbitch on 2008-01-15 22:37

เง้ออออออออ เยี่ยมค่ะ เอาดาวไปเลย!!Hot!

แถมบุ๊คมาร์คไว้ในเครื่องด้วย!

#32 By hikaru on 2008-01-15 22:55

ขอบคุณมากจ้า>w<

#33 By ★~๐Zerellenz๐~★ on 2008-01-15 23:00

โห!!!ขยันน่าดู

#34 By MeiiThamoN on 2008-01-15 23:50

เมื่อช่วง 4-5 ปีก่อน หัดทำเกม ก็ต้องวาดตัวละครด้วย Pixel art ทำ textile ฉาก อะไรแบบนี้ สนุกดีครับ

เสน่ห์ของมันอยู่ตรงที่รายละเอียดอะ จุดแค่จุดสามารถเปลี่ยนภาพไปได้อย่างเยอะเลย

อีกอย่างผมชอบไปหารูปตัวละครเกมเก่า ๆ มาดู อย่างพวก Final Fantasy ยุค Famicom กับ Super ตอนต้น ๆ อะ มานั่งดูว่าเขาวาดขึ้นมายังไงกัน นัก pixel art เก่ง ๆนี่ เจ๋งมาก ๆ เลยนะครับ

#35 By BeN (203.113.39.13) on 2008-01-16 00:26

โดยส่วนตัวใช้ Paint ไม่เป็นค่ะ แหะๆ(น่าอับอายจัง Orz...)
เวลาทำรูป Pixel เราจะใช้วิธีร่างกระดาษ สแกนเส้น เอาไปตัดเส้นแบบจิ้มเอาคร่าวๆใน PTS แล้วค่อยๆลงสีพื้นไล่สีไปเรื่อยๆ ซูมเข้าซูมออกเอา(หาเรื่องให้มันยากOrz...)
ขอบคุณสำหรับความรู้นะคะcry Hot!

#36 By 『KonekoRei』1859 Is Love♥ on 2008-01-16 04:37

อา
แต่ก่อนผมชอบใช้PAINT เหมือนกันน่ะ
ส่วนพิกเซลอาทนี่ก็เคยทำในงานเกมเมื่อปีที่แล้ว
ตอนนี้เลิกแย้วงับ ก็ว่างๆทำเล่นหรือรับงานเค้ามาเหมือนกัน แต่ม่ะค่อยคงที่แล้วอ่ะฝีมืออ่ะ
พอหันมาเป็นครีเอทีพก็ว่าจะจับงานพวกนี่มาใช้เหมือนกัน
แต่ยังไม่มีโอกาส
ซึโก้ยยยย!!
คาว้าอิ๊!!!

อ่า...เว่อร์ไป-*- น่ารักมากครับตัวละครสาวๆทั้งหลาย แต่ผมไม่ถนัดด้านนี้นะ ถ้าแค่วาดในเพ้นท์นี่พอไหวครับ 555
โอ้ววว มีประโยชน์มาก ขออนุญาติแอดbig smile

#39 By Rhen&Garfield on 2008-01-17 22:51

น่าลองทำมั่งจัง

#40 By นายโยจิ^_^ on 2008-01-17 23:27

Hot! เก่งจัง ผมว่ามันทำยากมากอ่ะ

#41 By b.rabbit on 2008-06-24 09:55

บริษัท อินเตอร์แนชั่นเนิลเอนจีเนียริง จำกัด (มหาชน)

IEC เป็นบริษัทมหาชนซึ่งจดทะเบียนในตลาดหลักทรัพย์ ดำเนินธุรกิจเกี่ยวกับระบบการสื่อสาร โทรคมนาคม และจำหน่ายโทรศัพท์เคลื่อนที่ในทุกระบบ พร้อมบริการหลังการขายครบวงจร นอกจากนี้ ยังขยายงานสู่สายธุรกิจต่างๆ

สวัสดิการ
เช่น ประกันสุขภาพ, ประกันสังคม, กองทุนสำรองเลียงชีพ

Pixel Art

รายละเอียดของงาน
รับผิดชอบในการทำ Pixel Art บนโทรศัพท์มือถือ และเครื่องเกม NintendoDS, PSP,Xbox360,PlayStation3,Wii
สถานที่ปฏิบัติงาน กรุงเทพมหานคร
จังหวัด กรุงเทพมหานคร
อัตรา 4
เงินเดือน 15000-20000
คุณสมบัติผู้สมัคร

เพศชาย หญิง อายุ 20-35 ปี

ชอบศึกษาเทคโนโลยี โทรศัพท์มือถือที่ออกใหม่ และเล่นเกม

สามารถใช้โปรแกรม Photoshop, Illustrator ได้ทั้งบน MAC และ PC



วิธีการสมัคร ส่งใบสมัครงานทางจดหมายหรือติดต่อสมัครโดยตรง
ติดต่อ แผนกสรรหาและว่าจ้าง

บริษัท อินเตอร์แนชั่นเนิลเอนจีเนียริง จำกัด (มหาชน)
390 อาคาร ไออีซี ชั้น 2 ถ.รามคำแหง (ปากซอย 30) หัวหมาก บางกะปิ
กรุงเทพมหานคร 10240
Tel: 0817362705
Email: steven@tripleplay.co.th
Website: www.iec.co.th

#42 By TriplePlay (203.156.12.17) on 2008-07-29 09:38

โอ้ ขอบคุณมากค่ะ
กำลังศึกษาอยู่ำพอดี
ต้องไปฝึกทำให้คล่องก่อนbig smile

#43 By แมวเซา on 2008-09-04 13:50

ขออีกเม้นท์
ลืมHot! Hot! Hot! ไปได้ไงนี่

#44 By แมวเซา on 2008-09-04 13:50

ผมใช้ graphicgale ในการตัดเส้นขอบแหะ

แล้วค่อยมาลงสีใน ps อ่ะครับ

ผมไม่ค่อยชอบถาดสีใน graphicgale เท่่าไรน่ะครับ

#45 By Akara_gat on 2008-12-13 07:30

Mojo

#46 By ผมอยากฝึกบ้าง (124.121.185.5) on 2009-01-05 09:14

ขอบคุนนะค๊าบ จะลองฝึกดู อิอิ

#47 By ".กามิคุง." on 2009-07-12 17:44

เยี่ยมมาก ยืมไปใช้หน่อยเน้อ พี่ชัย

#48 By Peary (117.121.208.2) on 2009-10-14 22:46

โอส เอาไปใช้ศึกษาได้เลยน้องเอ้ยbig smile

#49 By Chai - worldchai on 2009-10-16 16:31