การส่งออกชิ้นส่วนใน Sketch ด้วยพื้นหลังโปร่งใสรอบ ๆ

การใช้ Sketch 3 ต้องการส่งออกไอคอนไอคอนเหล่านั้นคือ 24x24 แต่อยู่ในพื้นที่ 32x32

ฉันพบวิธีที่จะทำได้โดยการรวมสองชั้นที่แตกต่างกันหนึ่ง 24x24 และ 32x32 อื่น ๆ แต่มันเป็นกระบวนการที่น่าเบื่อ ฉันต้องทำสิ่งนี้กับทุก ๆ ไอคอน

มีเวิร์กโฟลว์ที่เร็วขึ้นหรือไม่

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

จริงๆแล้วมันง่ายมากถ้าคุณรู้วิธีทำ :)

สมมติว่าคุณมีไอคอนที่ 24x24px และคุณต้องการให้ png เป็น 32x32px คุณต้องสร้างส่วนบนไอคอน ชิ้นต้องเป็น 32x32px จากนั้นจัดกลุ่มชิ้นและไอคอนเข้าด้วยกัน สุดท้าย แต่ไม่ท้ายสุด: คลิกที่ส่วนและในผู้ตรวจสอบคุณจะเห็นสิ่งนี้:

ตรวจสอบให้แน่ใจว่าคุณได้เลือก "ส่งออกเนื้อหากลุ่มเท่านั้น" ตัวเลือกอื่น ๆ จะต้องไม่ถูกตรวจสอบ

ด้วยวิธีนี้คุณจะส่งออก png แบบโปร่งใสแม้ว่าจะไม่มีพื้นหลังแบบโปร่งใสภายใต้ไอคอน

หากคุณต้องการส่งออกเฉพาะเลเยอร์ไอคอน (24x24) เพียงลากเลเยอร์ไปยังเดสก์ท็อป

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

ฉันยังพยายามลดความทึบของขอบเขตเป็น 0 เพื่อพยายามหลอกให้ Sketch ส่งออกมัน แต่การส่งออกดั้งเดิมของ Sketch นั้นไร้เดียงสา

คุณอาจเห็นปลั๊กอินจำนวนมากของ Sketch ซึ่งช่วยในการส่งออกเนื้อหาสำหรับ Android ได้อย่างง่ายดาย พวกเขาอาจลดขั้นตอนที่เกี่ยวข้อง แต่ก็ไม่ได้แก้ปัญหาขอบเขต

อันนี้ทำ

https://github.com/GeertWille/sketch-export-assets

ช่วยให้คุณสามารถส่งออกเนื้อหาสำหรับ iOS, Android และ Windows สำหรับการแก้ปัญหาทั้งหมดในขณะที่รักษาขอบเขตเหมือนเดิม

บันทึกความพยายามของบอร์ดศิลปะทั้งหมด

วิธีการนี้จะทำงานให้ฉัน: สถานที่ชั้นขนาดชิ้นที่ถูกต้องเหนือชั้นที่ไอคอนของคุณอยู่ในและให้แน่ใจว่าพวกเขาจะไม่ได้จัดกลุ่ม

หวังว่ามันจะช่วย

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

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

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

ฉันคิดวิธีแก้ปัญหาโดยไม่เกี่ยวข้องกับการสร้างกระดานแยกต่างหาก มันค่อนข้างแฮ็ก แต่มันใช้ได้สำหรับฉัน ฉันต้องการไอคอนภายในการออกแบบของฉันที่จะส่งออกได้ใน Zeplin ดังนั้นการสร้างบอร์ดใหม่จะทำให้ผู้พัฒนาหาไอคอนได้ยากขึ้น

ดังนั้นฉันจึงสร้างพื้นหลังแบบทึบ 1% ด้วยโหมดผสมผสาน "Darken" คุณไม่สามารถเห็นได้เลย จากนั้นฉันก็จัดกลุ่มนั้นด้วยไอคอนและทำให้กลุ่มสามารถส่งออกได้ ง่ายสุด ๆ