หลายครั้งที่เราจำเป็นต้งอใช้ tab bar icon ใน iPhone Application ของเราเอง แต่แค่ icon ต่างๆที่ระบบจัดเตรียมมาให้อาจไม่เพียงพอต่อความต้องการ โชคดีที่ยังมีคนใจดีหลายคน แจก tab bar icon ให้เราหา download มาใช้ได้ฟรี เช่นที่นี่ ที่นี่ และ ที่นี่ แต่หลายครั้งที่หาไม่เจอที่ตรงกับที่เราต้องการ หรือไม่ก็อยากจะใช้รูปที่เรามามาทำเป็น tab bar icon เสียเอง ทำให้เราต้องออกแรงทำ tab bar icon ขึ้นมาใช้เองล่ะ
entry นี้จะใช้ Gimp ในการเปลี่ยนรูปที่เรามีอยู่แล้วให้กลายเป็นรูปที่นำมาใช้เป็น tab bar icon ได้
หลังจากมีรูปที่ต้องการนำมาทำเป็น tab bar icon และเปิดด้วย Gimp ขึ้นมาแล้ว ขั้นตอนต่อไปมีดังนี้
1. เปลี่ยนรูปให้เป็นภาพ Grayscale ก่อน ที่เมนู เลือก Image > Mode > Grayscale จากนั้นพิจารณาดูว่าพื้นที่ที่เราต้องการให้แสดงตรงตามต้องการหรือไม่ (พื้นที่สีดำ จะไม่ถูกวาด พื้นที่สีขาวที่เท่านั้นที่เราจะใช้งาน) ถ้ายังให้ลองปรับความเข้าของสีดำ/ขาว หรือไม่ก็ Invert สีดำ/ขาว ก็ได้
2. สร้าง layer ใหม่ขึ้นมาและกำหนด background เป็นสีขาว พร้อมทั้งให้ layer ใหม่ที่สร้างขึ้นอยู่ด้านล่างรูปที่เราจะใช้งาน
3. click ขวาที่ layer ที่สร้างใหม่จากข้อ 2 (layer ด้านล่าง) แล้วเลือก Add Layer Mask... จะมีหน้าต่างเล็กๆขึ้นมา ให้เลือก Black (full transparency) จากนั้นกดปุ่ม Add
4. click เลือก layer รูปของเรา (layer บนสุด) จากนั้นเลือกเครื่องมือ Clone Tool (รูปกล้องถ่ายรูป) และกดปุ่ม Ctrl ค้างไว้ พร้อมกับนำ mouse มา click ที่มุมบนซ้ายของภาพ เพื่อเริ่มต้นการ copy
5. กำหนดให้ layer บนสุด invisible (click ที่รูปตาในหน้าต่าง layer) และเลือก layer ล่าง
6. เลื่อน mouse มาไว้มุมบนขวาสุด (ขณะนี้ pointer ยังเป็น Clone Tool อยู่) ในตำแหน่งเดียวกับที่เรา click มุมบนซ้ายจากข้อ 4
7. ลาก pointer ไปให้ทั่ว จะเห็นภาพที่เราจะใช้ถูก clone ขึ้นมา
เสร็จแล้วจะได้รูปออกมาลักษณะนี้
สังเกตเห็นว่า หากรูปต้นแบบที่เราจะนำมาใช้ไม่ได้ใช้สีที่เข้มมากพอ ผลลัพธ์ที่ได้จะเป็น icon ที่สีของ icon ไม่ค่อยชัดเจน (ดูจางๆ) นั่นเอง
อ่านต่อ: iPhone HIG
Related Link from Roti
entry นี้จะใช้ Gimp ในการเปลี่ยนรูปที่เรามีอยู่แล้วให้กลายเป็นรูปที่นำมาใช้เป็น tab bar icon ได้
หลังจากมีรูปที่ต้องการนำมาทำเป็น tab bar icon และเปิดด้วย Gimp ขึ้นมาแล้ว ขั้นตอนต่อไปมีดังนี้
1. เปลี่ยนรูปให้เป็นภาพ Grayscale ก่อน ที่เมนู เลือก Image > Mode > Grayscale จากนั้นพิจารณาดูว่าพื้นที่ที่เราต้องการให้แสดงตรงตามต้องการหรือไม่ (พื้นที่สีดำ จะไม่ถูกวาด พื้นที่สีขาวที่เท่านั้นที่เราจะใช้งาน) ถ้ายังให้ลองปรับความเข้าของสีดำ/ขาว หรือไม่ก็ Invert สีดำ/ขาว ก็ได้
2. สร้าง layer ใหม่ขึ้นมาและกำหนด background เป็นสีขาว พร้อมทั้งให้ layer ใหม่ที่สร้างขึ้นอยู่ด้านล่างรูปที่เราจะใช้งาน
3. click ขวาที่ layer ที่สร้างใหม่จากข้อ 2 (layer ด้านล่าง) แล้วเลือก Add Layer Mask... จะมีหน้าต่างเล็กๆขึ้นมา ให้เลือก Black (full transparency) จากนั้นกดปุ่ม Add
4. click เลือก layer รูปของเรา (layer บนสุด) จากนั้นเลือกเครื่องมือ Clone Tool (รูปกล้องถ่ายรูป) และกดปุ่ม Ctrl ค้างไว้ พร้อมกับนำ mouse มา click ที่มุมบนซ้ายของภาพ เพื่อเริ่มต้นการ copy
5. กำหนดให้ layer บนสุด invisible (click ที่รูปตาในหน้าต่าง layer) และเลือก layer ล่าง
6. เลื่อน mouse มาไว้มุมบนขวาสุด (ขณะนี้ pointer ยังเป็น Clone Tool อยู่) ในตำแหน่งเดียวกับที่เรา click มุมบนซ้ายจากข้อ 4
7. ลาก pointer ไปให้ทั่ว จะเห็นภาพที่เราจะใช้ถูก clone ขึ้นมา
เสร็จแล้วจะได้รูปออกมาลักษณะนี้
สังเกตเห็นว่า หากรูปต้นแบบที่เราจะนำมาใช้ไม่ได้ใช้สีที่เข้มมากพอ ผลลัพธ์ที่ได้จะเป็น icon ที่สีของ icon ไม่ค่อยชัดเจน (ดูจางๆ) นั่นเอง
อ่านต่อ: iPhone HIG
Related Link from Roti


0 comments:
Post a Comment