คำแนะนำในการนำเข้าและส่งออกไฟล์ใน 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 ผ่านค่ากำหนด

วิธีสร้างและใช้การตั้งค่าก่อนการส่งออก

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

คำแนะนำในการนำเข้าและส่งออกไฟล์ใน Sketch
  • ขนาด : เลือกขนาดจากเมนูแบบเลื่อนลงหรือสร้างขึ้นเองโดยพิมพ์ตัวเลขลงในช่องขนาดโดยตรง อย่าลังเลที่จะเพิ่มอัตราส่วน (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 ที่คุณต้องการพิมพ์

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

ฝากความเห็น

อธิบายเกี่ยวกับซัมเมอร์วีน: มันคืออะไรและจะฉลองอย่างไร

อธิบายเกี่ยวกับซัมเมอร์วีน: มันคืออะไรและจะฉลองอย่างไร

เรียนรู้เกี่ยวกับวิธีการจัดงานฮาโลวีนช่วงฤดูร้อนที่ได้รับแรงบันดาลใจจาก Gravity Falls เลือกวันและรูปแบบการเฉลิมฉลอง และวางแผนงานปาร์ตี้ Summerween แบบไร้ความเครียด

เกมสร้างทีมในที่ทำงานช่วงฮาโลวีนที่ดีที่สุด

เกมสร้างทีมในที่ทำงานช่วงฮาโลวีนที่ดีที่สุด

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

สร้างเลือดปลอมที่ดูสมจริงโดยไม่ต้องกังวลเรื่องการทำความสะอาด

สร้างเลือดปลอมที่ดูสมจริงโดยไม่ต้องกังวลเรื่องการทำความสะอาด

ผสมเลือดปลอมชนิดมันวาวสำหรับใช้เป็นอุปกรณ์ประกอบฉากเท่านั้น เลือกใช้ผลิตภัณฑ์ที่ปลอดภัยต่อผิวหนังและเครื่องแต่งกาย และทดสอบการทำความสะอาดก่อนคืนวันฮาโลวีน

ของตกแต่งฮาโลวีนน่ารักๆ ที่ไม่มีฉากโหดหรือน่ากลัว

ของตกแต่งฮาโลวีนน่ารักๆ ที่ไม่มีฉากโหดหรือน่ากลัว

สร้างบรรยากาศฮาโลวีนที่อ่อนโยนด้วยสีพาสเทล ผีที่เป็นมิตร ของตกแต่งที่ไม่ต้องแกะสลักง่ายๆ และเคล็ดลับความปลอดภัยที่ใช้ได้จริงสำหรับบ้านของคุณ

10 ไอเดียตกแต่งฮาโลวีนแบบ DIY จากกล่องกระดาษแข็งรีไซเคิล (ง่ายไปจนถึงขั้นสูง)

10 ไอเดียตกแต่งฮาโลวีนแบบ DIY จากกล่องกระดาษแข็งรีไซเคิล (ง่ายไปจนถึงขั้นสูง)

ประดิษฐ์ของตกแต่งฮาโลวีน 10 แบบจากกล่องกระดาษแข็งรีไซเคิล ตั้งแต่พวงมาลัยค้างคาวและฟักทอง ไปจนถึงบ้านผีสิง พร้อมขั้นตอนการทำและเคล็ดลับด้านความปลอดภัย

ชุดฮาโลวีนครูที่เด็กๆ จะจำได้ในปี 2026

ชุดฮาโลวีนครูที่เด็กๆ จะจำได้ในปี 2026

ค้นหาชุดฮาโลวีนสุดคุ้นเคยสำหรับคุณครูในปี 2026 ตั้งแต่ Bluey และ Dog Man ไปจนถึง Mario และ HUNTR/X พร้อมตัวเลือกตามช่วงอายุและเคล็ดลับความปลอดภัยในห้องเรียน

20 ชุดฮาโลวีนง่ายๆ สำหรับนักศึกษาที่คุณสามารถดัดแปลงจากของในตู้ได้

20 ชุดฮาโลวีนง่ายๆ สำหรับนักศึกษาที่คุณสามารถดัดแปลงจากของในตู้ได้

กำลังมองหาชุดฮาโลวีนสำหรับนักศึกษาแบบเร่งด่วนอยู่หรือเปล่า? ลองดู 20 ลุคที่ง่ายและประหยัดงบประมาณ ซึ่งสร้างจากเสื้อผ้าพื้นฐานในตู้ พร้อมเคล็ดลับการแต่งตัวและความปลอดภัยอย่างรวดเร็ว

สไตล์สยองขวัญจาก BookTok: หนังสือและของตกแต่งสำหรับวันฮาโลวีนที่ตอบโจทย์ความน่ากลัวทุกระดับ

สไตล์สยองขวัญจาก BookTok: หนังสือและของตกแต่งสำหรับวันฮาโลวีนที่ตอบโจทย์ความน่ากลัวทุกระดับ

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

วิธีจัดงานปาร์ตี้ฮาโลวีนเสมือนจริงสำหรับทีมที่ทำงานทางไกล

วิธีจัดงานปาร์ตี้ฮาโลวีนเสมือนจริงสำหรับทีมที่ทำงานทางไกล

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

น่ากลัวแต่ก็แสนน่ารัก: ไอเดียจัดงานปาร์ตี้ฮาโลวีนสำหรับโรงเรียนประถม

น่ากลัวแต่ก็แสนน่ารัก: ไอเดียจัดงานปาร์ตี้ฮาโลวีนสำหรับโรงเรียนประถม

วางแผนจัดงานปาร์ตี้ฮาโลวีนสนุกๆ สำหรับเด็กประถม ด้วยงานประดิษฐ์ง่ายๆ เกม ขนมสำหรับทุกคน เคล็ดลับการแต่งกาย และตัวอย่างตารางเรียนในห้องเรียน 75 นาที