สวัสดีทุกคนที่แวะเวียนเข้ามาอ่านนะคะ วันนี้จะพาทุกคนมารู้จักกับ Piskel
เว็บไซต์ฟรีออนไลน์สำหรับทำงาน pixel art และสร้าง animated sprite
ก่อนที่เราจะมาทำความรู้จักกับ Piskel เราลองมาทำความรู้จักกับ pixel art และ animated sprite กันก่อนดีกว่าว่าคืออะไร
Pixel art และ animated sprite คืออะไร?
Pixel เป็นหน่วยของภาพ คือจุดบนภาพที่เล็กที่สุดมีขนาด 1 pixel หรือย่อว่า 1px ซึ่งภาพๆหนึ่งประกอบไปด้วยจุดภาพและจำนวนพิกเซลมากมาย และแต่ละภาพมีจำนวนจุดภาพที่แตกต่างกันไป เรียกว่า ความละเอียดหรือความคมชัด เช่น หน้าจอขนาด 1920x1080 pixel ก็หมายความว่าด้านยาวมี 1920 จุด และด้านกว้าง 1080 จุด
Pixel มาจากคำว่า Picture(รูปภาพ) และ Element(องค์ประกอบ)
ดังนั้น pixel art ก็คือ การสร้างงานศิลปะจากจุดนั่นเอง
ซึ่งเราเห็น pixel art ในเกมสมัยก่อนที่เราเรียกกันว่า 8 bit นั่นเอง
animated sprite คือ การนำอนิเมชันจากรูปภาพหลายๆรูปภาพมาต่อกันเพื่อให้เกิดเป็นภาพเคลื่อนไหว
เอาล่ะตอนนี้เรามาทำความรู้จักกับ Piskel กันดีกว่าา
ทำไมต้อง Piskel?
เพราะ Piskel มีความสามารถดังต่อไปนี้
Live preview : สามารถตรวจสอบตัวอย่างภาพเคลื่อนไหวที่ผู้ใช้งานวาดแบบเรียลไทม์ ปรับความล่าช้าของเฟรมได้ทันที
Google Sign in : ไม่จำเป็นต้องจำรหัสเพิ่ม แค่ใช้แอคเคาท์กูเกิลในการล็อคอิน
Export to GIF, PNG… : สามารถส่งออกไฟล์ได้หลายรูปแบบไม่ว่าจะเป็น GIF , spritesheet PNG/ZIP
Open Source : Code ทั้งหมดเป็น Open Source สามารถหาได้ใน GitHub
Offline versions : มีแอพพลิเคชันออฟไลน์สำหรับ Windows, OSX และ Linux สามารถดาวน์โหลดได้ที่หน้า dowload
วิธีการใช้งาน
เข้าไปที่เว็บไซต์ Piskel
ทำการ Sign in ด้วยแอคเคาท์กูเกิล
ก็จะเข้าหน้า my gallery จะเห็นว่าเรายังไม่มีชิ้นงาน สามารถสร้างชิ้นงานโดยทำการคลิกที่ Create Sprites
จะเข้าสู่หน้าสำหรับสร้างชิ้นงานดังภาพข้างล่าง
ซึ่งวิธีใช้งานเครื่องมือนั้นไม่ยาก เพราะทางผู้พัฒนาบอกรายละเอียดวิธีการใช้ของแต่ละเครื่องมือ เพียงแค่เอาเมาส์ไปแตะแต่ละเครื่องมือนั้นๆ ดังภาพตัวอย่างข้างล่าง
เราสามารถศึกษา Keyboard shortcuts ได้จากปุ่มข้างล่าง
สังเกตชื่อไฟล์จะมีตัวดอกจันอยู่ข้างหลัง แสดงว่าชิ้นงานนั้นยังไม่ได้รับการบันทึกเป็นชิ้นงานล่าสุด
เราสามารถทำการบันทึกได้โดยการกด Ctrl+S หรือคลิกที่ไอคอน Save ซึ่งไอคอน Save ก็จะมีรายละเอียดต่างๆ ว่าเราต้องการบันทึกชิ้นงานลักษณะยังไง
จะบันทึกลงในแกลอรีของเรา หรือบันทึกเป็นไฟล์ .piskel
เมื่อเราบันทึกชิ้นงานเรียบร้อยแล้ว ต่อไปเราก็จะนำชิ้นงานนี้ส่งออกไปเป็นไฟล์ต่างๆแล้วแต่ว่าเราจะนำชิ้นงานนี้ไปทำอะไร
นี้ก็เป็นวิธีการใช้งานคร่าวๆ วิธีการใช้งานแบบละเอียดยิบสามารถรอติดตามกันได้นะคะ ขอบคุณที่เข้ามาอ่าน สวีดัด สวัสดีค่ะ รักษาสุขภาพกันด้วยนะคะ
