วิธีลบพื้นหลังออกจาก SVG ใน Illustrator

หากคุณกำลังสร้าง SVG ใน Adobe Illustrator คุณอาจสังเกตเห็นว่าโดยค่าเริ่มต้น จะมีพื้นหลัง สิ่งนี้อาจทำให้คุณหงุดหงิด โดยเฉพาะอย่างยิ่งหากคุณกำลังพยายามสร้างภาพที่โปร่งใส โชคดีที่มีวิธีที่ง่ายและรวดเร็วในการลบพื้นหลังออกจาก SVG ใน Illustrator นี่คือคำแนะนำทีละขั้นตอน: 1. เปิดไฟล์ SVG ใน Adobe Illustrator 2. เลือกเมนู “Object” จากนั้นเลือก “Clipping Mask” > “Release” 3. ตอนนี้เลือกเมนู "แก้ไข" และเลือก "การตั้งค่า" 4. ในหน้าต่าง Preferences เลือกแท็บ "SVG Output" 5. ในส่วน "คุณสมบัติ CSS" ให้ยกเลิกการเลือกช่อง "เปิดใช้งานคุณสมบัติ CSS" 6. คลิก “ตกลง” เพื่อปิดหน้าต่างการตั้งค่า 7. บันทึกไฟล์ SVG แค่นั้นแหละ! ตอนนี้พื้นหลังควรหายไปแล้ว และคุณควรมี SVG ที่สะอาดและโปร่งใส

ฉันจะลบ พื้นหลังสีขาว ใน Adobe illustrator ได้อย่างไร โดม มอบป้ายทอง 8,289 ป้าย ป้ายเงิน 44 ป้าย ป้ายทองสัมฤทธิ์ 91 ป้าย วันที่ 19 กันยายน 2555 เวลา 14:01 น. ตั้งกระทู้ถาม คุณสามารถลองใช้เครื่องมือ Direct Selection (แป้นพิมพ์ลัด A หรือตัวชี้เมาส์สีขาวในกล่องเครื่องมือ) ซึ่งคุณสามารถเข้าถึงได้ผ่านทางแป้นพิมพ์ลัด A

คุณสามารถบันทึก Svg ด้วยพื้นหลังโปร่งใสได้หรือไม่?

ได้ คุณสามารถบันทึก svg ด้วยพื้นหลังโปร่งใส เมื่อคุณบันทึกไฟล์ svg คุณจะต้องระบุ สีพื้นหลัง เป็น "โปร่งใส" ในตัวเลือก

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

ในตัวอย่างต่อไปนี้ คุณสามารถสร้าง SVG ที่มีพื้นหลังโปร่งใสได้โดยใช้ sVG สีเติมสามารถตั้งค่าเป็น rgba(0, 0, 0,.75) และสามารถตั้งค่าความทึบเป็น .75 svg ความกว้าง [[100%]] ความสูง [[200px]] รุ่น[/1.1] xmlns [[ http://www.w3.org/2000/svg]] rgba(0, 0, 0,.75); /style/defs/defs> fill: rgba(0, 0, 0,.75; /style/defs/defs *g *defs ความกว้างของคอนเทนเนอร์คือ 400 ความสูงคือ 200 และค่าคือ 4 g transform= แปล(0, 0)> rect id=rect1> เติม=rgba(0, 0, 0,.75)” ความสูง: ความกว้าง 100%: ความกว้าง 100% ความสูง: ความสูง 100%: ความกว้าง 100%: ความสูง 100%: 100 % ความสูง: ความสูง 100%: ความสูง 100%: ความสูง 100%: ความสูง 100%: ความสูง 100%: ความสูง 100%: ความกว้าง 200%: ความสูง 200%: 200% */svg*br หากคุณต้องการใช้พื้นหลังโปร่งใสสำหรับองค์ประกอบทั้งหมด ในไฟล์ SVG คุณสามารถใช้คุณสมบัติสีพื้นหลังแทนคุณสมบัติเติมความทึบได้ โดยทำตามขั้นตอนในตัวอย่างต่อไปนี้ ความกว้างของรูปภาพนี้คือ 100% ความสูงคือ 200px และ รุ่นคือ 1.1 style>.shape background-color: rgba(0, 0, 0,.75). DEFS / g> rect id=container_size_400p_width_200p_height_200p_size> /defs>. *g transform=translate(0, 0) (*) 'rect id=rect1′ fill=rgba(0, 0, 0,.75) กรอกข้อความด้วยข้อมูลต่อไปนี้: URL: //www.resource.com/resource/resources/ /p> wi dth=”100%” ความสูง=”100%” /> /g> /svg

ฉันจะลบพื้นหลังออกจาก Svg ใน Illustrator ได้อย่างไร

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

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

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

ข้อดีข้อเสียของ Svg และ PNG

เนื่องจากความสามารถในการปรับขนาดได้ง่าย SVG จึงรองรับภาพเคลื่อนไหว ความโปร่งใส เลเยอร์การไล่ระดับสี และอนุญาตให้ใช้กราฟิกที่เรียบง่าย ภาพสีเต็มรูปแบบ (ส่วนใหญ่เป็นภาพถ่าย) มักจะแสดงในรูปแบบที่เรียกว่า PNG ซึ่งเป็นรูปแบบภาพแรสเตอร์ มีอัตราการบีบอัดสูงซึ่งช่วยให้โปร่งใส สามารถใช้ไม้กายสิทธิ์หรือเครื่องมือปากกาเพื่อลบพื้นหลังออกจากภาพถ่ายใน Adobe Illustrator โดยการคลิกขวาที่รูปภาพแล้วเลือก “Make Clipping Mask” คุณสามารถทำให้มันดูเหมือนเป็น Clipping Mask คุณยังสามารถลบภาพพื้นหลังทั้งหมดโดยใช้ เครื่องมือลบพื้นหลัง ที่ปรากฏในเมนูรูปแบบ เนื่องจากการลบไฟล์พื้นหลังสำหรับไฟล์กราฟิกแบบเวกเตอร์ เช่น Scalable Vector Graphics (SVG), Adobe Illustrator Graphics (AI), Windows Metafile Format (WMF) และ Vector Drawing File (DRW) เป็นไปไม่ได้ ตัวเลือก Remove Background จึงถูกปิดใช้งาน

บันทึก Svg ด้วย Inkscape พื้นหลังโปร่งใส

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

การสร้างพื้นหลังโปร่งใสใน Inkscape

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

ส่งออก Svg ด้วย Photoshop พื้นหลังโปร่งใส

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

วิธีส่งออก Svgs ใน Photoshop

หากคุณต้องการความช่วยเหลือในการส่งออกไฟล์ SVG โปรดดูคู่มือ Photoshop ของเราเกี่ยวกับการส่งออก SVG