วิธีส่งออกรูปภาพหรือภาพเคลื่อนไหวเป็น SVG ใน Blender

นับตั้งแต่เปิดตัว Blender 2.8 ซอฟต์แวร์นี้มีความสามารถในการส่งออกรูปภาพและภาพเคลื่อนไหวในรูป แบบ Scalable Vector Graphics (SVG) รูปแบบเวกเตอร์นี้เป็นที่นิยมในหมู่นักออกแบบเว็บไซต์และกราฟิก และเป็นวิธีที่ยอดเยี่ยมในการแบ่งปันงานของคุณกับผู้อื่นที่อาจไม่สามารถเข้าถึง Blender ได้ ในบทความนี้ เราจะพูดถึงพื้นฐานของวิธีการส่งออกรูปภาพหรือภาพเคลื่อนไหวเป็น SVG ใน Blender

โครงร่างเป็น Svg Blender

โครงร่างใน Blender สร้างขึ้นโดยใช้แผง Stroke ใน Tool Shelf หากต้องการสร้างโครงร่าง ก่อนอื่นให้เลือกวัตถุที่คุณต้องการร่าง จากนั้นใน Tool Shelf เลือกแผง Stroke ในแผง Stroke ให้เลือกประเภทของ Stroke ที่คุณต้องการใช้ ตัวเลือกได้แก่: – ด้วยมือเปล่า: สร้างโครงร่างด้วยมือเปล่า – เหลี่ยม: สร้างโครงร่างเหลี่ยม – เส้นโค้ง: สร้างโครงร่างตามเส้นโค้ง เมื่อคุณเลือกประเภทของเส้นขีดที่คุณต้องการใช้แล้ว คุณสามารถปรับการตั้งค่าสำหรับเส้นขีดนั้น . ตัวอย่างเช่น คุณสามารถปรับความหนาของเส้นขีด สีของเส้นขีด และจำนวนจุดที่ใช้สร้างเส้นขีด เมื่อคุณพอใจกับการตั้งค่าสำหรับเส้นขีดแล้ว คุณสามารถคลิกปุ่ม “เส้นขีด” เพื่อสร้างโครงร่างได้ เค้าร่างจะถูกเพิ่มไปยังวัตถุเป็นกลุ่มจุดยอดใหม่

Blender ส่งออก Grease Pencil As Svg

ไม่มีปุ่มคลิกเดียวเพื่อส่งออกวัตถุ Grease Pencil เป็นไฟล์ SVG ใน Blender แต่คุณสามารถดำเนินการเล็กน้อยได้ ขั้นแรก เลือกวัตถุ Grease Pencil ที่คุณต้องการส่งออกใน Outliner จากนั้นในแผงคุณสมบัติ ให้ไปที่แท็บข้อมูลออบเจ็กต์ แล้วเลื่อนลงไปที่ส่วนเส้นทางการส่งออก คลิกปุ่มเรียกดูและเลือกตำแหน่งที่จะบันทึกไฟล์ สุดท้าย ในเมนูแบบเลื่อนลงรูปแบบไฟล์ เลือก “SVG”

การส่งออกไฟล์ดินสอจาระบี

หากคุณต้องการส่งออกเฟรมเดียว ให้เลือกชื่อไฟล์ที่จดจำได้ง่าย หากต้องการส่งออกเฟรมจากภาพเคลื่อนไหว ให้ใช้ไฟล์ที่มีลำดับที่สะท้อนถึงลำดับของเฟรม ไฟล์ PNG, JPG และ GIF เป็นไฟล์หลักสามประเภทสำหรับดินสอเขียนไขมัน ทั้ง GIF และ PNG เหมาะสำหรับภาพเคลื่อนไหวขนาดเล็ก ในขณะที่ JPG เหมาะสำหรับกราฟิกเว็บขนาดใหญ่ เมื่อส่งออกไฟล์ Grease Pencil ภาพ PNG จะถูกบันทึกที่มีช่องอัลฟา จากนั้นจึงบันทึกเป็นไฟล์ Grease Pencil สิ่งสำคัญคือต้องเปิดช่องนี้ไว้ เพราะเครื่องมือ Grease Pencil จะกำหนดว่าส่วนใดของภาพวาดโปร่งใสโดยใช้ช่องอัลฟ่า หรือคุณสามารถส่งออกไฟล์ Grease Pencil เป็นไฟล์ .JPG หรือ ภาพ GIF สามารถใช้ JPEG สำหรับเว็บกราฟิก ในขณะที่ GIF สามารถใช้สำหรับภาพเคลื่อนไหวขนาดเล็ก ตัวเลือกนี้ช่วยให้คุณส่งออกไฟล์ Grease Pencil เป็น PNG, JPG หรือ GIF เลือกเครื่องมือจาระบีแบบดินสอหากคุณต้องการใช้ คุณสามารถส่งออกงานของคุณได้โดยเลือกส่งออกจากแผงเครื่องมือ ไปที่หน้าต่างเบราว์เซอร์ส่งออกไฟล์และเลือกชื่อไฟล์สำหรับไฟล์เก็บถาวรเฟรมจาระบีของคุณในหน้าต่างเบราว์เซอร์ส่งออกไฟล์ จากนั้นส่งออก Blender บันทึกไฟล์เป็นภาพ PNG พร้อมช่องอัลฟ่าหลังจากแปลงแล้ว

โปรแกรมเสริม Blender Svg

Blender SVG Addon เป็นวิธีที่ยอดเยี่ยมในการสร้างกราฟิกคุณภาพสูงสำหรับเว็บ ช่วยให้คุณสร้างกราฟิกแบบเวกเตอร์ที่สามารถส่งออกเป็นไฟล์ SVG นี่เป็นวิธีที่ยอดเยี่ยมในการสร้างโลโก้ ไอคอน และกราฟิกอื่นๆ ที่สามารถใช้บนเว็บไซต์และในแอปพลิเคชันอื่นๆ

บทช่วยสอน Svg

SVG เป็นรูปแบบภาพเวกเตอร์ที่ใช้ XML สำหรับกราฟิกสองมิติพร้อมรองรับการโต้ตอบและภาพเคลื่อนไหว ข้อกำหนด SVG เป็นมาตรฐานเปิดที่พัฒนาโดย World Wide Web Consortium (W3C) ตั้งแต่ปี 1999 ภาพ SVG และลักษณะการทำงานถูกกำหนดไว้ในไฟล์ข้อความ XML ซึ่งหมายความว่าสามารถค้นหา สร้างดัชนี เขียนสคริปต์ และบีบอัดข้อมูลได้ ในฐานะไฟล์ XML รูปภาพ SVG สามารถสร้างและแก้ไขได้ด้วยโปรแกรมแก้ไขข้อความใดๆ แต่มักจะสร้างด้วย ซอฟต์แวร์วาดภาพ จากนั้นจะรวมกันเป็นไฟล์เดียว ทำให้แจกจ่ายและจัดการได้ง่าย

กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้ (SVG) เป็นหนึ่งในหัวข้อที่ร้อนแรงที่สุดในตลาด แม้จะได้รับมาตรฐานในช่วงต้นปี 2000 แต่ StandardVG ก็ได้รับผลกระทบด้านลบอย่างต่อเนื่องจากการสนับสนุนเบราว์เซอร์ที่ไม่ดี (โดยเฉพาะอย่างยิ่ง IE) ในขณะนี้ การฝัง SVG ลงใน HTML โดยตรงต้องใช้เบราว์เซอร์รุ่นล่าสุด ส่วนใหญ่คุณไม่จำเป็นต้องแก้ไขโค้ด แต่คุณสามารถใช้เครื่องมือเช่น Figma หรือ Sketch เพื่อสร้างโค้ดได้ เบราว์เซอร์สามารถแสดงเป็นแท็ก img เช่นเดียวกับที่สามารถแสดงรูปภาพในรูปแบบไฟล์อื่นๆ หากต้องการรูปภาพแบบอินไลน์ HTML5 และ XHTML จะใช้ไวยากรณ์ที่แตกต่างกัน Renderport และ viewBox สามารถรวมกันได้โดยใช้องค์ประกอบ g

ผืนผ้าใบ SVG ช่วยให้คุณระบุระบบพิกัดใหม่ได้ ตัวอย่างเช่น เริ่มต้นด้วย 0 แล้วจำกัดขนาดผ้าใบของคุณเป็น 100×100 คุณสามารถดูส่วนที่สองของผืนผ้าใบเดียวกันได้ทันทีที่มีถึง 100 ส่วน เช่นเดียวกับที่แท็ก HTML ยอมรับแอตทริบิวต์สไตล์ องค์ประกอบใดๆ ก็สามารถทำได้ใน sva เนื่องจากลักษณะของฟอร์มจำเป็นต้องให้คุณสมบัติ CSS บางอย่างทำงานแตกต่างจากที่คุณคาดไว้ คุณจะไม่สามารถใช้คุณสมบัติ CSS ทั้งหมดได้ นอกจากนี้ยังสามารถใช้เติมเป็นแอตทริบิวต์ขององค์ประกอบ เช่น เพื่อเปลี่ยนสีขององค์ประกอบข้อความ อินไลน์ยังมีอยู่ใน HTML และ CSS

เพียงป้อน URL ข้อมูลที่เหมาะสมลงในฟิลด์ คุณสามารถใส่สไตล์ชีตภายนอกในไฟล์ SVG ได้โดยใช้เมธอด CDATA เมื่อโหลดหน้าเว็บเสร็จแล้ว คุณสามารถวาง JavaScript ก่อนและรวมไว้ในกิจกรรมการโหลดเพื่อทำให้เสร็จ หากคุณโต้ตอบกับ SVG ได้ (SVG อยู่ในบรรทัดใน HTML) คุณจะเปลี่ยนแอตทริบิวต์ใน JavaScript ได้ นี่เป็นภาษามาร์กอัปที่สามารถใช้กับ HTML5 ได้ แต่ควรใช้เมื่อใช้ XHTML ก่อนเท่านั้น (เอกสารที่มีรูปแบบ XML ไฟล์ SVG ที่ไม่ถูกต้อง อาจไม่ได้รับการยอมรับจากบางบริการหรือแอพ ตัวอย่างเช่น Modernizr สามารถใช้ไลบรารีเพื่อตรวจสอบการสนับสนุนที่ขาดหายไป

สร้างไฟล์ Svg ด้วย Inkscape

มีโปรแกรมซอฟต์แวร์อื่น ๆ อีกมากมายที่สามารถสร้างไฟล์ SVG ได้เช่นกัน ภาพเวกเตอร์มักใช้กับโปรแกรมฟรีชื่อ Inkscape คุณสามารถรับมือกับ Inkscape ได้โดยไปที่เว็บไซต์ของมัน นอกจากนี้ยังมีแอปพลิเคชันเชิงพาณิชย์ เช่น Adobe Illustrator และ Inkscape ที่ให้ความสามารถในการสร้างไฟล์ sva