โปรแกรม Inkscape จะมีเครื่องมือ Zoom อยู่หลายรูปแบบ ซึ่งในกรณีนี้ เราสามารถใช้เครื่องมือ Zoom เฉพาะส่วนของผลงานได้ ซึ่งจะทำให้มุมมองของหน้าจอ เลื่อนไปที่บริเวณที่มีชิ้นงานโดยอัตโนมัติ

รูปภาพ

ในการส่งออกภาพจากโปรแกรม Inkscape ภาพที่ได้จะมีค่าของสีพื้นหลังติดมาในภาพด้วย ซึ่งค่าปริยายของ Inkscape นั้น สีพื้นหลังของภาพที่ส่งออกจะเป็นค่าที่โปร่งใส คือไม่มีสี หากต้องการส่งออกภาพให้มีสีด้วยจะต้องตั้งค่าของคุณสมบัติเอกสาร โดยไปที่เมนูแฟ้ม > คุณสมบัติเอกสาร จะปรากฏหน้าต่างการตั้งค่าคุณมาบัติเอกสารขึ้นมา ให้คลิกกำหนดค่าที่ช่อง พื้นหลัง ก่อนการส่งออกภาพ ซึ่งจะทำให้ภาพที่ส่งออกมีพื้นหลังตามที่กำหนด

รูปภาพ

โปรแกรม Inkscape จะมีแนวของขอบกระดาษมาให้ในชิ้นงาน เพื่อให้เราสามารถทราบขอบเขต และขนาดของงานที่ทำได้ โดยค่าปริยายของโปรแกรมจะกำหนดค่าของขนาดกระดาษดังกล่าวไว้ที่ A4 ในแนวตั้ง หากต้องการเปลี่ยนขนาดหรือตั้งค่าเป็นแนวนอน เราสามารถตั้งค่าได้ที่เมนูแฟ้ม > คุณสมบัติเอกสาร โดยให้กำหนดที่ช่อง รูปแบบ

1.หน้ากระดาษปกติ

รูปภาพ

2.ไปที่เมนู แฟ้ม > คุณสมบัติเอกสาร

รูปภาพ

3.กำหนดเป็นแนวนอน

รูปภาพ

4.หน้ากระดาษจะเปลี่ยนเป็นแนวนอน

รูปภาพ

ในบางครั้งที่เราใช้ Inkscape บนหน้าจอที่ไม่ใหญ่มากนัก โปรแกรมจะไม่สามารถแสดงไอคอนของเครื่องมือได้หมด ซึ่งจะทำให้การใช้งานติดขัดอยู่บ้าง ในกรณีโปรแกรม Inkscape มีส่วนที่จะสามารถปรับขนาดของไอคอนให้เล็กลงได้ เพื่อให้ใช้พื้นที่การแสดงผลน้อยลง ซึ่งสามารถทำได้ดังนี้

1.ที่โปรแกรม Inkscape คลิกที่เมนูแฟ้ม > ปรับแต่ง Inkscape

รูปภาพ

2.จะปรากฏหน้าต่างปรับแต่งค่า Inkscape
3.ที่ช่องด้านซ้าย ให้คลิกเลือก Interface
4.ที่ส่วนของ Toolbox icon size ให้เลือก Smaller

รูปภาพ

5.ปิด Inkscape แล้วเปิดใหม่ จะพบว่าไอคอนคำสั่งต่างๆ ขนาดเล็กลงแล้ว

หลังจากแก้ไข Bug กว่า 6 เดือน ทีมพัฒนา Inkscape ได้ออกรุ่น 0.48.1 แล้ว โปรแกรม Inkscape เป็นโปรแกรมแก้ไขภาพกราฟิกแบบเวกเตอร์ที่เป็นซอฟต์แวร์โอเพนซอร์สที่ได้รับความนิยมอย่างสูง Inkscape 0.48.1 แก้ไข Bug กว่า 80 จุดและเพิ่มประสิทธิภาพการทำงานในทุกๆ แพลตฟอร์ม Inkscape 0.48.1 แก้ไขปัญหาเรื่องการใช้งานบน Mac OSX 10.6 การบันทึกไฟล์รูปแบบ xcf การเปิดไฟล์ PDF หน้าจอภาษาต่างๆ สำหรับ Bug อื่นๆ ที่แก้ไขไม่ทันตามระยะเวลาจะออกในรุ่นถัดไปคือ Inkscape 0.49 คุณสามารถดาวน์โหลด Inkscape ได้แล้วที่เว็บไซต์ Inkscape ซึ่งสามารถใช้งานได้บน Windows, Mac OS X และ Linux

ผมชอบเป็นครูพักลักจำด้วยความอยากรู้ว่าร้าน Format บน The Mall โคราชใช้โปรแกรม Illustrator ยังไง ผมเลยได้ไปลองใช้บริการดู จำได้นิดๆ หน่อยๆ เรื่องออกแบบนามบัตรนี่ต้องใช้ฝีมือกันพอสมควรแต่ที่ตกใจเขาใช้เวลาน้อยมากในการทำ ซึ่งเทียบได้กับใช้โปรแกรมพิมพ์นามบัตรทั่วๆไป ไปแอบดูเขาทำ ปรากฏว่ามีเทคนิคหนึ่งเรียกว่า Array Copy ประมาณว่าใส่ตัวเลขที่ต้องการจำนวนคัดลอกได้เลย ด้วยเหตุนี้เองมันถึงได้เร็วนักหนา เอาล่ะอันนั้นมันเป็นเรื่องของโปรแกรม Illustrator แต่เจ้า Inkscape ที่ผมพยายามใช้มาเกือบ 2 ปีนี่ก้อยังไม่ได้เรื่องเท่าไร

เวลาทำนามบัตรก้อปะติดปะต่อใช้เวลานาน แต่หลังจากพยายามติด Inkscpe ตัวใหม่ (ผมลง Inkscape ตั้งแต่แผ่นจันทราเวอร์ชันเขียวๆ) ก้อพบว่าภายใต้เมนู Edit มีเมนู Clone และ Create Tiled Clones เจ้านี่แหละคือเคล็ดลับที่จะมาทำนามบัตรให้เร็วเท่ากับร้าน Format ล่ะ เอ้ามาลองดูซิว่าทำอย่างไรกัน

เริ่มจากเปิด Inkscape ขึ้นมาหน้ากระดาษทำงานของคุณจะเป็นขนาด A4 โดยปกติ ให้คุณกำหนดขนาดกระดาษทำงานเสียใหม่เป็น 3.5×2.0 นิ้ว โดยคลิกที่ File > Document Properties… เพื่อใช้ทำต้นแบบนามบัตร


 

ออกแบบนามบัตรของคุณให้สวยงาม (อันนี้แล้วแต่ฝีมือนะครับ ช่วยไม่ได้จริงๆ) ตีกรอบด้วยเส้นประบางๆ เพื่อเป็นแนวเส้นสำหรับตัดในภายหลัง แล้วจัดกลุ่มวัตถุทั้งหมดให้เรียบร้อย และแล้วนามบัตรของผมก้อออกมาเป็นแบบนี้ครับ

หลังจากที่ได้นามบัตรอันสวยงามของเราแล้ว ให้คุณกำหนดขนาดกระดาษทำงานเสียใหม่เป็น A4 เพื่อทำเป็นเอกสารสำหรับพิมพ์ คลิกที่ File > Document Properties…

จัดนามบัตรให้ห่างจากขอบบนและขอบซ้ายประมาณ 0.5 นิ้ว

คลิกเลือกที่นามบัตรของเราไว้แล้วสั่ง Clone แบบ Tile โดยคลิกที่เมนู Edit > Clone > Create Tiled Clones… ตั้งค่าดังภาพ

กดปุ่ม Create คุณจะพบว่านามบัตรที่คุณเลือกใบเดียวจะถูก Clone ออกมาเป็น 10 ใบวางเรียงอย่างสวยงามดังภาพ


 

หากระดาษสีหอมๆ หรือกระดาษหนาๆ มาสั่ง print ได้เลย ใครจะใช้เทคนิคนี้เอาไปทำมาหากิน เปิดร้านรับทำนามบัตรโดยใช้ Inkscape ก้อไม่ว่ากันครับ :)

วันนี้มาเขียนเทคนิคการใช้ Mask ในการทำภาพ reflect แบบเว็บ 2.0 โดยใช้ Inkscape นึกภาพไม่ออกก้อเลื่อนไปดูภาพสุดท้ายเอาละกันนะครับ :) เทคนิคที่ใช้เป็นการ Mask ภาพ 2 ภาพโดยสร้างภาพ Gradient ไว้หนึ่งภาพแล้วใช้ภาพนี้เป็น Mask ของภาพตัวอักษร ขั้นตอนการทำมีดังนี้ 

 

1. เปิดเอกสารแล้วพิมพ์ข้อความลงไปดังภาพ

2. จากนั้น Clone ภาพ แล้วปรับให้เป็นภาพกลับหัว (Edit > Clone > Create Clone )

3. สร้างรูปสี่เหลี่ยมขึ้นมาซ้อนภาพตัวอักษรดังภาพ

4. จัด Gradient รูปสี่เหลี่ยมแบบไล่สี ขาว- ดำ บนลงล่าง

5. สร้าง Mask ของสี่เหลี่ยมลงบนตัวอักษร กด Tab เพื่อเลือกตัวอักษร (ด้านล่าง) ก่อน แล้วกด Shift เลือกสี่เหลี่ยมด้านบน จากนั้นคลิกเมนู Object > Mask > Set จะได้ดังภาพ

6. จัด Opacity สักประมาณ 20% จะได้ดังภาพ


 

7. ทาด้าาาาา เสร็จแล้ว

มาวาดภาพเวกเตอร์ด้วย Inkscape กันอีกรอบครับ คราวนี้มาหัดวาดมนุษย์หิมะกัน ด้วยเส้นตรงและเส้นโค้งง่ายๆ ครับ เทคนิคที่ใช้ในงานวาดครั้งนี้มีไม่มากครับ คือรูปสี่เหลี่ยม รูปวงรี รูปสี่เหลี่ยม รูปทรงกระบอก รูปทรงกรวย และการประยุกใช้รูปทรงพื้นฐานมาประกอบเป็นรูปทรงอื่นๆ

เริ่มต้นด้วยการวาดวงกลม 2 วงซ้อนกันโดยวงกลมที่เป็นส่วนหัว ซ้อนทับวงกลที่เป็นส่วนลำตัว ใส่ลูกตาวงรีสีดำ 2 ดวง ดังภาพ


จากนั้นวาดวงกลมเล็กๆ อีก 6 จุดเรียงเป็นรอยยิ้มดังภาพ


เพิ่มจมูกแครอทแหลมๆ เทคนิคให้วาดรูปสามเหลี่ยมจากนั้นกำหนดจุดโค้ง ปรับจุดโค้ดเราก้อจะได้รูปกรวยยาวๆดังภาพ


วาดส่วนปีกหมวก วงรีทับบนหัวดังภาพ


เปลี่ยนสีเป็นสีดำ แล้ววาดสี่เหลี่ยมเพื่อเป็นตัวหมวก แล้วปรับเอียงดังภาพ


เปลี่ยนเป็นสีพื้นหลังเป็นสีดำ แล้วใส่ริบบิ้นตรงหมวกสีแดงดังภาพ


จากนั้นวาดวงรีบนตัวหมวกเพื่อเน้นรูปทรงกระบอกของหมวกดังภาพ


จากนั้นเปลี่ยนโดยใช้ Gradients สีดำ-ขาว ดังภาพ


จากนั้นวาดผ้าพันคอโดยร่างโครงร่างด้วย Bezier curves and straight lines ดังภาพ


ดัดเส้นหยักๆ ให้โค้งได้รูป กำหนดขนาดเส้นขอบให้ดูหนา ดังภาพ


จากนั้นใส่ลายผ้าพันคอ โดยเปลี่ยนสีพื้นผ้าพันคอเป็นแถบสีแดงๆ แล้ววาดแถบสีดาวลงไปดังภาพ


วาดเส้นตรงแนวตั้ง เพื่อเป็นชายผ้าพันคอสีแดงแล้วใส่ลายแถบสีขาวเช่นเดิมวาดวงกลมเล็กๆ 3 อัน เป็นกระดุมเสื้อ ดังภาพ


จากนั้นเติมแขนโดยใช้โครงร่างด้วย Bezier curves and straight lines เช่นเดิม เปลี่ยนสีเป็นสีพื้นสีน้ำตาล ดังภาพ


แล้วเราก้อได้มนุษย์หิมะแล้วครับ


 

นึกถึงตอนสะสมแสตมป์สมัยเป็นเด็กๆ เวลาหาแสตมป์ที่เราต้องการทีไรมักจะหายาก หรือได้มาแล้วไม่ค่อยคุ้มค่ากับการรอคอยสักเท่าไร หรือมีภาพสวยๆ อยู่แล้วแต่อยากทำเป็นแสตมป์ไปปั๊มออกมาเป็นแผ่นๆ ฉีกแจกเพื่อนมันก้อยังไงอยู่ครับ เอา Inkscape มาทำภาพแสตมป์กันดีกว่าครับ อืมมทำภาพแสตมป์น้องหมีโคอาล่าน่ารักๆ ดีกว่าครับ มาดูวิธีการกันดีกว่า

สร้างภาพแผ่นแสตมป์ขึ้นมาก่อนครับ ผมใส่สีเขียวๆจะได้เห็นชัด สร้างวงกลมเล็กๆ สีแดงๆ ขึ้นมาอันนึงครับ

 

 

จากนั้นให้เลือกวงกลมสีแดงแล้วเลือกตัวแสตมสีเขียว

 

 

เลือกเมนู Effects > Generate from Path > Pattern along Path กำหนดค่าดังรูป

 

 

กดปุ่ม OK เราจะได้ภาพวงกลมแดงๆ ล้อมรอบสี่เหลี่ยมสีเขียวดังภาพ

 

 

จากนั้นเลือกตัวแสตมป์และกรอบจุดๆ สีแดง คลิกเมนู Path > Difference เราก็จะได้แสตมป์ปรุๆ ดังรูป

 

 

คัดลอกแล้วเปลี่ยนเป็นสีดำวางไว้ข้างล่างเพื่อเป็นเงา จากนั้นเปลี่ยนสีพื้นแสตมป์ให้ออกสีขาวๆ เทาๆ

 

 

จากนั้นเลือกพื้นสีดำกำหนด blur ให้ตัวแสตมป์มีมิติ

 

 

ใส่ภาพและข้อความลงไปเลยครับ ผมเอาน้องหมีโคอาล่ามาใส่ น่ารักมั๊ยคับ
 

 

ภาพสติกเกอร์แปะแล้วมีมุมพับหรือที่เราเรียกว่า dogear ใครว่า Inkscape ทำไม่ได้ ผมเห็นเว็บสอนใช้งาน Illustrator หลายเว็บไซต์สอนการดาวน์โหลด 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

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

เสร็จแล้ว :)