ทำภาพสติกเกอร์ (dogear) บน Inkscape


แหมใครว่าซอฟต์แวร์โอเพนซอร์สดีๆ อย่าง Inkscape ทำไม่ได้

ภาพสติกเกอร์แปะแล้วมีมุมพับหรือที่เราเรียกว่า dogear ใครว่า Inkscape ทำไม่ได้ ผมเห็นเว็บสอนใช้งาน Inllustrator หลายเว็บไซต์สอนการดาวน์โหลด dogear สำเร็จรูปแต่ไม่สอนวิธีการทำ เลยเกิดอาการคัดไม้คันมือลองทำดูบ้างผลที่ได้ก็เป็นที่น่าพอใจครับ แหมใครว่าซอฟต์แวร์โอเพนซอร์สดีๆ อย่าง Inkscape ทำไม่ได้ เอาล่ะ How-to ในครั้งเลยก็เลยถือโอกาสสอนการทำ dogear ซะเลย ดูภาพตัวอย่างกันก่อนครับ ว่าผลงานล่าสุดของเราจะเป็นแบบนี้

วิธีการทำภาพ dogear บน inkscape เราต้องคิดเป็นแบบ vector และใช้เครื่องมือ vector ให้เป็น เครื่องมือที่เราจะใช้กันวันนี้คือ เครื่องมือสร้างวงกลม, เครื่องมือปากกาคอแร้ง, เครื่องมือหมุนภาพแนวตั้ง, เครื่องมือหมุนภาพแนวนอน, Clone, Path Difference, Path Cut Path, Blur และ Opacity เอาล่ะมาเริ่มกันเลย วาดวงกลมสีฟ้าขึ้นมา 1 วงครับ

ใช้เครื่องมือปากกาคอแร้งวาดส่วนที่เราต้องการพับดังภาพ

จากนั้นเลือก object ทั้ง 2 อันแล้วสั่ง Cut Path ที่เมนู Path > Cut Path สีภาพจะหายไปให้ใช้แถบสีข้างล่างเพื่อใส่สีให้กับ object ทั้ง 2 อัน (ใส่คนละสีเพื่อให้เห็นความแตกต่าง)

จากนั้นกลับภาพรอยพับ (สีเหลือ) ใช้เครื่องมือหมุนภาพแนวนอน 1 ครั้ง และเครื่องมือหมุนภาพแนวตั้ง 1 ครับ จะได้ดังภาพ

Clone ภาพตัวสติกเกอร์สีฟ้า แล้วเปลี่ยนสีเป็นสีชมพู

Clone ภาพตัวสติกเกอร์สีชมพู แล้วเปลี่ยนสีเป็นสีเขียว

เลือกภาพตัวสติกเกอร์สีเขียวเลื่อนเยื้องไปข้างบน

เลือกภาพตัวสติกเกอร์สีชมพูและภาพตัวสติกเกอร์สีเขียว ใช้เครื่องมือ Path Difference เพื่อตัดภาพที่ไม่ต้องการออก

เปลี่ยนภาพตัวสติกเกอร์สีชมพูที่ถูกตัดเป็นสีดำ

กำหนดความเบลอและ Opacity เพื่อให้เกิดเงา

เปลี่ยนสีภาพลิ้นมีเหลืองเป็นสีดำ

Clone ภาพลิ้นมีดำเปลี่ยนเป็นสีฟ้า

เลือกภาพลิ้นสีดำข้างล่าง (ใช้ปุ่ม Tab ในการเลือกได้) แล้วกำหนดความเบลอและ Opacity เพื่อให้เกิดเงา

Clone ภาพตัวสติกเกอร์สีฟ้าขึ้นมาทับเพื่อกำหนด clip set ของภาพ

เลือกภาพทั้งหมด (Alt+a) แล้วกำหนด clip set ภาพ เมนู Object > Clip > Set

ใส่ข้อความที่ต้องการ

เสร็จแล้ว :)

คำสำคัญ (Tags): #dogear#inkscape
หมายเลขบันทึก: 265611เขียนเมื่อ 4 มิถุนายน 2009 10:28 น. ()แก้ไขเมื่อ 21 มิถุนายน 2012 19:15 น. ()สัญญาอนุญาต: ครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-อนุญาตแบบเดียวกันจำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (0)

ไม่มีความเห็น

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท