สร้างไฟล์ SVG เพื่อการตัดต่อที่แน่นอน

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

คุณจะได้เรียนรู้วิธีสร้างไฟล์ตัดบน Silhouette Cameo หรือ Cricut ตั้งแต่ต้นจนจบ การใช้ PNG, SVGS, DXF หรือ JPEG เป็นรูปแบบภาพของคุณ งานออกแบบของคุณจะถูกแปลงเป็นรูปแบบต่างๆ เมื่อมีคนพูดว่า SVGS โดยทั่วไปจะหมายถึงการ ตัดไฟล์ มีเครื่องตัดอิเล็กทรอนิกส์และซอฟต์แวร์การปักผ้ามากมายที่ฉันควรทราบ Design Space ช่วยให้คุณลบพื้นที่พื้นหลังซึ่งเป็นคุณสมบัติที่ยอดเยี่ยมมาก DXF สามารถลดลงครึ่งหนึ่งได้เนื่องจากไม่ได้จัดกลุ่มอย่างสมบูรณ์ หากคุณต้องการออกแบบเป็นชั้น ๆ ก็เป็นทางเลือกที่ดี

มีตัวเลือกมากมายสำหรับวิธีการออกแบบไฟล์ตัด Adobe illustrator, Canva, PicMonkey, วาดด้วยมือและถ่ายภาพ และอื่นๆ INKSCAPE เป็นโปรแกรมที่แปลงรูปภาพของฉันให้เป็น SVG และ. ดีเอ็กซ์เอฟ. สิ่งที่คุณต้องทำคือดาวน์โหลดแอพจาก App Store หากคุณสร้างสิ่งเหล่านี้เพื่อการใช้งานส่วนตัวเท่านั้น คุณสามารถบันทึกไว้ในโฟลเดอร์และทำให้ใช้งานได้เมื่อคุณทำแต่ละขั้นตอนเสร็จแล้ว

คุณสามารถทำได้ด้วยวิธีใดวิธีหนึ่งจากสองวิธี ด้วยการอัปโหลดไฟล์โดยตรง คุณสามารถบันทึกได้ คุณสามารถอัปโหลดไฟล์ไปยัง Etsy ได้สูงสุดห้าไฟล์ ฉันจะอัปโหลดไฟล์ JPEG, PNG, SVG และ DXF ไฟล์ซิป (บีบอัด) มีพื้นที่จัดเก็บน้อยกว่าและสามารถส่งถึงคุณได้เร็วกว่าไฟล์บีบอัด เมื่อใช้คำแนะนำนี้ คุณสามารถดาวน์โหลดไฟล์ที่ตัดเป็นไฟล์ zip ได้ Google ไดรฟ์สามารถบีบอัดและดาวน์โหลดไฟล์ของคุณไปยังคอมพิวเตอร์โดยใช้ไฟล์ zip คุณสามารถเพิ่มการดาวน์โหลดไปยังร้านค้าของคุณและส่งอีเมลให้ลูกค้าได้หลังจากที่คุณได้รับแล้ว

โปรแกรมที่ดีที่สุดในการสร้างไฟล์ Svg คืออะไร?

ไม่มีโปรแกรมที่ดีที่สุดในการสร้างไฟล์ svg อย่างไรก็ตาม มีหลายโปรแกรมที่สามารถใช้สร้างไฟล์ svg ได้ บางส่วนของโปรแกรมเหล่านี้ ได้แก่ Adobe Illustrator, Inkscape และ Sketch

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

บริษัทซอฟต์แวร์การออกแบบทุกแห่งมีช่วงการเรียนรู้ของตัวเอง หลังจากที่คุณได้เลือกซอฟต์แวร์การออกแบบแล้ว คุณจะต้องใช้งานซอฟต์แวร์นี้สักระยะหนึ่ง ด้วย Inkscape คุณสามารถสร้างการออกแบบจากระดับใดก็ได้ Pazzles InVue เป็นซอฟต์แวร์ออกแบบของบุคคลที่สามที่คุ้มค่าที่สุด Make The Cut เป็นซอฟต์แวร์การตัดที่ให้คุณตัดโดยตรงกับใบมีดหลากหลายประเภท หลักสูตร SCAL Classroom ที่นำเสนอโดย ScrappyDew นั้นยอดเยี่ยมสำหรับการเรียนรู้วิธีใช้ Sure Cuts A Lot เราขอให้คุณบันทึก ภาพ Make the Cut ทั้งหมดของคุณ

ในการเข้าถึงไดเร็กทอรีของคุณ คุณจะต้องป้อนหมายเลขการลงทะเบียนและไดเร็กทอรีในธัมบ์ไดรฟ์หรือซีดี หากคุณมี Make The Cut คุณสามารถใช้ไฟล์ Archive Gallery ใน Popup Card Studio (PCS) เพื่อสร้างการ์ดป๊อปอัปได้ Illustrator เป็นซอฟต์แวร์ออกแบบเวกเตอร์ระดับมืออาชีพที่ได้รับความนิยม ซอฟต์แวร์บนคลาวด์นี้มีเครื่องมือการออกแบบที่หลากหลายสำหรับสาขาต่างๆ การเรียนรู้เครื่องมือออกแบบที่จำเป็นในการสร้างไฟล์ SVG นั้นยากขึ้นเมื่อคุณไม่คุ้นเคย ในทางกลับกัน CorelDraw เป็นอีกหนึ่งโปรแกรมราคาแพงที่นำเข้าและส่งออกไฟล์ในรูปแบบต่างๆ ขาดการสนับสนุนผู้ใช้ของซอฟต์แวร์นี้อย่างมาก

แม้ว่า CorelDraw จะไม่มีปลั๊กอินสำหรับการตัดให้กับเครื่องตัดงานฝีมือของเรา แต่เครื่องเลเซอร์และ CNC จำนวนมากมาพร้อมกับซอฟต์แวร์ปลั๊กอิน หากเครื่อง Cricut รุ่นเก่าของคุณไม่มีซอฟต์แวร์การออกแบบ ซอฟต์แวร์รุ่นก่อนหน้าบางรุ่นที่ใช้งานร่วมกันได้จะไม่มีซอฟต์แวร์ดังกล่าว หลังจาก Cricut Craftroom ปิดตัวลงในช่วงกลางเดือนกรกฎาคม 2018 คุณจะตัดสินใจได้เอง ด้วยเวอร์ชันล่าสุดของ Make The Cut และ Sure Cuts A Lot คุณสามารถใช้อิมเมจและฟอนต์ของคาร์ทริดจ์ทั้งหมดบนเครื่องรุ่นใหม่ได้ หากคุณมีตลับหมึกจำนวนมากเพื่อใช้กับเครื่องรุ่นเก่า การอัพเกรดตลับหมึกอาจคุ้มค่า หากคุณต้องการเครื่องตัดใหม่เนื่องจากความต้องการความคิดสร้างสรรค์ที่เพิ่มขึ้น คุณอาจต้องอัปเกรดเครื่องตัดปัจจุบันของคุณ ซอฟต์แวร์ที่ชื่นชอบสำหรับการออกแบบ ไฟล์การตัด SVG จะ ทำงานร่วมกับเครื่องตัดที่คุณกำลังพิจารณาอยู่หรือไม่? ฉันรวมลิงค์พันธมิตรในโพสต์นี้เท่านั้นหากฉันใช้ผลิตภัณฑ์ที่กล่าวถึง

เมื่อสร้างไฟล์ sva มีบางสิ่งที่ต้องจำไว้ ขนาดไฟล์ที่ใหญ่ขึ้นจะทำให้ภาพมีขนาดใหญ่กว่าภาพที่สร้างขึ้นในโปรแกรมวาดภาพ เช่น Adobe Illustrator หรือ Sketch นอกจากนี้ยังมีความจริงที่ว่า SVG ไม่ได้รับการสนับสนุนอย่างกว้างขวางเท่ากับรูปแบบไฟล์อื่น ๆ หากคุณต้องการใช้รูปภาพบนอุปกรณ์ต่างๆ ให้พิจารณา PNG หรือ JPEG เป็นรูปแบบที่ได้รับความนิยมมากกว่า การสร้างไดอะแกรมเวกเตอร์โดยใช้ SVG ทำได้ง่ายมาก โดยเฉพาะอย่างยิ่งเมื่อใช้ระบบพิกัด x, y หากคุณกำลังพยายามสร้างภาพที่จะใช้กับอุปกรณ์ต่างๆ คุณอาจต้องการพิจารณาใช้ กราฟิกแบบเวกเตอร์

ไฟล์ Svg สำหรับตัดหรือไม่

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

ไฟล์ Cricut Cut Svg ได้ไหม

หนึ่งในคุณสมบัติที่ยอดเยี่ยมของเครื่องตัด Cricut Explore และ Cricut Maker คือความสามารถในการอัปโหลดและตัดไฟล์ที่สร้างหรือซื้อโดยนักออกแบบอิสระ เช่น โดยเฉพาะกระดาษ

ไฟล์ Svg

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

เรามี SVG มากกว่า 280,000 รายการให้เลือก และเราเป็นตัวเลือกที่ชัดเจนสำหรับผู้ใช้ส่วนใหญ่ SVG ของเราได้รับการออกแบบมาให้ทำงานกับเครื่องตัด เช่น Silhouette และ Cricut ซึ่งเป็นซอฟต์แวร์หัตถกรรมยอดนิยม งานออกแบบกระดาษ การ์ด กราฟิกบนเสื้อยืด งานออกแบบป้ายไม้ และอื่นๆ อีกมากมายสามารถพบได้ที่นี่ เราได้รวบรวมรายชื่อไฟล์ Svg ฟรีสำหรับ Silhouette และ Cricut หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ การออกแบบไฟล์ตัดที่ยอดเยี่ยม ของเรา โปรดไปที่ช่อง YouTube ของเรา ด้วยการออกแบบ วัสดุ และรูปแบบงานฝีมือที่หลากหลาย คุณอาจใช้เวลาทั้งวันไปกับงานประดิษฐ์

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

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

ไฟล์เหล่านี้เป็นแบบเวกเตอร์และสามารถดูได้ในเบราว์เซอร์ที่หลากหลาย รวมถึง Google Chrome, Firefox, IE, Opera และ CorelDRAW เบราว์เซอร์จำนวนมากไม่ได้จัดการภาพแรสเตอร์เนื่องจากใช้รูปแบบแรสเตอร์ ในทางกลับกัน ไฟล์ JPEG สามารถบีบอัดได้โดยใช้อัลกอริทึมแบบสูญเสีย ซึ่งสามารถลดขนาดไฟล์แต่ยังลดคุณภาพของภาพด้วย

วิธีสร้างไฟล์ Svg ใน Photoshop

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

ตอนนี้ Photoshop มีตัวเลือกในการส่งออกเป็น SVG ตอนนี้คุณสามารถส่งออกรูปภาพโดยตรงจาก Photoshop ได้โดยไม่ต้องใช้ Illustrator ในบทช่วยสอนนี้ เราจะแสดงวิธีแปลงรูปภาพ PNG หรือ JPG เป็นไฟล์ svega โดยใช้ Photoshop หากต้องการส่งออกเป็น SVG ก่อนอื่นเราต้องสร้างเส้นทางจากรูปภาพ เติมสีและแปลงเป็นรูปร่าง

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

ใน Photoshop ไปที่ ไฟล์ > ส่งออกเป็น > และส่งออกไฟล์ SVG เมื่อคุณเลือกตัวเลือกรูปแบบในการตั้งค่าไฟล์ ให้บันทึกไฟล์ของคุณเป็น .sVG หากไม่มี ตัวเลือก SVG ให้ไปที่ Photoshop > Preferences > Export และทำเครื่องหมายในช่องที่ระบุว่า “Use Legacy Export As”

วิธีแปลงรูปภาพเป็นรูปแบบ Svg ใน Adobe Photoshop

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

ฉันสามารถเปลี่ยน Png เป็น Svg สำหรับ Photoshop ได้หรือไม่

รายการเมนู Convert to Image Layer ใน Photoshop ให้คุณแปลงรูปภาพ PNG เป็น SVG ภาพที่ได้จะมีความละเอียดเท่ากันกับไฟล์ PNG แต่จะอยู่ในรูปแบบ SVG

ฉันสามารถสร้างไฟล์ Svg ของตัวเองได้ไหม

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

วิธีสร้างไฟล์ Svg ในโปรแกรม Illustrator

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

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

Svg

svg เป็นกราฟิกแบบเวกเตอร์ที่ปรับขนาดได้ กราฟิกแบบเวกเตอร์เป็นวิธีที่ดีที่สุดในการสร้างภาพที่ชัดเจนในทุกขนาด และสามารถแก้ไขและเปลี่ยนแปลงได้อย่างง่ายดาย

Pngs Vs Svgs: อันไหนดีกว่าสำหรับกราฟิกและโลโก้?

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

วิธีสร้างไฟล์ Svg สำหรับ Cricut

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

บทแนะนำวิดีโอแบบทีละขั้นตอนนี้จะแนะนำคุณตลอดกระบวนการ สร้างกราฟิกแบบเวกเตอร์ ที่ปรับขนาดได้โดยใช้ Cricut Design Space ในบทเรียนนี้ เราจะพูดถึงวิธีการดึงรูปภาพพื้นฐานจากการค้นหาโดย Google และแปลงเป็นรูปแบบกราฟิกโดยใช้ Adobe Illustrator คุณภาพของรูปภาพจะพิจารณาจากขนาดหรือขนาดไฟล์ของรูปภาพเริ่มต้น คุณสามารถบันทึกและใช้รูปภาพที่คุณสร้างหรือใช้งานสำหรับ Cricut หรือ Silhouette ของคุณโดยใช้ตัวเลือกบันทึกเป็นรูปภาพ ต่อไปนี้เป็นวิดีโอแนะนำทีละขั้นตอนเกี่ยวกับวิธีสร้างไฟล์ svg บน Cricut ของคุณ คุณจะได้เรียนรู้วิธีแยกรูปภาพพื้นฐานจากการค้นหาโดย Google และแปลงเป็นรูปแบบกราฟิกโดยใช้ Adobe Illustrator วิธีที่ดีที่สุดในการแปลงคืออะไร

JPG ถึง วีเจ? เครื่องมือนี้สามารถใช้เพื่อแปลงภาพแรสเตอร์ เช่น PNG และ JPG เป็นภาพกราฟิกแบบเวกเตอร์ขาวดำ