Visual Studio Image Library

เมื่อก่อนตอนสมัยที่ผมข้ามจาก Visual Studio 6 มาใช้ Visual Studio 2008 นั้น ผมเพิ่งจะได้รู้ว่า ไมโครซอฟต์ได้แถมคลังรูปภาพไว้ใช้สำหรับทำปุ่มต่างๆในสไตล์ของไมโครซอฟต์มาให้ เรียกว่า Visual Studio Image Library ซึ่งความจริง Image Library นี้มีมาตั้งแต่ Visual Studio รุ่น 2005 โดยไฟล์จะอยู่ในโฟลเดอร์ ดังตาราง

Visual Studio 2005	C:\Program Files\Microsoft Visual Studio 8\Common7\VS2005ImageLibrary\VS2005ImageLibrary.zip
Visual Studio 2008	C:\Microsoft Visual Studio 9.0\Common7\VS2008ImageLibrary\1033\VS2008ImageLibrary.zip
Visual Studio 2010	C:\Microsoft Visual Studio 10.0\Common7\VS2010ImageLibrary\1033\VS2010ImageLibrary.zip

ตอนนั้นน่าจะมีภาพอยู่ประมาณ 1,000 ภาพ แต่ตั้งแต่ Visual Studio 2012 เป็นต้นมา ไมโครซอฟต์ไม่ได้รวมชุด Visual Studio Image Library ไว้ใน Released Package ด้วย ซึ่งผมก็ไม่ได้สนใจหามาเพราะมีไฟล์เก่าของ VS2008 อยู่ จนกระทั่งวันนี้ ผมได้ติดตั้ง Visual Studio 2013 และต้องการใช้ Image Library ขึ้นมา ก็เลยค้นหาดู พบว่า ไมโครซอฟต์มีให้ดาวโหลด อยู่ที่

http://www.microsoft.com/en-us/download/details.aspx?id=35825

เห็นเขียนไว้ในรายละเอียดว่ามีภาพถึง 5,000 ภาพ เช่น

 ใครสนใจก็ลองดาวโหลดมาใช้ดู แต่อย่าลืมอ่านเงื่อนไขการใช้งานด้วยนะครับ

อ้างอิง

1. Microsoft Corporation, How to Get High-Quality Icons Using Visual Studio Image Library

การแปลงภาพไปเป็น SVG ไฟล์ด้วย Open Source Software

การแปลงไฟล์ภาพไปเป็น SVG ที่จะแนะนำนี้ ใช้โปรแกรม 2 ตัวคือ GIMP และ Inkscape

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

1. เริ่มต้นจากการใช้โปรแกรม GIMP เปิดภาพมา
2. แล้ว ใช้ Select เพื่อเลือกสิ่งที่ต้องการเก็บข้อมูลเวกเตอร์ ในที่นี้เรียกว่า Path โดยปกติก็เลือกจากสี (เมนู Select/By Color, Shift+O)
3. เมื่อ เลือกสิ่งที่ต้องการแล้ว ก็แปลงไปเป็น Path โดยเลือกเมนู Select/To Path ผลลัพธ์ที่ได้ จะไปปรากฏอยู่ในหน้าต่าง Layers, Channels, Paths ... (เมนู Windows/Layers, Channels, Paths, ...)
4. ถ้ามองไม่เห็นว่ามันไปอยู่ตรงไหน ก็กดที่ Tab ที่ 3 ที่เป็นรูป จุดและเส้น ดังรูป
5. เมื่อได้ Path มาแล้ว ก็คลิกเมาส์ปุ่มขวาที่ Path ที่ต้องการ จะมี Popup เมนูขึ้นมา เลือกเมนู Export Path บันทึกไฟล์ไว้
6. เมื่อ ได้ไฟล์แล้ว ใช้ Inkscape Import ไฟล์เข้าไป เพื่อรวมกับภาพอื่นๆ แต่ก่อนที่จะไปตบแต่งอย่างอื่น ควรจะเลือกเมนู Object/Fill and Stroke... เพื่อระบายสีเข้าไปใน Path เพราะ Path ที่ได้มานั้นเป็นเพียงเส้นขอบของวัตถุที่เราเก็บค่ามา

สุดท้ายก็บันทึกไฟล์ จะเป็น SVG หรือไฟล์แบบอื่นๆก็ได้ ตามที่ Inkscape สามารถทำได้