<![CDATA[irpg Community - Pixel Art Studio]]> https://irpg.in.th/ Thu, 23 Apr 2026 00:53:21 +0000 MyBB <![CDATA[[Pixel Arts]รวมแหล่งสร้างสรรค์งานดอท ทั้งในบอร์ดและรอบนอก]]> https://irpg.in.th/thread-2608.html Tue, 13 Oct 2015 19:30:41 +0700 Ivan_GilDong]]> https://irpg.in.th/thread-2608.html
วันนี้ผมจะขอรวบรวมแหล่งสรรค์สร้างงานพิกเซลครับ
ผมขอแบ่งเป็น 2 ประเภทนะครับ
1). ทำรูปภาพให้เป็นพิกเซล
1.1) Pixel Stitch
เว็ปนี้เป็นเว็ปฝรั่งครับ ลิ้งค์ : http://www.pixel-stitch.net/
[Image: vv8O03O.jpg]
Interface ของเว็ป
เข้ามาแล้วเราจะเจอกองภาษาอังกฤษขนาดมหึมา แต่ไม่ต้องไปสนใจมันครับ แมวยิ้ม อันต่อไปสำคัญกว่า
วิธีใช้งาน
[Image: CrLxR4M.jpg]
1.1.1) เข้ามาแล้วเลื่อนลงมา จะเห็นรูปกระบองเพชรเป็นพิกเซล
ข้างบนมีปุ่มให้คลิ้กเพื่อเลือกไฟล์ เลือกภาพที่เราต้องการ
1.1.2) เมื่อเลือกภาพเสร็จแล้วจะได้หน้าเว็ปนี้มา อันนี้ผมยกภาพตัวอย่างครับ
[Image: AAY4ISQ.jpg]
1.1.3) ถ้าเราไม่ใส่ใจรายละเอียดมาก กด Create Embroidery Pattern เพื่อสร้างภาพ เราจะได้ภาพประมาณนี้
[Image: nbu4Fvk.jpg]
1.1.4) กด Save Embroidery Pattern เพื่อเซฟภาพที่เราเลือก เป็นอันเสร็จ แมวยิ้ม
สรุป
ข้อดี
- ง่าย สะดวก มีฟังก์ชั่นหลากหลายทั้งแต่งรูป ตัดรูป และยังเลือกรายละเอียดได้ด้วย
ข้อเสีย
- เวลาเราเซฟภาพออกมา ภาพที่เราเซฟจะอยู่ในรูปของไฟล์ PDF ซึ่งยากต่อการนำไปใช้ต่อ
- ภาพที่เราได้นั้น มันจะแถม กริด มาให้ด้วย
[Image: cSganPj.jpg]
วันนี้พอแค่นี้ก่อน เดียวพรุ่งนี้มาต่อครับ Derp]]>
วันนี้ผมจะขอรวบรวมแหล่งสรรค์สร้างงานพิกเซลครับ
ผมขอแบ่งเป็น 2 ประเภทนะครับ
1). ทำรูปภาพให้เป็นพิกเซล
1.1) Pixel Stitch
เว็ปนี้เป็นเว็ปฝรั่งครับ ลิ้งค์ : http://www.pixel-stitch.net/
[Image: vv8O03O.jpg]
Interface ของเว็ป
เข้ามาแล้วเราจะเจอกองภาษาอังกฤษขนาดมหึมา แต่ไม่ต้องไปสนใจมันครับ แมวยิ้ม อันต่อไปสำคัญกว่า
วิธีใช้งาน
[Image: CrLxR4M.jpg]
1.1.1) เข้ามาแล้วเลื่อนลงมา จะเห็นรูปกระบองเพชรเป็นพิกเซล
ข้างบนมีปุ่มให้คลิ้กเพื่อเลือกไฟล์ เลือกภาพที่เราต้องการ
1.1.2) เมื่อเลือกภาพเสร็จแล้วจะได้หน้าเว็ปนี้มา อันนี้ผมยกภาพตัวอย่างครับ
[Image: AAY4ISQ.jpg]
1.1.3) ถ้าเราไม่ใส่ใจรายละเอียดมาก กด Create Embroidery Pattern เพื่อสร้างภาพ เราจะได้ภาพประมาณนี้
[Image: nbu4Fvk.jpg]
1.1.4) กด Save Embroidery Pattern เพื่อเซฟภาพที่เราเลือก เป็นอันเสร็จ แมวยิ้ม
สรุป
ข้อดี
- ง่าย สะดวก มีฟังก์ชั่นหลากหลายทั้งแต่งรูป ตัดรูป และยังเลือกรายละเอียดได้ด้วย
ข้อเสีย
- เวลาเราเซฟภาพออกมา ภาพที่เราเซฟจะอยู่ในรูปของไฟล์ PDF ซึ่งยากต่อการนำไปใช้ต่อ
- ภาพที่เราได้นั้น มันจะแถม กริด มาให้ด้วย
[Image: cSganPj.jpg]
วันนี้พอแค่นี้ก่อน เดียวพรุ่งนี้มาต่อครับ Derp]]> <![CDATA[How to dot Pixel by jump2537]]> https://irpg.in.th/thread-2239.html Tue, 03 Feb 2015 17:51:24 +0700 jump2537]]> https://irpg.in.th/thread-2239.html หวังว่าคงเป็นประโยชน์ไม่น้อยก็มาก

[Image: RLfeASQ.png]


รวมลิ้งค์เว็บสร้างตัวละครสำเร็จรูป สร้างไว้ดัดแปลงตัวละครให้เหมือนตัวละครตัวเอง
http://www.geocities.jp/kurororo4/looseleaf/
http://www.mmorpgmakerxb.com/p/character...-generator
http://www.famitsu.com/freegame/tool/chibi/index1.html]]> หวังว่าคงเป็นประโยชน์ไม่น้อยก็มาก

[Image: RLfeASQ.png]


รวมลิ้งค์เว็บสร้างตัวละครสำเร็จรูป สร้างไว้ดัดแปลงตัวละครให้เหมือนตัวละครตัวเอง
http://www.geocities.jp/kurororo4/looseleaf/
http://www.mmorpgmakerxb.com/p/character...-generator
http://www.famitsu.com/freegame/tool/chibi/index1.html]]> <![CDATA[[GUIDE] สำหรับคนที่จะเริ่มดอทตัวละคร หรือ งานพิกเซล]]> https://irpg.in.th/thread-2005.html Mon, 07 Jul 2014 13:32:03 +0700 Lucia]]> https://irpg.in.th/thread-2005.html [Image: oxhre.png]
[GUIDE] เทคนิคการเริ่มดอท สำหรับมือใหม่
:: สิ่งที่จะต้องเตรียมตัว ::
-ความอดทนคืออย่างแรก มือใหม่ควรจะใจเย็นๆ ไม่ใช่ตัวนึงจะทำเสร็จภายใน 5-10 นาที อย่างน้อย ชั่วโมงนึง !!
-ความถนัดในด้านของโปรแกรมที่ใช้ เช่น Photoshop (แนะนำ) , Paint , GIMP , Game Character Hub (เสียตัง) , อื่นๆ
-Template แบบของตัวละครที่เราจะดอท , และ Sprite Template ตัวละคร nude ที่ลงสีได้


[สำคัญ] โทนสีต่างๆ สว่าง ปานกลาง มืด

[Image: colortone.png]

Tools เครื่องมือสำคัญต่างๆ ที่ใช้ในการดอท , ลบสี


[Image: importanttools.png]

(1) Rectangular marquee tool เรียกง่ายๆว่า เหลี่ยมวิเศษ ใช้ก๊อปใช้ตัดได้
การใช้ ลากตามพื้นที่ๆ กำหนด ctrl+x = ตัด , Ctrl+c จากนั้น Ctrl+v = เป็นการก๊อปปี้ ( ใ้ชในการย้ายหัว , เสื้อผ้า , ทรงผม ต่างๆไปยัง แบบข้างๆที่ยังไม่ได้ลงสี ( ประหยัดเวลา )
(2) Eye dropper Tool เรียกง่ายๆว่า ที่ดูดสีต่างๆ เหมือน ดูดน้ำขึ้นมาใส่หลอด , หากเราจำไม่ได้ว่าสีที่เรา ใช้เข้มกว่าเมื่อกี้ อันไหนหว่า ?? สามารถใช้เครื่องมือนี้ได้ และยังมีประโยชน์ สำหรับคนขี้ลืมด้วย หากคลิก ที่ดูดสีนี้ ก็จะ copy สีที่เราคลิกมาไว้ตรงแถบ สีมุมล่าง คาดว่ามีทุกโปรแกรม Paint ( จะได้ไม่ไล่สีมั่ว , แถมว่องไวอีก )

เราใช้ Photoshop ในการ ดอทตัวละคร เครื่องมือที่ใช้คือ Pen (ดินสอ ) ขนาด 1

[Image: j8pen.png]

STEP แรก ใส่หน้าตา , Makeup , สีดวงตา , สีปาก
[Image: dnj1f.png]

[Image: v092f.png]

[Image: euh3f.png]

[Image: 196anigif.gif]

[Image: 8105f.png]


UPDATE แจก Template ตัวละครไว้ดอทจ้า
คลิ๊ก !
]]> [Image: oxhre.png]
[GUIDE] เทคนิคการเริ่มดอท สำหรับมือใหม่
:: สิ่งที่จะต้องเตรียมตัว ::
-ความอดทนคืออย่างแรก มือใหม่ควรจะใจเย็นๆ ไม่ใช่ตัวนึงจะทำเสร็จภายใน 5-10 นาที อย่างน้อย ชั่วโมงนึง !!
-ความถนัดในด้านของโปรแกรมที่ใช้ เช่น Photoshop (แนะนำ) , Paint , GIMP , Game Character Hub (เสียตัง) , อื่นๆ
-Template แบบของตัวละครที่เราจะดอท , และ Sprite Template ตัวละคร nude ที่ลงสีได้


[สำคัญ] โทนสีต่างๆ สว่าง ปานกลาง มืด

[Image: colortone.png]

Tools เครื่องมือสำคัญต่างๆ ที่ใช้ในการดอท , ลบสี


[Image: importanttools.png]

(1) Rectangular marquee tool เรียกง่ายๆว่า เหลี่ยมวิเศษ ใช้ก๊อปใช้ตัดได้
การใช้ ลากตามพื้นที่ๆ กำหนด ctrl+x = ตัด , Ctrl+c จากนั้น Ctrl+v = เป็นการก๊อปปี้ ( ใ้ชในการย้ายหัว , เสื้อผ้า , ทรงผม ต่างๆไปยัง แบบข้างๆที่ยังไม่ได้ลงสี ( ประหยัดเวลา )
(2) Eye dropper Tool เรียกง่ายๆว่า ที่ดูดสีต่างๆ เหมือน ดูดน้ำขึ้นมาใส่หลอด , หากเราจำไม่ได้ว่าสีที่เรา ใช้เข้มกว่าเมื่อกี้ อันไหนหว่า ?? สามารถใช้เครื่องมือนี้ได้ และยังมีประโยชน์ สำหรับคนขี้ลืมด้วย หากคลิก ที่ดูดสีนี้ ก็จะ copy สีที่เราคลิกมาไว้ตรงแถบ สีมุมล่าง คาดว่ามีทุกโปรแกรม Paint ( จะได้ไม่ไล่สีมั่ว , แถมว่องไวอีก )

เราใช้ Photoshop ในการ ดอทตัวละคร เครื่องมือที่ใช้คือ Pen (ดินสอ ) ขนาด 1

[Image: j8pen.png]

STEP แรก ใส่หน้าตา , Makeup , สีดวงตา , สีปาก
[Image: dnj1f.png]

[Image: v092f.png]

[Image: euh3f.png]

[Image: 196anigif.gif]

[Image: 8105f.png]


UPDATE แจก Template ตัวละครไว้ดอทจ้า
คลิ๊ก !
]]> <![CDATA[วาดDot character เบื้องต้น มากๆ]]> https://irpg.in.th/thread-1948.html Tue, 10 Jun 2014 22:02:16 +0700 freemancer]]> https://irpg.in.th/thread-1948.html เมื่อไม่นานมีคนอยากวาดตัวละครถือปืนแต่ไม่รู้วิธีทำ การสร้างตัวละคร โดยแก้ไขจากรูปร่างปกติของโปรแกรมRMXP ให้นำตัวละครร่างเปลือยจากโปรแกรมแจก ในเวปบอร์ดได้นะครับ โปรแกรมสร้างตัวละคร Char XP เซฟไฟลรูปเปลือยๆมาหรือจะเอาทรงผมมาด้วยก็ได้จะได้รูปนี้
รูปที่1ก่อนแก้ไขดัดแปลง เราจะมาดัดแปลงท่าทางให้เป็นท่าถือปืน
[Image: o08t9W.jpg]

รูปที่2ใช้เครื่องมือดูดสีในรูป ที่ผมวงกลมไว้ มีใช้ทุกๆโปรแกรมวาดภาพ ดูดสีขอบตัวละครที่เป็นสีเนื้อน้ำตาลเข้มมาจะทำให้ บรัชของเรามีสีน้ำตาลเข้มตามแล้วลงมือวาดได้เลย
[Image: f6SXtE.jpg]

รูปที่3ก่อนลงมือวาด เลือกเครื่องมือแปรงหรือ ดินสอก็ได้ จริงๆผมจะเลือกดินสอ และปรับขนาดหัวดินสอให้เล็กที่สุด 1พิกเซล
[Image: g0h5tT.jpg]

รูปที่4ลบแขนของเก่าออกและเขียนแขนใหม่เพื่อทำท่าถือปืน โดยเอาสีเข้มเป็นขอบและรองพื้นไว้ วิธีนี้จะทำให้ กะขนาด และรูปร่าง คร่าวๆตามจินตนาการก่อนลงสีเนื้อชั้นต่อๆไป
[Image: EW2K8V.jpg]

รูปที่5เลือกสีเนื้อชั้นต่อไปจากสีผิวตัวละครบนหัวไปเรื่อยๆ วาดแขนไปทีละชั้นเรื่อยๆ
[Image: eUWaos.jpg]

รูปที่6
[Image: 7NR5zC.jpg]

รูปที่7
[Image: 08CA8c.jpg]

รูปที่8แต่งเติมชั้นสีโดยตามความเหมาะสม (ใช้ดูแขนรูปอื่นวิธีแต้มสีเพิ่มเติมหรือ กะจากประสบการณ์ก็ได้)
[Image: KGVOfU.jpg]

รูปที่9เติมปืนลงไป
[Image: VKsDvq.jpg]

รูปที่10 ใช้วิธีเดียวทำสีด้านข้างก็ได้ ส่วนเสื้อผ้า ลงสีทับกันเองนะครับ แมวเบิกบาน
[Image: 1XUSQ0.jpg]

ปล. วิธีนี้ถ้าจะทำรูปแบบใหม่ทั้งตัวก็ใช้ฝีมือการวาด กะขนาดตั้งแต่ลงสีน้ำตาลเข้ม วิธีนี้ทำให้ออกแบบท่าทางตัวละครได้ไว ทำตัวละคร1ท่าทางได้ภายใน5-10นาทีได้เลย ไม่รวมลงสีเสื้อผ้ากับทรงผม]]> เมื่อไม่นานมีคนอยากวาดตัวละครถือปืนแต่ไม่รู้วิธีทำ การสร้างตัวละคร โดยแก้ไขจากรูปร่างปกติของโปรแกรมRMXP ให้นำตัวละครร่างเปลือยจากโปรแกรมแจก ในเวปบอร์ดได้นะครับ โปรแกรมสร้างตัวละคร Char XP เซฟไฟลรูปเปลือยๆมาหรือจะเอาทรงผมมาด้วยก็ได้จะได้รูปนี้
รูปที่1ก่อนแก้ไขดัดแปลง เราจะมาดัดแปลงท่าทางให้เป็นท่าถือปืน
[Image: o08t9W.jpg]

รูปที่2ใช้เครื่องมือดูดสีในรูป ที่ผมวงกลมไว้ มีใช้ทุกๆโปรแกรมวาดภาพ ดูดสีขอบตัวละครที่เป็นสีเนื้อน้ำตาลเข้มมาจะทำให้ บรัชของเรามีสีน้ำตาลเข้มตามแล้วลงมือวาดได้เลย
[Image: f6SXtE.jpg]

รูปที่3ก่อนลงมือวาด เลือกเครื่องมือแปรงหรือ ดินสอก็ได้ จริงๆผมจะเลือกดินสอ และปรับขนาดหัวดินสอให้เล็กที่สุด 1พิกเซล
[Image: g0h5tT.jpg]

รูปที่4ลบแขนของเก่าออกและเขียนแขนใหม่เพื่อทำท่าถือปืน โดยเอาสีเข้มเป็นขอบและรองพื้นไว้ วิธีนี้จะทำให้ กะขนาด และรูปร่าง คร่าวๆตามจินตนาการก่อนลงสีเนื้อชั้นต่อๆไป
[Image: EW2K8V.jpg]

รูปที่5เลือกสีเนื้อชั้นต่อไปจากสีผิวตัวละครบนหัวไปเรื่อยๆ วาดแขนไปทีละชั้นเรื่อยๆ
[Image: eUWaos.jpg]

รูปที่6
[Image: 7NR5zC.jpg]

รูปที่7
[Image: 08CA8c.jpg]

รูปที่8แต่งเติมชั้นสีโดยตามความเหมาะสม (ใช้ดูแขนรูปอื่นวิธีแต้มสีเพิ่มเติมหรือ กะจากประสบการณ์ก็ได้)
[Image: KGVOfU.jpg]

รูปที่9เติมปืนลงไป
[Image: VKsDvq.jpg]

รูปที่10 ใช้วิธีเดียวทำสีด้านข้างก็ได้ ส่วนเสื้อผ้า ลงสีทับกันเองนะครับ แมวเบิกบาน
[Image: 1XUSQ0.jpg]

ปล. วิธีนี้ถ้าจะทำรูปแบบใหม่ทั้งตัวก็ใช้ฝีมือการวาด กะขนาดตั้งแต่ลงสีน้ำตาลเข้ม วิธีนี้ทำให้ออกแบบท่าทางตัวละครได้ไว ทำตัวละคร1ท่าทางได้ภายใน5-10นาทีได้เลย ไม่รวมลงสีเสื้อผ้ากับทรงผม]]> <![CDATA[เทคนิคการวาดสไปรท์ ตัวละคร Battler บทที่2]]> https://irpg.in.th/thread-273.html Tue, 10 Jul 2012 00:39:49 +0700 B.o.N.]]> https://irpg.in.th/thread-273.html เทคนิคการวาดสไปรท์ ตัวละคร Battler บทที่2

สวัสดีครับ หลังจากอู้มานานก็ได้ฤกษ์ต่อบทที่2นะครับ โดยบทนี้หลักๆคือทำท่ามาตรฐาน3ท่าครับคือ "ยืน" และ "แดช"ครับ

สำหรับใครที่ยังไม่ได้อ่านบทแรกที สามารถเข้าไปอ่านได้ในลิงค์ด้านล่างนี่นะครับ
[Image: Graphic.gif] เทคนิคการวาดสไปรท์ ตัวละคร Battler บทที่1

ท่ายืน
นางแบบในวันนี้คือจอมโจรหน้ากากปริศนาของเกมส์ Treasure of dragoon ครับ(แอบโฆษณาซะ) โดยท่ายืนหลักของbattler(ส่วนใหญ่)
จะมีประมาณ4frameครับ มากกว่านั้นก็ลองประยุคต์ดูนะครับโดยแต่ละเฟรมทำตามนี้เลยครับ

1) ท่า1ท่ายืนปกติ(ท่าแรกสุด)
[Image: 1-4.png]

2)ท่าตัวละครย่อลง 1 pixelโดยทำดังนี้(เพื่อความง่าย)
2.1) select ส่วนบริเวณเท้าแล้วctrl+X, ctrl+vโลด...พอทำแบบนี้แล้วเลเยอร์เท้าจะแยกออกมาจากเลเยอร์ตัว โดยให้เลเยอร์เท้าอยู่เหนือเลเยอร์ตัวครับ
[Image: ef70955f23.jpg]

2.2) ไปที่เลเยอร์ส่วน"ตัว" แล้วกดลง1ครั้ง ส่วนตัวจะลงมา1pixelโดยเท้าคงที่ครับ

2.3) ตกแต่งส่วนที่ขาดๆเกินๆ(แต่ในนี้ไม่มีเลยข้ามไปหึๆ)

2.4) ทำผมให้เคลื่อนที่ครับ เพื่อความพริ้ว เพราะเวลาตัวละครเคลื่อนไหวลงผมก็จะยกขึ้นครับ จะขึ้นแนวใหน(ซ้ายหรือขวา)ก็ลองฝึกเล่นดูนะครับ ผ้าคลุมก็เช่นกันครับ
[Image: 4-2.png]

เมื่อสมบูรณ์แล้วจะได้ท่าเฟรม2ครับ

3) เฟรมที่3คือเอาส่วนเลเยอร์ตัวลงอีก1 pixelโดยที่เท้าอยู่ตำแหน่งเดิมครับ แล้วก็แก้ไขผมกับผ้าคลุมให้เคลื่อนไหวเช่นเดิม

4) คราวนี้เฟรมสุดท้าย ก็เช่นเดิม(เล่นง่าย) เอาส่วนตัวลงอีก1pixel + แก้ลายละเอียด...คราวนี้จุดสำคัญคือส่วนแขน+อาวุธที่ถือ ให้แยกเลเยอร์แล้ว
ขยับขึ้นมา1pixelดังนี้
[Image: b7fabef170.png]

จากนั้นก็ตกแต่งเรียบร้อย...คราวนี้ก็ได้เฟรมที่4แล้วครับ

คราวนี้ก็เอามาเรียงกันดู...
[Image: Cecile.gif]

ท่าแดช
ท่าวิ่งดีๆนี่เอง อันนี้ไม่มีอะไรมากครับปกติจะเป็นท่าวิ่งเฟรมเดียว หรือจะทำอนิเมชั่นก็ได้(แต่ให้พริ้วคงทำยากอยู่) มีอีกวิธีที่เพิ่มความเท่ห์ได้ครับ
โดยมีทั้งหมด4เฟรมเช่นเคย บอกตามตรงว่าไม่ชัวว่าวิธีนี้ใช้ในสคริปจะเวิครึเปล่าแต่ถ้าเอาไปประยุคแล้วน่าจะดูดีไปอีกแบบครับ หลักๆของวิธีนี้คือ"เงา"ครับ
1) เฟรมมาตรฐาน(อีกแหล่ว)
[Image: 8-1.png]

2) ก๊อปปี้ท่าแดชทั้งหมดใหม่มาอีกเลเยอร์อยู่ข้างหลังดังรูปข้างล่างครับ
[Image: aadbe13f9c.jpg]

จากนั้นก็พ่นเลเยอร์ข้างล่างเป็นสีเงาโดยใช้เทคนิคclipping maskครับ(ไปดูในบทแรกได้เน่อ) ในที่นี้ผมเลือกสีน้ำเงินเล่นๆ ลองปรับหัวข้อlayerเล่นดูครับ
ในที่นี้ผมใช้mode hue ปรับความโปร่งใสตามสะดวกครับ(โปร่งใสนิดๆจะเท่ห์กว่า) โดยเฟรมนี้จะมีเงา1ชั้น
[Image: 6b6f7d86f3.jpg]

เฟรม3ทำเป็นเงา2ชั้น และเฟรม4ทำเป็นเงา3ชั้น โดยใช้วิธีเดิมทำเป็นชั้นๆทบไปเรื่อยๆ แล้วเลือกสีที่จางลง จากเดิมเป็นสีน้ำเงินอาจเป็นสีฟ้าไปเลยก็ได้
เสร็จแล้วจะได้เลเยอร์เฟรมสุดท้ายเป็นแบบนี้ครับ
[Image: 13-1.png]

เทคนิคใช้เงาแบบนี้ไม่จำกัดเฉพาะbattlerครับ สามารถไปใช้ในanimationเพื่อเพิ่มความเท่ห์ได้ครับ
บทหน้าจะเป็นท่าอื่นๆนะครับเช่นท่าโดนโจมตี, ท่าฟันเป็นต้น = =b]]> เทคนิคการวาดสไปรท์ ตัวละคร Battler บทที่2

สวัสดีครับ หลังจากอู้มานานก็ได้ฤกษ์ต่อบทที่2นะครับ โดยบทนี้หลักๆคือทำท่ามาตรฐาน3ท่าครับคือ "ยืน" และ "แดช"ครับ

สำหรับใครที่ยังไม่ได้อ่านบทแรกที สามารถเข้าไปอ่านได้ในลิงค์ด้านล่างนี่นะครับ
[Image: Graphic.gif] เทคนิคการวาดสไปรท์ ตัวละคร Battler บทที่1

ท่ายืน
นางแบบในวันนี้คือจอมโจรหน้ากากปริศนาของเกมส์ Treasure of dragoon ครับ(แอบโฆษณาซะ) โดยท่ายืนหลักของbattler(ส่วนใหญ่)
จะมีประมาณ4frameครับ มากกว่านั้นก็ลองประยุคต์ดูนะครับโดยแต่ละเฟรมทำตามนี้เลยครับ

1) ท่า1ท่ายืนปกติ(ท่าแรกสุด)
[Image: 1-4.png]

2)ท่าตัวละครย่อลง 1 pixelโดยทำดังนี้(เพื่อความง่าย)
2.1) select ส่วนบริเวณเท้าแล้วctrl+X, ctrl+vโลด...พอทำแบบนี้แล้วเลเยอร์เท้าจะแยกออกมาจากเลเยอร์ตัว โดยให้เลเยอร์เท้าอยู่เหนือเลเยอร์ตัวครับ
[Image: ef70955f23.jpg]

2.2) ไปที่เลเยอร์ส่วน"ตัว" แล้วกดลง1ครั้ง ส่วนตัวจะลงมา1pixelโดยเท้าคงที่ครับ

2.3) ตกแต่งส่วนที่ขาดๆเกินๆ(แต่ในนี้ไม่มีเลยข้ามไปหึๆ)

2.4) ทำผมให้เคลื่อนที่ครับ เพื่อความพริ้ว เพราะเวลาตัวละครเคลื่อนไหวลงผมก็จะยกขึ้นครับ จะขึ้นแนวใหน(ซ้ายหรือขวา)ก็ลองฝึกเล่นดูนะครับ ผ้าคลุมก็เช่นกันครับ
[Image: 4-2.png]

เมื่อสมบูรณ์แล้วจะได้ท่าเฟรม2ครับ

3) เฟรมที่3คือเอาส่วนเลเยอร์ตัวลงอีก1 pixelโดยที่เท้าอยู่ตำแหน่งเดิมครับ แล้วก็แก้ไขผมกับผ้าคลุมให้เคลื่อนไหวเช่นเดิม

4) คราวนี้เฟรมสุดท้าย ก็เช่นเดิม(เล่นง่าย) เอาส่วนตัวลงอีก1pixel + แก้ลายละเอียด...คราวนี้จุดสำคัญคือส่วนแขน+อาวุธที่ถือ ให้แยกเลเยอร์แล้ว
ขยับขึ้นมา1pixelดังนี้
[Image: b7fabef170.png]

จากนั้นก็ตกแต่งเรียบร้อย...คราวนี้ก็ได้เฟรมที่4แล้วครับ

คราวนี้ก็เอามาเรียงกันดู...
[Image: Cecile.gif]

ท่าแดช
ท่าวิ่งดีๆนี่เอง อันนี้ไม่มีอะไรมากครับปกติจะเป็นท่าวิ่งเฟรมเดียว หรือจะทำอนิเมชั่นก็ได้(แต่ให้พริ้วคงทำยากอยู่) มีอีกวิธีที่เพิ่มความเท่ห์ได้ครับ
โดยมีทั้งหมด4เฟรมเช่นเคย บอกตามตรงว่าไม่ชัวว่าวิธีนี้ใช้ในสคริปจะเวิครึเปล่าแต่ถ้าเอาไปประยุคแล้วน่าจะดูดีไปอีกแบบครับ หลักๆของวิธีนี้คือ"เงา"ครับ
1) เฟรมมาตรฐาน(อีกแหล่ว)
[Image: 8-1.png]

2) ก๊อปปี้ท่าแดชทั้งหมดใหม่มาอีกเลเยอร์อยู่ข้างหลังดังรูปข้างล่างครับ
[Image: aadbe13f9c.jpg]

จากนั้นก็พ่นเลเยอร์ข้างล่างเป็นสีเงาโดยใช้เทคนิคclipping maskครับ(ไปดูในบทแรกได้เน่อ) ในที่นี้ผมเลือกสีน้ำเงินเล่นๆ ลองปรับหัวข้อlayerเล่นดูครับ
ในที่นี้ผมใช้mode hue ปรับความโปร่งใสตามสะดวกครับ(โปร่งใสนิดๆจะเท่ห์กว่า) โดยเฟรมนี้จะมีเงา1ชั้น
[Image: 6b6f7d86f3.jpg]

เฟรม3ทำเป็นเงา2ชั้น และเฟรม4ทำเป็นเงา3ชั้น โดยใช้วิธีเดิมทำเป็นชั้นๆทบไปเรื่อยๆ แล้วเลือกสีที่จางลง จากเดิมเป็นสีน้ำเงินอาจเป็นสีฟ้าไปเลยก็ได้
เสร็จแล้วจะได้เลเยอร์เฟรมสุดท้ายเป็นแบบนี้ครับ
[Image: 13-1.png]

เทคนิคใช้เงาแบบนี้ไม่จำกัดเฉพาะbattlerครับ สามารถไปใช้ในanimationเพื่อเพิ่มความเท่ห์ได้ครับ
บทหน้าจะเป็นท่าอื่นๆนะครับเช่นท่าโดนโจมตี, ท่าฟันเป็นต้น = =b]]> <![CDATA[เทคนิคการวาดสไปรท์ ตัวละคร Battler บทที่1]]> https://irpg.in.th/thread-170.html Mon, 02 Jul 2012 21:41:50 +0700 B.o.N.]]> https://irpg.in.th/thread-170.html เทคนิคการวาดสไปรท์ ตัวละคร Battler บทที่1

สวัสดีครับพี่น้องชาว IRPGทุกท่านครับ นี่เป็นtutorialแรกที่ผมทำขึ้นมาหวังว่าจะเป็นประโยชน์ให้กับเพื่อนๆได้บ้างไม่มากก็น้อยนะครับ
เนื่องจากนักสร้างเกมส์หลายๆคนมักจะมีตัวละครออริจินัลเป็นของตัวเองเสมอ แต่เวลาหาbattlerหรือcharacterที่ใกล้เคียงกับที่เรา
ออกแบบไว้หรือจินตนาการไว้นั้นมันยากเสียเหลือเกิน....ดังนั้นวิธีที่ง่ายที่สุดที่เราจะได้ทรัพยากรณ์ของตัวละครที่ใกล้เคียงกับที่เรา
วาดฝันมากที่สุดก็คือ dot pixel เองเสียเลย

โปรแกรมสำหรับใช้ในการdot pixel ก็มี Paint ,Photoshop ,iDrawเป็นต้นครับ แต่ในที่นี้ผมขอแนะนำ Photoshopแล้วกันครับ
เพราะค่อนข้างสะดวก(สำหรับผมนะเหอๆ)

1) ใช้อุปกรณ์ pencilร่างคร่าวๆก่อนครับ จะบิดๆเบี้ยวๆบ้างก็ไม่เป็นไรถือว่าเป็นoutlineของงานก่อน
[Image: 1-1.png]

2) ทำการลบช่องส่วนเกินออกให้หมด พยายามให้ขนาดของเส้นเป็น1pixelโดยระวังไม่ให้มีจุดpixelมารวมกันจุดหนึ่งมากไปเพราะจะทำให้งานดูรก
ลองดูภาพ2เปรียบเทียบกับภาพแรกดูนะครับ
[Image: 2-1.png]

3) ลงสีเส้นครับ จะเป็นการเพิ่มมิติให้ตัวละครของเราครับ และทำให้สามารถแยกแยะชิ้นส่วนต่างๆได้ง่ายขึ้นด้วยครับ หากเส้นเป็นสีดำหมดนั้นบางที
เราจะดูจุดที่ละเอียดๆมากไม่ค่อยออก (ถือโอกาสปรับจุดที่แปลกๆให้เข้าที่เข้าทางด้วยอิๆ)
[Image: 3.png]

4) ลงสีพื้นโดยลงแยกสีละเลเยอร์เลยครับเช่นสีน้ำเงิน(ผม)เลเยอร์1 สีขาวทั้งชุดเลเยอร์2 สีเนื้อเลเยอร์3 ตามสะดวก ที่แยกสีละเลเยอร์เพื่อ
ให้สะดวกในการลงเงาทีหลังครับ
[Image: 4.png]

5) คราวนี้ก็ได้เวลาสร้างสีสันให้ตัวละครเราแล้ว ซึ่งก็คือขั้นตอนการลงเงานั่นเองครับ โดยแนะนำให้สร้างเลเยอร์แยกขึ้นมาแล้วใช้คำสั่ง maskเพื่อ
ไม่ให้เงาที่เราปาดนั้นเลยสีพื้นครับ โดยวิธีทำmaskก็ดังรูปข้างล่างครับ คือสร้างlayerขึ้นมาเหนือสีพืนแล้วคลิ๊กขวาที่layerนั้นแล้วจึงเลือกคำสั่ง
"Creating clipping mask"
[Image: mask.png]

6) ไม่รอช้าเลือกbrushแล้วละเลงที่layerที่เราทำการmaskไว้เลยครับ อย่างในรูปนี้ผมmaskส่วนของผม(สีน้ำเงิน)ไว้
[Image: 5.png]

7) ทำการลงสีส่วนเงาให้ทุกส่วนครับ โดยพยายามจิ้มสีที่เข้มขึ้นอีก1ระดับ กรณีเสื้อผ้าผมดันทำสีเข้มเกินผมเลยสลับเอาสีอ่อนพ่นเข้าไปแทนดังนั้น
อย่าแปลกใจนะครับเหอๆ
[Image: 6.png]

8) สร้างอีกlayerเหนือlayerเงาที่ทำไว้แล้ว แล้วใช้layerนี้เป็นlayerไฮไลท์ครับ โดยให้เลือกสีที่สว่างขึ้นแล้วละเลงได้เลยครับ
เสร็จแล้วจะได้ผลงานดังนี้ครับ
[Image: 7.png]


สุดท้ายขอฝาก4komaนี้ไว้ด้วยครับเหอๆ(คลิ๊กที่รูปเพื่อขยายโลด)
[Image: 4koma.png]]]> เทคนิคการวาดสไปรท์ ตัวละคร Battler บทที่1

สวัสดีครับพี่น้องชาว IRPGทุกท่านครับ นี่เป็นtutorialแรกที่ผมทำขึ้นมาหวังว่าจะเป็นประโยชน์ให้กับเพื่อนๆได้บ้างไม่มากก็น้อยนะครับ
เนื่องจากนักสร้างเกมส์หลายๆคนมักจะมีตัวละครออริจินัลเป็นของตัวเองเสมอ แต่เวลาหาbattlerหรือcharacterที่ใกล้เคียงกับที่เรา
ออกแบบไว้หรือจินตนาการไว้นั้นมันยากเสียเหลือเกิน....ดังนั้นวิธีที่ง่ายที่สุดที่เราจะได้ทรัพยากรณ์ของตัวละครที่ใกล้เคียงกับที่เรา
วาดฝันมากที่สุดก็คือ dot pixel เองเสียเลย

โปรแกรมสำหรับใช้ในการdot pixel ก็มี Paint ,Photoshop ,iDrawเป็นต้นครับ แต่ในที่นี้ผมขอแนะนำ Photoshopแล้วกันครับ
เพราะค่อนข้างสะดวก(สำหรับผมนะเหอๆ)

1) ใช้อุปกรณ์ pencilร่างคร่าวๆก่อนครับ จะบิดๆเบี้ยวๆบ้างก็ไม่เป็นไรถือว่าเป็นoutlineของงานก่อน
[Image: 1-1.png]

2) ทำการลบช่องส่วนเกินออกให้หมด พยายามให้ขนาดของเส้นเป็น1pixelโดยระวังไม่ให้มีจุดpixelมารวมกันจุดหนึ่งมากไปเพราะจะทำให้งานดูรก
ลองดูภาพ2เปรียบเทียบกับภาพแรกดูนะครับ
[Image: 2-1.png]

3) ลงสีเส้นครับ จะเป็นการเพิ่มมิติให้ตัวละครของเราครับ และทำให้สามารถแยกแยะชิ้นส่วนต่างๆได้ง่ายขึ้นด้วยครับ หากเส้นเป็นสีดำหมดนั้นบางที
เราจะดูจุดที่ละเอียดๆมากไม่ค่อยออก (ถือโอกาสปรับจุดที่แปลกๆให้เข้าที่เข้าทางด้วยอิๆ)
[Image: 3.png]

4) ลงสีพื้นโดยลงแยกสีละเลเยอร์เลยครับเช่นสีน้ำเงิน(ผม)เลเยอร์1 สีขาวทั้งชุดเลเยอร์2 สีเนื้อเลเยอร์3 ตามสะดวก ที่แยกสีละเลเยอร์เพื่อ
ให้สะดวกในการลงเงาทีหลังครับ
[Image: 4.png]

5) คราวนี้ก็ได้เวลาสร้างสีสันให้ตัวละครเราแล้ว ซึ่งก็คือขั้นตอนการลงเงานั่นเองครับ โดยแนะนำให้สร้างเลเยอร์แยกขึ้นมาแล้วใช้คำสั่ง maskเพื่อ
ไม่ให้เงาที่เราปาดนั้นเลยสีพื้นครับ โดยวิธีทำmaskก็ดังรูปข้างล่างครับ คือสร้างlayerขึ้นมาเหนือสีพืนแล้วคลิ๊กขวาที่layerนั้นแล้วจึงเลือกคำสั่ง
"Creating clipping mask"
[Image: mask.png]

6) ไม่รอช้าเลือกbrushแล้วละเลงที่layerที่เราทำการmaskไว้เลยครับ อย่างในรูปนี้ผมmaskส่วนของผม(สีน้ำเงิน)ไว้
[Image: 5.png]

7) ทำการลงสีส่วนเงาให้ทุกส่วนครับ โดยพยายามจิ้มสีที่เข้มขึ้นอีก1ระดับ กรณีเสื้อผ้าผมดันทำสีเข้มเกินผมเลยสลับเอาสีอ่อนพ่นเข้าไปแทนดังนั้น
อย่าแปลกใจนะครับเหอๆ
[Image: 6.png]

8) สร้างอีกlayerเหนือlayerเงาที่ทำไว้แล้ว แล้วใช้layerนี้เป็นlayerไฮไลท์ครับ โดยให้เลือกสีที่สว่างขึ้นแล้วละเลงได้เลยครับ
เสร็จแล้วจะได้ผลงานดังนี้ครับ
[Image: 7.png]


สุดท้ายขอฝาก4komaนี้ไว้ด้วยครับเหอๆ(คลิ๊กที่รูปเพื่อขยายโลด)
[Image: 4koma.png]]]>