Sketch3: ส่งออกกลุ่มและรักษาขนาดของพื้นหลังโปร่งใส


16

ฉันมีกลุ่มที่มีรูปสี่เหลี่ยมผืนผ้าโปร่งใสเป็นพื้นหลังฉันต้องการส่งออกกลุ่มทำให้ png ที่ส่งออกมีขนาดเท่ากับสี่เหลี่ยมผืนผ้าพื้นหลัง

แต่ร่างจะย่อขนาดพิกเซลโปร่งใสของฉันโดยอัตโนมัติ

นี่คือลำดับชั้นของเลเยอร์:

ป้อนคำอธิบายรูปภาพที่นี่

สี่เหลี่ยมผืนผ้า 6 มีความโปร่งใสและมีขนาด 50 * 50 ดาว 12 อยู่ในสีทึบและมีขนาด 32 * 32 ฉันต้องการส่งออกกลุ่มนี้เป็น 50 * 50 png

ฉันใช้ร่างเวอร์ชัน 3.2.2

คำตอบ:


20

มี 2 ​​คำตอบสำหรับคุณ ...

  1. เลือกสี่เหลี่ยมผืนผ้า 6 และคลิกที่ทำให้สามารถส่งออกได้ตอนนี้คลิกสร้างเลเยอร์แยกชิ้น (มีดเล็ก ๆ ) และเพียงลากรูปภาพที่แสดงไปยังเดสก์ท็อปของคุณเพื่อส่งออก

คำตอบ 1

  1. (คำตอบที่ดีกว่า) แทนที่จะใช้สี่เหลี่ยมโปร่งใสสร้างอาร์ตบอร์ด กด A และลากกล่อง 50x50 เพิ่มดาวของคุณเลือก Artboard และคลิกทำให้ส่งออกแล้วลากรูปภาพที่แสดงไปยังเดสก์ท็อปของคุณ

คำตอบ 2


ประการที่สองไม่ชัดเจนมาก ทำให้ส่งออกได้ที่ไหน
atilkan

วิธีการแบ่งส่วนควรใช้งานได้ลองใช้ปุ่มส่งออกทางด้านขวาล่างแทนการลากภาพ สำหรับวิธีที่สองฉันคิดว่า huphtur miswrote สิ่งที่คุณต้องคลิกคือ "export artboard 1" ซึ่งคุณสามารถเห็นทางมุมขวามือ
เกลียว

@atilkan คุณยังพยายามส่งออก artboard หรือไม่ มันใช้งานได้มันทำให้พิกเซลโปร่งใส
ฤดูร้อน

@ JaneDoe1337 ไม่สนใจที่จะตอบหลังจาก 1.1 ปี ฉันคิดออกอย่างใด
atilkan

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

4

ทางเลือกและทางออกที่ง่าย:

เปลี่ยนเส้นขอบ Thichnkess เป็น 0.01px หรืออะไรก็ได้ด้านล่างและเมื่อส่งออกเค้าร่างจะไม่แสดงผล

ป้อนคำอธิบายรูปภาพที่นี่

มันได้ผล.

ป้อนคำอธิบายรูปภาพที่นี่


1
Toño Guerrero's | วิธีแก้ปัญหาความหนาของเส้นขอบ 0.01 ใช้งานได้ดีสำหรับฉันเพราะจะไม่สร้างบอร์ดและชิ้นที่ไม่ต้องการ
Prabaharan CS

1
ใช้งานไม่ได้กับฉัน - 0.01 เส้นขอบสร้างโครงร่างที่มองเห็นได้แทบ คุณสามารถดูได้เมื่อใช้ Magic Wand ใน Photoshop
Pavel Alexeev

1

นี่อาจจะเก่าเกินไป แต่ก็สามารถช่วยเหลือผู้อื่นได้ ..

ตามคำตอบของ @spjpgrd ตัวเลือกนี้จะปรากฏขึ้นหากคุณวางเลเยอร์ของคุณออกจากกระดานศิลปะ

นี่คือวิธีที่ฉันทำ


0

วิธี artboard เป็นวิธีที่จะไป

หากคุณมีสี่เหลี่ยมผืนผ้าโปร่งใสขนาด 50x50 แล้วหากคุณเลือกกลุ่มและกด "A" เพื่อสร้างบอร์ดใหม่ตัวเลือกแรกทางด้านขวามือคือ "รอบตัวเลือก" สะดวกสุด ๆ

ป้อนคำอธิบายรูปภาพที่นี่


ตัวเลือกนั้นไม่ปรากฏขึ้น
atilkan

0

ทำดังต่อไปนี้:

  1. เลือกเลเยอร์ที่จะส่งออก
  2. กดLayers->Flatten to Bitmap
  3. ลากบิตแมปจากรายการด้านซ้ายไปยังเดสก์ท็อป

0

เลือกกลุ่ม1starจากนั้นคลิกขวาที่มันCreate Symbolจากนั้นไปที่Symbolsหน้าเลือก artboard ที่มีสัญลักษณ์ใหม่ของคุณและตั้งค่าการส่งออกการตั้งค่าบนแผงด้านขวา - เวิร์กโฟลว์นี้ใช้งานได้ง่ายเหมือน artboard สำหรับทุกกลุ่ม แต่ขับเคลื่อนด้วยคุณสมบัตินำสัญลักษณ์


0

สำหรับฉันในฐานะนักพัฒนาที่ได้รับไฟล์ร่างพร้อมวิธีที่เร็วที่สุดคือการเปิดภาพใน Photoshop ไปที่ 'รูปภาพ→ขนาดผ้าใบ' เปลี่ยนขนาดและบันทึก


0

ฉันใช้เวลามากกว่าที่จะไปด้วยตนเองเพื่อไปทีละคน แต่ฉันไม่ยอมแพ้และพบทางออกที่ทำงานได้ดี:

  1. คัดลอกไอคอนทั้งหมดที่คุณต้องการส่งออกไปยังไฟล์ใหม่
  2. แปลงเป็นสัญลักษณ์
  3. เมื่อพวกเขากลายเป็นสัญลักษณ์พวกเขาจะมีบอร์ดของตัวเอง (คุณเพียงแค่ดับเบิลคลิกที่หนึ่งในสัญลักษณ์เพื่อไปที่หน้าสัญลักษณ์)
  4. เมื่ออยู่ที่หน้าสัญลักษณ์ตรวจสอบให้แน่ใจว่าสัญลักษณ์ทั้งหมดถูกยุบดู> รายการเลเยอร์> ยุบกลุ่มทั้งหมดและเลือกพวกเขาทั้งหมดcmd + A
  5. ตอนนี้คุณสามารถไปที่และเลือกทำให้การส่งออกที่สิ้นสุดส่งออกได้ทั้งหมด
  6. Voila! หากคุณตั้งชื่อให้ถูกต้องคุณจะต้องเก็บไว้ในโฟลเดอร์เล็ก ๆ ที่เรียบร้อย

หวังว่านี่จะช่วยได้!

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.