วันนี้ลองเล่นกับ Star Tool ใน Inkscape



พบว่าเครื่องมือนี้นี่น่าสนใจดีทีเดียว ถ้าปรับแต่งดีๆ เราก็ได้รูปที่แปลกๆ ไม่ใช่วาดได้แต่รูปหลายเหลี่ยมเพียงอย่างเดียว



ลองใช้กันดูนะครับ

อันนี้เป็ปัญหาที่ผมเคยเจอมา คือใน Inkscape นี่เราสามารถ Export รูปออกมาเป็น .png ได้ครับ แต่ปัญหาคือ เวลาสั่ง แฟ้ม -> ส่งออกภาพบิตแมป แล้วเลือก "ส่วนที่เลือก" มันก็จะตัดเอาเฉพาะตัวรูป โดยที่ไม่เอาส่วนที่ blur หรือส่วนที่เส้นขอบ (stroke) ออกมา

ดังนั้นเมื่อ export เงาที่เราทำไว้ตอนที่แล้วออกมา มันเลยออกมาไม่ครบ ตัวอย่างเช่นผมสร้างสี่เหลี่ยมสองอัน อันนึงสีดำไว้ข้างหลัง + set blur ไว้ มันก็จะดูเหมือนเงาแบบนี้ใน inkscape



แต่ปรากฏว่าเมื่อเอา export เฉพาะส่วนที่เลือกแล้วมาดูกลับพบว่าเป็นแบบนี้



หายไปทั้ง เงา ทั้ง เส้นขอบเลย ลำบากแล้วใช่ไหมครับ มันมีเทคนิคแก้อยู่ครับ ที่ผมพอนึกออกก็มีสองแบบ

• เลือก Export เป็น "กำหนดเอง" แต่วิธีนี้ลำบากมากเพราะต้องมานั่งคำนวณว่าจะเอาจากตรงไหนถึงตรงไหน แถมใน inkscape เนี่ยจุด 0,0 มันอยู่ล่างซ้าย ไม่เหมือนพวกโปรแกรมจัดหน้าทั่วไปอีก เง็งเต๊ก!
• วาดสี่เหลี่ยมเป็นกรอบ แล้วค่อย export โดยให้ Fill เป็น none (คลิ๊กขวาตรง Fill ด้านล่าง แล้วเลือก "ลบสีพื้นออก) ส่วน Stroke เอาเป็นสีเทาอ่อนๆ ก็ดูพอไหว หรือจะลบ Stroke ออกไปเลยก็ได้ แล้ว export ทั้งหมดทีเดียว คราวนี้ก็จะมาครบแล้วครับ

เคยอยากวาดแผนที่สามมิติแบบ Isometric มาตั้งนานแล้ว แต่แต่ก่อนใช้โปรแกรมกราฟฟิคไม่ค่อยเก่ง + No idea เลยไม่ได้ทำซักที
วันนี้พอดีว่างๆ เลยลองใช้ Inkscape (เจ้าเดิม) ทำแผนที่โรงพยาบาลดู.. จะว่าไปแล้วเจ้า Inkscape นี่ก็สนุกดีเหมือนกันแฮะ (ไว้ว่างๆ จะมาโพสต์สอนไว้ละกัน)

โปรแกรม Inkscape เป็นโปรแกรมวาดรูปที่ผมคิดว่ามันทรงพลังพอๆ กับ Illustrator ทีเดียว (แต่จริงๆ ผมใช้ Illustrator ไม่เป็นแฮะ!) ช่วงนี้มักจะเห็นในเว็บ 2.0 นิยมสร้างเงาแบบทำให้กรอบภาพหรือกรอบข้อความดูลอยๆ อารมณ์ว่ากระดาษแปะเอาไว้อยู่ ก็เลยคิดว่า ลองทำดูบ้างดีกว่านะครับ



ก็เปิด Inkscape มาก่อนเลย แล้วก็วาดสี่เหลี่ยมอันนึง ใช้สีพื้น (Fill) เป็นสีเทา (ผมชอบอันที่อยู่ใน Tango) ไม่ต้องใส่ Stroke (คลิ๊กขวาตรง Stroke แล้วเลือก Remove Stroke)



ต่อมา ทำซ้ำทีนึง (กด Ctrl+D จะสะดวกกว่า.. โปรแกรม Inkscape เนี่ยมือนึงต้องอยู่บนคีย์บอร์ด อีกมือจับเม้าส์ น่าจะถนัดสุด)



ต่อมาแปลงสี่เหลี่ยมให้เป็นพาธ (ใครไม่รู้เรื่องก็คือเปลี่ยนให้มันแสดงมุมต่างๆ ทั้งมุมตรง มุมโค้ง เป็นจุดน่ะแหละครับ เดี๋ยวทำๆ ไปก็เข้าใจเอง) ใช้คำสั่ง พาธ -> วัตถุไปยังพาธ



มันก็จะกลายเป็นจุดสี่จุด ตามสี่มุม



ต่อมาใช้เครื่องมือเลือกโหนด (ปุ่มที่อยู่ข้างบนปุ่มสี่เหลี่ยมไปสามอันน่ะครับ) แล้ว drag ลากเลือกโหนดสองอัน



แล้วกดปุ่มเพิ่มโหนดเข้าไป (มันจะเพิ่มไปตรงกลางอัตโนมัติ)





ทีนี้ให้เลือกเฉพาะ 2 โหนดเดิม (วิธีเลือกก็เลือกอันนึงก่อน แล้วค่อยกด Shift พร้อมเลือกอีกอันเพื่อเลือกเพิ่ม)



แล้วลากลงมานิดนึงให้มันดูย้อยลงมา (กด Ctrl ค้างไว้ระหว่างลากจะทำให้มันลงมาตรงๆ ไม่เบี้ยวครับ)



ต่อมาเลือกโหนดตรงกลาง



แล้วเปลี่ยนให้มันโค้งผ่านโหนดซะ (ปุ่มที่เม้าส์ชี้อยู่น่ะครับ)



เสร็จแล้ว จะดูเป็นแบบนี้



ทำแบบเดียวกับข้างบน



เปิดถาด Fill and Stroke (ปุ่มที่เม้าส์ชี้)



เปลี่ยนสีของ Fill (สีพื้น) ให้เป็นสีดำ หรือเทาเข้มหน่อย



แล้วย้ายมันไปข้างหลังอีกอันที่เราทำซ้ำไว้ (กดปุ่มที่เม้าส์ชี้ หรือจะกด PageDown ที่คีย์บอร์ดก็ได้ครับ)



พอมันไปอยู่ข้างหลังแล้วก็ปรับ Blur กับ Opacity ตามชอบ ให้มันดูเหมือนเงานุ่มๆ หน่อย



ต่อมากลับมาเลือกชิ้นที่ยังเป็นสี่เหลี่ยมอยู่


ใส่ Gradient ให้มัน ใช้เครื่องมือ Gradient (ปุ่มอยู่เกือบล่างสุด ที่อยู่เหนือที่ดูดสีน่ะครับ) แล้วลากไล่ให้มันเป็นวง (Gradient มีแบบไล่ธรรมดา กับไล่เป็นวง ปรับเครื่องมือจากทูลบาร์ข้างบนให้คล้ายๆ ของผมนะครับ)



เปลี่ยนสีกลางวงให้เป็นสีขาวว่อก (ขาวสุด 255,255,255)



เปลี่ยนสี่ไล่ให้เป็นเทานิดๆ



ก็เป็นอันเรียบร้อย



ปรับอีกหน่อยก็ได้แบบนี้ครับ!



ป.ล. ทำเป็นกรอบรูปก็ไม่เลว