วันพฤหัสบดีที่ ๑๒ มิถุนายน พ.ศ. ๒๕๕๑

สร้างปุ่มกดด้วย Inkscape

อ้างอิงจาก
http://howto.nicubunu.ro/shiny_web_buttons_inkscape/

วันนี้เราจะลองสร้างปุ่มกดสำหรับเว็บด้วย Inkscape แบบนี้ครับ

ขั้นตอน
1. เรียกโปรแกรม Inkscape (ดาวน์โหลดได้ฟรีที่ http://www.inkscape.org/)
2. สร้างพื้นปุ่ม เลือกสีตามชอบ ในที่นี้ผมเลือกสีน้ำเงิน
3. Duplicate ปุ่มนี้ เปลี่ยนสีเป็นสีดำ จากนั้นปรับสีแบบไล่สี (gradient) จากมืดไปสว่าง
4. จากนั้นลากไปทับรูปสีน้ำเงิน
5. Duplicate พื้นของปุ่มนี้ เปลี่ยนสีเป็นสีดำ ปรับค่า blur ให้สูงขึ้น

6. ลากมาวางทับปุ่มหลัก กำหนดให้ไปอยู่หลังสุดของภาพ


7. สร้างตัวหนังสือมาวางทับ ได้รูปแบบแรกดังนี้

แลัวมาต่อรูปอื่นกันครับ