ต่อจากของเดิม
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