Thursday, June 12, 2008

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

ต่อจากของเดิม
http://surapongu.blogspot.com/2008/06/inkscape.html

เราจะเพิ่มการตกแต่งสักหน่อย โดยอ้างอิงจากรูปนี้

ขั้นตอน
1. สร้างรูปให้ได้ตามกำหนด
2. Duplicate พื้นสีน้ำเงิน เปลี่ยนเป็นสีขาว กำหนดไล่สีจากสว่างมากไปสว่างน้อย แล้วลากไปวางไว้ที่ส่วนบนของปุ่ม ขั้นตอนนี้อาจต้องลองผิดลองถูกจนกว่าจะได้สีตามต้องการ
3. Duplicate พื้นสีน้ำเงิน เปลี่ยนเป็นสีขาว กำหนด blur ให้สูงๆ ลากมาวางที่ส่วนล่างของปุ่ม

4. เอาตัวหนังสือมาวาง ก็เสร็จเรียบร้อยครับ

5. ลองปรับเงาให้ไปอยู่ข้างใต้แทน โดยย้ายเงาเดิมออกมา ปรับขนาดให้เล็กลง แล้วเปลี่ยนค่า blur กับ opacity ก็จะได้รูปแบบที่ต่างออกไป

เสร็จแล้วครับ ลองเอาไปปรับเปลี่ยนได้

ขอบคุณมากๆครับ กับบทความต้นฉบับ http://howto.nicubunu.ro/shiny_web_buttons_inkscape/

No comments:

Post a Comment