How To Pixel Art #1
posted on 24 Jan 2007 01:33 by meuknoi in HowToมาแล้วๆ วันนี้...หลังจากที่ลงรูปพิกเซลดาร์ตไป ก็มีคนสนใจว่า ทำยังไง ทำจากอะไร
วันนี้เราจะมาสอนแบบพื้นฐานเริ่มต้นเลยนะ
สิ่งของที่ต้องมีก็
- มือ
- เม้าท์(จะปากกาหรือหนูธรรมดาก็ตามใจ)
- โปรแกรม Photoshop รุ่นไหนก็ได้
ก่อนอื่นมาทำความเข้าใจกับ Pixel Art กันก่อนนะ
ก็...รูปภาพแบบ Pixel Art มันก็คือรูปต่อจุดอย่างที่เราเห็นๆกันนนั่นแหล่ะ
ภาพตัวอย่างเปรียบเทียบภาพปกติ - ภาพขยาย
อธิบายเรื่องเส้น
ในเรื่องพิกเซลอาร์ต จะเป็นมุม Isometic กับแบบธรรมดานะ แต่ ณ. ที่นี้ เราอธิบายแบบไอโซแล้วกัน
ภาพขยายของเส้น (ทำเป็นสีๆ จะได้เข้าใจนิดนึง)
จะเห็นว่า จุดจะเรียงกัน ไม่มีซ้อนกันนะ ยกเว้นแต่เส้นตรง
อย่างแรกเตรียมอุปกรณ์ จุดของเราให้เป็นแบบนี้
จากนั้นก็ มาจุดกันเถอะ ทำไอ่นี่แล้วกัน
น้องกล่อง เบสิก
เริ่มด้วยการ ลากเส้นตรง 1 เส้น (คีย์ลัดคือว่า กดเม้าท์ค้างไว้1ครั้งแล้วกดshiftพร้อมกับลากลงมาเส้นก็จะตรง โดยที่ไม่ต้องมานั่งจุดๆๆๆ)
แล้วก็ สร้างเส้นเอียง 30 องศา 2 เส้น (ทำเส้นเดียวแล้วก็อปปี้เลเยอร์เอาก็ได้ สะดวกดี)
แล้วนำนึงมากลับด้านโดยคำสั่ง Edit - transform - filp horizontal แล้วลากเส้นที่เพิ่งทำเมื่อกี้มาวางทับกับอีกเส้น ก็จะเป็นเหมือนรูป
แล้วก็เอา ไอ่เส้นตรงมาวางต่ออีกที แล้วประกอบๆๆๆ เป็นกล่อง
ต่อมาใส่สี ให้เราสร้างเลเยอร์ใหม่ขึ้นมาแล้วจัดการ ใส่สีแต่ละด้าน ซึ่งมีความต่างของสี ตามความเข้มของแสง
จากนั้นสร้างเลเยอร์ขึ้นมาอีก 1 เลเยอร์ เอาเลเยอร์ใหม่ไว้บนเส้น
คลิกเลือกที่เลเยอร์ใหม่นะ แล้วเอาเม้าท์ชี้ที่ เส้นระหว่าง เลเยอร์เส้นกะเลเยอร์ใหม่แล้วกดalt เม้าท์จะเปลี่ยนรูป ให้คลิกที่เส้นนั้นไป 1 ที เลเยอร์จะเปลี่ยนเป็นแบบนี้
จากนั้นให้เลือกสีที่อ่อนที่สุดในกล่องมาปรับค่าอ่อนลงอีกครั้ง แล้วลงเส้น
เสร็จแล้วง่ายจังเลย คราวหน้าอยากให้สอนเรื่องอะไรก็ลองรีเควสเข้ามาดูนะ (ยิ้ม)
ปล. ไฟล์ต้องเซฟเป็นนามสกุล .Gif เท่านั้นนะ
เข้าใจกันมั้ยหว่า ถ้าสงสัยหรือไม่เข้าใจก็ ถามได้นะจะรีบมาต่อให้
edit @ 2007/01/24 02:50:10