19 ตุลาคม 2556

[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 โดยเด็ดขาด นำไปใช้โฆษณาหรือโปรโมตตามเว็ปไซต์ได้ตามใจชอบ (ไม่ทราบสาเหตุเหมือนกัน แต่ในเว็ปแจ้งมาแบบนี้)


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


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




เหล่าพันธมิตรแอนดรอยด์

Devahoy Layer Net NuuNeoI The Cheese Factory Somkiat CC Mart Routine Artit-K Arnondora Kamonway Try to be android developer Oatrice Benz Nest Studios Kotchaphan@Medium Jirawatee@Medium Travispea@Medium