ซอฟต์แวร์กราฟิกSketchเป็นวิธีที่สะดวกมากในการนำเข้า / ส่งออกไฟล์ คุณรู้วิธีการทำหรือไม่? มาเรียนรู้วิธีการนำเข้าและส่งออกไฟล์ใน Sketch
คำแนะนำในการนำเข้าและส่งออกไฟล์ใน Sketch
นำเข้าไฟล์ใน Sketch
วิธีที่ง่ายที่สุดในการนำเข้าไฟล์ไปยังซอฟต์แวร์กราฟิก Sketch คือการลากและวางลงบนผ้าใบหรือไอคอนท่าเรือ คุณสามารถป้อน:
- ภาพบิตแมป PNG, JPG, TIFF และ WebP
- ไฟล์ SVG และ EPS
- รหัส SVG (คัดลอกและวางโค้ดเพื่อสร้างเลเยอร์ใหม่)
- ไฟล์ AI และ PSD (รองรับแบบ จำกัด เฉพาะเลเยอร์แบน)
ส่งออกไฟล์ใน Sketch
วิธีที่เร็วที่สุดในการส่งออกการทำงานจากร่างคือการเลือกแบ่งปัน> ส่งออก ... ในเมนูหรือกด⌘+ ⇧+ Eเพื่อเปิดส่งออกโต้ตอบ เลือกข้อมูลที่คุณต้องการส่งออกจากนั้นคลิกส่งออกเพื่อเปิดบันทึก MacOS
Sketch ส่งออกทุกอย่างเป็น PNG ขนาดจริง (ค่าเริ่มต้นคือ 1x) หากต้องการเปลี่ยนการตั้งค่าเหล่านี้หรือส่งออกขนาดหรือรูปแบบตั้งแต่สองขนาดขึ้นไปคุณต้องตั้งค่าค่าที่ตั้งล่วงหน้าการส่งออกในตัวตรวจสอบ
คุณยังสามารถเลือกเลเยอร์ใดก็ได้ในรายการเลเยอร์แล้วลากไปที่เดสก์ท็อปเพื่อส่งออกเป็น PNG (หรือกดค้างไว้⌥เพื่อส่งออกเป็น PDF) หรือคุณสามารถเลือกชั้นแล้วกด+⌘E
สุดท้ายคุณสามารถส่งออกเอกสาร PDF พร้อม Artboards ทั้งหมดได้โดยเลือกไฟล์> ส่งออก Artboards เป็น PDF …. คุณสามารถเลือกลำดับที่จะส่งออก Artboards ผ่านค่ากำหนด
วิธีสร้างและใช้การตั้งค่าก่อนการส่งออก
ในการส่งออกเลเยอร์ในเอกสารของคุณในขนาดหรือรูปแบบอื่นให้เลือกเลเยอร์นั้น> คลิกแผงทำให้สามารถส่งออกได้ที่ด้านล่างของตัวตรวจสอบ คุณจะเห็นการตั้งค่าล่วงหน้าการส่งออกที่นี่พร้อมกับตัวเลือกต่างๆ:
- ขนาด : เลือกขนาดจากเมนูแบบเลื่อนลงหรือสร้างขึ้นเองโดยพิมพ์ตัวเลขลงในช่องขนาดโดยตรง อย่าลังเลที่จะเพิ่มอัตราส่วน (2x, 3x ... ) หรือลด (0.5x, 0.25x) หรือระบุความสูง / ความกว้างที่เฉพาะเจาะจงเป็นพิกเซล
- คำนำหน้า / คำต่อท้าย: หากคุณส่งออกงานในอัตราส่วนที่แตกต่างกันคุณต้องใช้เมนูแบบเลื่อนลงเพื่อเลือกคำนำหน้าหรือคำต่อท้าย คุณสามารถปรับแต่งได้โดยพิมพ์ในช่องข้อความก่อน (คำนำหน้า) หรือหลัง (คำต่อท้าย) จุดไข่ปลาที่แสดงชื่อไฟล์
- รูปแบบ : เลือกรูปแบบจากเมนูแบบเลื่อนลง
- ลบ
Xค่าที่ตั้งไว้: คลิกเพื่อลบค่าที่ตั้งไว้ล่วงหน้าของเอาต์พุตนี้
- เพิ่ม
+ค่าที่ตั้งไว้ล่วงหน้า: คลิกเพื่อเพิ่มค่าที่ตั้งไว้ล่วงหน้าสำหรับเลเยอร์นี้ในการตั้งค่าเอาต์พุต
- Preset Sets : คลิกปุ่ม Preset เพื่อเลือกชุดค่าที่ตั้งไว้ล่วงหน้า คุณยังสามารถสร้างชุดพรีเซ็ตใหม่และลบออกได้ที่นี่
- สร้างเลเยอร์ : คลิกไอคอนมีดเพื่อสร้างเลเยอร์บาง ๆ ที่ด้านบนของเลเยอร์ที่เลือกด้วยการตั้งค่าล่วงหน้า
- ส่งออกที่เลือก… : คลิกปุ่มนี้เพื่อส่งออกเลเยอร์โดยใช้การตั้งค่าด้านบน
- ดูตัวอย่าง : หน้าต่างแสดงตัวอย่างจะบอกให้คุณทราบว่าเลเยอร์จะมีลักษณะอย่างไรเมื่อส่งออก คุณยังสามารถลากและวางลงในเดสก์ท็อปหรือแอปอื่น ๆ ได้โดยตรงเพื่อการส่งออกอย่างรวดเร็ว
- แบ่งปัน : อีกทางเลือกในการส่งออกอย่างรวดเร็วคือการคลิกปุ่มการแชร์สำหรับตัวเลือกมาตรฐานในการแบ่งปันผ่านเมลข้อความ AirDrop ...
วิธีใช้ Slice
Slice คือเลเยอร์ประเภทหนึ่งที่คุณสามารถวาดลงบนผืนผ้าใบที่สามารถส่งออกทุกอย่างที่อยู่ภายในเป็นรูปภาพได้ คุณสามารถเลือกปรับขนาดย้ายซ่อนหรือจัดกลุ่มได้เหมือนกับเลเยอร์อื่น ๆ
วิธีใส่ Slice
เลือกแทรก> สไลซ์หรือคลิกSจากนั้นคลิกและลากที่ใดก็ได้บนผืนผ้าใบเพื่อวาดชิ้นใหม่ หรือคลิกที่เลเยอร์ใดก็ได้เพื่อสร้างส่วนรอบ ๆ
เคล็ดลับ:เมื่อสร้างชิ้นส่วนให้ตั้งชื่อที่สื่อความหมายในรายการเลเยอร์ Sketch จะใช้เป็นชื่อไฟล์เมื่อส่งออก หากคุณใส่ / ในชื่อ Sketch จะใช้สิ่งที่เขียนไว้ข้างหน้าเป็นชื่อโฟลเดอร์ทุกอย่างหลังจากนั้นคือชื่อไฟล์ในโฟลเดอร์นั้น
เช่นเดียวกับเลเยอร์อื่น ๆ คุณสามารถวางการตั้งค่าการส่งออกเป็นชิ้น ๆ ได้
วิธีปรับแต่งชิ้นส่วน
Slice มีตัวเลือกพิเศษบางอย่างอยู่ในตัวตรวจสอบ การตรวจสอบTrim Transparent Pixelsจะลบพิกเซลว่างในส่วนรอบขอบของเนื้อหา
ถ้าคุณวางสไลซ์ในกลุ่มกล่องกาเครื่องหมายเอ็กซ์พอร์ตเนื้อหากลุ่มเท่านั้นจะทำให้แน่ใจว่าสไลซ์ใด ๆ ที่มีเฉพาะเนื้อหาภายในกลุ่มสไลซ์
ตรวจสอบสีพื้นหลังและเลือกสีพื้นหลังสำหรับเอาต์พุตชิ้น
วิธีการส่งออกโค้ด CSS และ SVG
เลือกจากเลเยอร์ลงในเอกสารCtrl+ คลิกและเลือกคัดลอกแอตทริบิวต์ CSS เพื่อคัดลอกข้อมูลสไตล์ใด ๆ ของพวกเขาเป็นโค้ด CSS ไปยังคลิปบอร์ด ตัวอย่างเช่นนี่คือ CSS ของรูปทรงธรรมดา:
/ * สี่เหลี่ยมผืนผ้า: * /
background: # 6DD400;
เส้นขอบรัศมี: 5px;
การคัดลอกโค้ด SVG ก็เหมือนกัน เลือกชั้นรูปร่างCtrl + คลิกที่มันแล้วเลือกCopy SVG รหัส
รองรับรูปแบบการส่งออกไฟล์ Sketch
- บิตแมป: PNG, JPG, TIFF, WebP
- เวกเตอร์: SVG, PDF, EPS
วิธีพิมพ์ Artboard หรือ Slice
เลือกไฟล์> พิมพ์>คลิกArtboardหรือSlice ที่คุณต้องการพิมพ์
ข้างต้นเป็นคำแนะนำเบื้องต้นเกี่ยวกับวิธีการส่งออก / นำเข้าไฟล์ในร่าง หวังว่าบทความนี้จะมีประโยชน์กับคุณ