ทำ icon, drawble เพื่อแอพ Android, iOS โดยใช้ illustrator cc 2017

สวัสดีผู้ว่างมากทั้งหลายนะครับ พอดีว่างๆ เลยมาเขียนบล็อกต่อ เอาละหลายๆ คน ที่เป็น มือใหม่เวลาจะทำพวกไฟล์รูปหรือไอคอนสำหรับใช้ในการทำแอพ Android และ iOS คงจะปวดหัวกันใช่ย่อย วันนี้เรามาดูวิธีทำแบบโค-ตะ-ระง่าย สำหรับคนใช้ illustrator cc 2017 ได้ อาจจะไม่ต้องเป็น Developer ก็ทำได้ หรือคุณเป็น Designer อยู่แล้วยิ่งง่ายใหญ่เลย งั้นเราไปดูกันว่าทำอย่างไร

  1. เปิดโปรแกรม Adobe illustrator cc 2017 ขึ้นมา จากนั้นก็ New File กำหนดขนาด artboard ที่เราต้องการ เช่น android ตัว dev อยากได้รูปขนาด 42dp X 42dp เราก็กำหนดขนาดเป็น 42px X 42px (ในตัวอย่างจะทำไอคอนแอพของ android เลยกำหนดขนาดเป็น 512px X 512px) กำหนดเสร็จก็กด Create

2.ขั้นต่อมาก็ลงมือวาดไอคอนต่างๆ ที่เราต้องการ หรือหากอยากสร้างไอคอนขึ้นมาอีกหลายๆ อัน แนะนำให้สร้าง artboard ขึ้นมาต่อไอคอน 1 อันนะครับ

3.เมื่อเสร็จแล้ว ให้ไปที่ File > Export > Export for Screens จะขึ้นหน้าต่างดังรูปด้านล่าง จากนั้นก็เลือก artboard ของไอคอนที่เราต้องการ จะเห็นว่าขวามือเราจะมี ให้เลือกดังนี้

  • Formats: 
     — iOS
     — Android

จะเห็นว่ามีขนาดสำหรับ platform นั้นๆ ดังตัวอย่างจะ Export สำหรับ Android 
(ldpi ลบออกเลยก็ได้ครับ ใช้ตั้งแต่ mdpi ก็เพียงพอแล้ว) จากนั้นกำหนด Export to: เลือกโฟลเดอร์ที่เราต้องการบันทึกรูปที่เรา Export เลือกแล้วก็กด Export Artboard

4.และแล้วเราก็ได้รูปไอคอนตามขนาดที่ต้องการ สำหรับใช้ในการทำแอพ Android และ iOS แล้ว

เห็นไหมครับง่ายนิดเดียว Designer หรือมือใหม่คราวนี้แค่ใช้ illustrator ได้การทำไอคอนสำหรับแอพก็ไม่ใช่เรื่องยากอีกต่อไป โอเคงั้นสวัสดีเหล่าผู้ว่างมากทั้งหลายนะครับ ขอให้สนุกในการทำแอพ…