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

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

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


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

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

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

Comment

Comment:

Tweet

#53 By (49.230.171.243|49.230.171.243) on 2014-12-08 10:01

embarrassed

#52 By (1.2.233.203|1.2.233.203) on 2014-01-18 19:45

โห สุดยอดเลย

#51 By oujiNoha (103.7.57.18|58.9.237.74) on 2013-06-29 09:46

The abiitly to think like that shows you're an expert

#50 By rzYshHdPU9gF (103.7.57.18|94.23.238.222) on 2013-06-23 14:24

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

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

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

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

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

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

Mojo

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

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

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

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

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

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

#44 By Jitmett on 2008-09-04 13:50

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

#43 By Jitmett on 2008-09-04 13:50

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

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

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

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

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

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

โอ้ววว มีประโยชน์มาก ขออนุญาติแอดbig smile

#39 By R&M on 2008-01-17 22:51

ซึโก้ยยยย!!
คาว้าอิ๊!!!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

หุๆๆ ๆ


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

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

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

big smile big smile big smile

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

เจ๋งๆจริงๆๆ


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


แอดนะครับบ

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

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

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

Hot!

#26 By DyCherii on 2008-01-15 18:52

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

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

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

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

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

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

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

#23 By DyCherii on 2008-01-15 17:34

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

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

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

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

confused smile น่าร้าก

#20 By Airin on 2008-01-15 17:17

โอ้ เอาไปอี 7 ดาว เรียกเทพเจ้ามังกรออกมาเลย Hot! Hot! Hot! Hot! Hot! Hot! Hot!

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

สวยมากเลยครับ ไว้จะลองทำมั่งนะครับ
Hot! เจ๋งมากHot!

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

ชอบตรงหน้าต่างคอมเมนท์นี่แหล่ะครับ

#16 By ขุนกระบี่ on 2008-01-15 16:01

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

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

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

#13 By Elmariachi.rar on 2008-01-15 15:16

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

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

จ๊าบเจงๆ

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

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

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

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

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

เก่งจังเลยค่ะ ขอบคุณมากๆสำหรับ How to นะคะ
ไม่เคยฝึกทำเองซักที
cry มันเป็นสิ่งที่ใช้ความถึกอย่างมหาศาลเลยนะครับ

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

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

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

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

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

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

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

ปล.แอดนะคะcry

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