วิธีนำเข้าและแก้ไขไฟล์ SVG ใน Adobe Illustrator

เผยแพร่แล้ว: 2022-12-29

Adobe Illustrator เป็นโปรแกรมแก้ไขกราฟิกแบบเวกเตอร์ที่พัฒนาและทำการตลาดโดย Adobe Inc. โปรแกรมนี้ใช้โดยนักออกแบบกราฟิกและศิลปินเพื่อสร้างภาพประกอบ โลโก้ และงานศิลปะสำหรับสื่อดิจิทัลและสื่อสิ่งพิมพ์ หนึ่งในสิ่งที่ยอดเยี่ยมเกี่ยวกับ Adobe Illustrator คือความสามารถในการนำเข้าและแก้ไขไฟล์ Scalable Vector Graphics (SVG) SVG เป็นมาตรฐานเปิดที่สร้างขึ้นโดย World Wide Web Consortium (W3C) เป็นรูปแบบไฟล์ที่ช่วยให้สร้างและจัดการกราฟิกแบบเวกเตอร์ได้ง่าย มีหลายวิธีในการนำเข้าไฟล์ SVG ไปยัง Adobe Illustrator วิธีแรกคือเพียงแค่ลากและวางไฟล์ลงในพื้นที่ทำงานของ Illustrator วิธีที่สองคือไปที่ File > Place แล้วเลือกไฟล์ SVG ที่คุณต้องการนำเข้า เมื่อนำเข้าไฟล์แล้ว คุณสามารถแก้ไขได้เช่นเดียวกับกราฟิกแบบเวกเตอร์อื่นๆ ใน Illustrator คุณสามารถย้าย ปรับขนาด และหมุนองค์ประกอบต่างๆ เปลี่ยนสี และเพิ่มงานศิลปะของคุณเองได้ ไฟล์ SVG เป็นวิธีที่ยอดเยี่ยมในการเพิ่มกราฟิกแบบเวกเตอร์ให้กับงานออกแบบ Adobe Illustrator ของคุณ ง่ายต่อการนำเข้าและแก้ไข และสามารถใช้ได้ทั้งสื่อดิจิทัลและสื่อสิ่งพิมพ์

หากต้องการสร้างเว็บกราฟิกที่ตอบสนองต่อการกระทำของผู้ใช้ด้วยเอฟเฟกต์ที่ซับซ้อน เช่น ไฮไลต์ เคล็ดลับเครื่องมือ เสียง และภาพเคลื่อนไหว คุณสามารถใช้ XML และ JavaScript กับ SVG ได้ ไฟล์เหล่านี้มีขนาดกะทัดรัดมากและให้กราฟิกคุณภาพสูงสำหรับเว็บ ในงานพิมพ์ และอุปกรณ์พกพา เมื่อคุณอัปโหลดงานศิลปะของคุณใน Illustrator จะได้รับผลกระทบจากวิธีที่คุณกำหนดค่า สามารถใช้สไลซ์ แผนที่รูปภาพ และสคริปต์เพื่อเพิ่มลิงก์เว็บไปยัง ไฟล์ an.sva การเลื่อนตัวชี้และแป้นพิมพ์สามารถใช้เพื่อสร้างฟังก์ชันการเขียนสคริปต์ เช่น การโรลโอเวอร์ เอฟเฟ็กต์ประกอบด้วยส่วนย่อยของคุณสมบัติ XML ที่อธิบายการดำเนินการทางคณิตศาสตร์เท่านั้น เอฟเฟกต์ที่ได้จะถูกส่งไปยังวัตถุเป้าหมายแทนที่จะเป็นกราฟิกต้นฉบับ

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

ไฟล์ SVG สามารถดูและแก้ไขได้ในเว็บเบราว์เซอร์ใดๆ ตลอดจนแก้ไขใน Adobe Illustrator หรือแปลงเป็นรูปแบบไฟล์อื่นใน Adobe Photoshop

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

สิ่งที่สำคัญที่สุดที่ต้องจำไว้คือคุณสามารถแก้ไขไฟล์ SVG ใน Illustrator ได้ แต่คุณไม่สามารถทำได้ทั้งหมด คุณจะไม่สามารถแก้ไขแต่ละจุดของไฟล์ SVG ได้ และคุณสมบัติการแก้ไขบางอย่างอาจไม่ทำงานตามที่คาดไว้ ก่อนคลิกตกลง ตรวจสอบให้แน่ใจว่าได้เลือกช่องทำเครื่องหมายทั้งสองเส้นทางในกล่องโต้ตอบเส้นทางเข้าร่วม

โดยการเลือก ไฟล์ > ส่งออก > svg (svg) คุณสามารถส่งออกงานศิลปะของคุณเป็น SVG หากคุณต้องการส่งออกเนื้อหาของอาร์ตบอร์ดของคุณเป็นไฟล์ SVG แต่ละไฟล์ ตรวจสอบให้แน่ใจว่าคุณใช้อาร์ตบอร์ด คุณจะเข้าสู่ กล่องโต้ตอบตัวเลือก SVG

ฉันสามารถนำเข้าไฟล์ Svg ใน Illustrator ได้หรือไม่

ฉันสามารถนำเข้าไฟล์ Svg ใน Illustrator ได้หรือไม่
ที่มารูปภาพ: imgur.com

ได้ คุณสามารถนำเข้าไฟล์ SVG ไปยัง Adobe Illustrator ในการทำเช่นนี้ ให้เปิดไฟล์ใน Illustrator แล้วไปที่ ไฟล์ > นำเข้า เลือกไฟล์ที่คุณต้องการนำเข้าแล้วคลิกเปิด

ต่อไปนี้คือวิธีการฝังไฟล์ SVG ในไฟล์ PDF ที่ใช้กันทั่วไป การใช้ Adobe Illustrator (เวอร์ชัน 5) เป็นวิธีการสื่อสารเป็นวิธีหนึ่งที่จะทำได้ โปรแกรมดูนี้สามารถพบได้ในโฟลเดอร์ Plug-Ins ใน Acrobat หลังจากที่คุณเปิดโปรแกรมดู Adobe SVG แล้ว ให้คลิกปุ่มไฟล์เพื่อเพิ่มไฟล์ไปยังคอลเลกชันของคุณ หลังจากป้อนเส้นทางสำหรับไฟล์ SVG แล้ว ให้คลิกตกลงในกล่องโต้ตอบเพิ่ม…” การใช้ปลั๊กอินเป็นอีกวิธีหนึ่งในการฝังไฟล์ SVG ลงในเอกสาร PDF ปลั๊กอิน Adobe SVG เป็นหนึ่งในปลั๊กอินที่มีอยู่มากมาย แต่เราขอแนะนำ ในการติดตั้งปลั๊กอิน Adobe SVG ให้เปิดเมนูไฟล์แล้วเลือกปลั๊กอิน หลังจากนั้นคุณต้องค้นหาและคลิกที่ปลั๊กอิน Adobe SVG ก่อน หลังจากที่คุณติดตั้งปลั๊กอิน Adobe SVG แล้ว คุณสามารถนำเข้าไฟล์ SVG ของคุณได้โดยคลิกปุ่มไฟล์แล้วเลือกเพิ่ม... หากคุณต้องการเปลี่ยนรูปลักษณ์ของไฟล์ SVG หลังจากแทรกลงในเอกสารแล้ว คุณสามารถใช้ Adobe การควบคุมของ ผู้ดู หากต้องการดูไฟล์ SVG ในโหมดเต็มหน้าจอ เพียงคลิกที่ปุ่มดู สามารถใช้ปุ่มซูมและหมุนเพื่อเปลี่ยนขนาดของไฟล์ SVG และการวางแนวได้

ฉันจะแปลงไฟล์ Svg เป็น Illustrator ได้อย่างไร

Ctrl-I (Mac) หรือ Cmd-I (Windows) เป็นแป้นพิมพ์ลัดสองตัวเลือก ต้องแปลงไฟล์ SVG เป็นกราฟิกเวกเตอร์หลังจากนำเข้าใน Illustrator ซึ่งสามารถทำได้โดยเลือกกราฟิกแบบเวกเตอร์และเลือกแก้ไขจากเมนูแบบเลื่อนลง

SVG สามารถสร้างได้หลายวิธีโดยใช้ Illustrator ตัวอย่างเช่น สามารถส่งออกไฟล์ได้ ส่งออกเป็นอีกนัยหนึ่ง เพิ่มประสิทธิภาพสำหรับ SVG และเว็บเป็นทางออกที่ดีที่สุดของคุณ ไฟล์ที่บันทึกใน Illustrator อาจมีขนาดใหญ่กว่าไฟล์ที่เข้าถึงได้โดยตรงผ่านอินเทอร์เน็ตหลายลำดับ นี่เป็นหนึ่งในวิธีที่ดีที่สุดในการส่งออกข้อมูลจากเว็บ มันค่อนข้างใกล้เคียงกับเว็บที่พร้อมสำหรับการส่งออก SVG ไม่จำเป็นต้องทำอะไรแปลก ๆ หรือข้อมูลเมตามากเกินไปด้วย Illustrator Illustrator ได้เพิ่ม File Export ลงในแท็บ File Options ใน CC 2017 ซึ่งช่วยให้คุณส่งออกรูปภาพไปยังอุปกรณ์ดิจิทัลได้

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

ซอฟต์แวร์แก้ไขกราฟิกส่วนใหญ่รองรับการนำเข้าและส่งออกภาพเวกเตอร์โดยใช้รูปแบบ SVG มักใช้เพื่อสร้างภาพประกอบ ไอคอน และโลโก้ แม้ว่าจะใช้งานยากกว่า PNG แบบธรรมดา แต่ผลตอบแทนก็คือ SVG สามารถปรับขนาดได้ไม่จำกัดโดยไม่สูญเสียคุณภาพ และสามารถแก้ไขได้ในซอฟต์แวร์เค้าโครงเวกเตอร์ เช่น Inkscape โดยไม่สูญเสียรายละเอียด คุณสามารถใช้แอตทริบิวต์ src ขององค์ประกอบ img> เพื่อฝัง SVG ลงในเอกสาร HTML เพื่อให้แน่ใจว่าไฟล์ SVG ได้รับการบันทึกอย่างถูกต้อง เพียงระบุพาธแบบเต็มในชื่อไฟล์โดยไม่มีนามสกุล .svg หากคุณใช้ myimage.svg เป็นตัวอย่าง ให้ใช้ *img src=myimage.svg เมื่อคุณฝังไฟล์ svg ในเอกสาร HTML ตรวจสอบให้แน่ใจว่าไฟล์นั้นมีแอตทริบิวต์ความสูงหรือความกว้าง (หรือทั้งสองอย่าง) SVG จะสร้างอัตราส่วนภาพให้คุณโดยอัตโนมัติตามความสูงหรือความกว้างของคุณ หากคุณระบุอัตราส่วนภาพที่ไม่มีอยู่