19 October 2013

[Android Design] Device Art Generator - สร้างภาพตัวอย่างง่ายๆ บนภาพอุปกรณ์แอนดรอยด์


        บทความครั้งนี้จะว่าเป็นเกร็ดเล็กเกร็ดน้อยสำหรับการออกแบบก็ว่าได้ ในคราวนี้ไม่ใช่การออกแบบแอปพลิเคชันให้ดูดีขึ้นแต่อย่างใด แต่จะเป็นการทำภาพประกอบสำหรับใช้โปรโมตหรือภาพใช้แสดงโชว์
        ปกติแล้ว เวลาต้องการถ่ายภาพตอนใช้งานแอป โดยที่ให้ภาพอยู่บนหน้าจอ มักจะมีปัญหากับภาพที่ได้บ่อยๆ นิยมใช้วิธีง่ายๆอย่างการหาภาพเครื่องที่ต้องการ แล้วนำภาพจากหน้าจอไปวางบนภาพเครื่องนั้นๆเลย แต่บางครั้งก็มีปัญหากับภาพเครื่องที่ได้ไม่ชัดเสียเลย

        แต่ปัญหานี้จะหมดไป ถ้าใช้ Device Art Generetor มาช่วย ซึ่งเป็นตัวช่วยเล็กๆน้อยๆจาก Android Developer ที่จะทำให้ภาพหน้าจอมาอยู่บนภาพเครื่องตามที่เราต้องการ Device Art Generator [Android Developer]

        เมื่อเข้าสู่หน้า Device Art Generator จะเห็นกับเครื่องตระกูล Nexus ให้เลือก


        เปิดหน้าต่าง Explorer ไปยังที่อยู่ของไฟล์ภาพหน้าจอแล้วเลือกภาพจากหน้าจอที่ต้องการใส่ในเครื่องที่ต้องการได้เลย



        เมื่อลากใส่แล้วให้รออัพโหลดภาพซักพัก เมื่อเสร็จแล้วจะแสดงภาพบนหน้าจอที่ข้างล่าง



        สามารถปรับได้ว่าจะเอาแบบมี Shadow กับ Screen Glare หรือไม่ และกดปุ่ม Rotate เพื่อหมุนตัวเครื่องได้ทั้ง 4 ทิศ


        Shadow ก็คือเงานั่นเอง 

ภาพเปรียบเทียบระหว่างปิด(ซ้าย) กับเปิด(ขวา) Shadow


        Screen Glare ก็คือเงาที่เกิดจากการสะท้อนหน้าจอ

ภาพเปรียบเทียบระหว่างปิด(ซ้าย) กับเปิด(ขวา) Screen Glare


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



        คำเตือน : อย่านำภาพจาก Device Art Generator ไปใช้เป็น Feature Graphic หรือภาพ Screenshot ใน Developer Console เพื่อใช้เป็นภาพแสดงใน Google Play โดยเด็ดขาด นำไปใช้โฆษณาหรือโปรโมตตามเว็ปไซต์ได้ตามใจชอบ (ไม่ทราบสาเหตุเหมือนกัน แต่ในเว็ปแจ้งมาแบบนี้)


        จบท้ายด้วยวีดีโอตัวอย่างการใช้งาน


        ลองเอาไปใช้ดู สะดวกดีนะเออ