Експорт фрагмента в ескіз з прозорим фоном навколо

16

За допомогою програми "Ескіз 3" потрібно експортувати піктограму, самі значки розміром 24x24, але вони знаходяться в межах 32x32.

Я зрозумів, як це зробити, поєднуючи два різні шари: один 24x24 та другий 32x32, але це копіткий процес. Мені потрібно це зробити для кожної окремої ікони.

Чи є швидший робочий процес?

export sketch-app

— Аріель Сейдман
джерело

1

чи можете ви уточнити, що ви маєте на увазі під «територією»? Суцільний колір? Арт-арт? Шматочок? Або вам просто потрібен кінцевий файл розміром 32x32 із значком 24x24 всередині нього?

— спіраль

Привіт Аріель, ласкаво просимо на GDSE і дякуємо за запитання. Будь ласка, поясніть, у чому полягає ваша проблема, як запитує Spiral. Якщо можливо, будь ласка, опублікуйте приклад малюнка. Спасибі! Якщо ви хочете дізнатися більше про сайт, відвідайте довідковий центр або зателефонуйте до нас у чат, коли ваша репутація буде достатньою (20). Продовжуйте сприяти і насолоджуйтесь сайтом!

— Вінсент

14

Натисніть, Aщоб створити Artboard , виберіть розмір (або встановіть свій власний, клацнувши +в нижньому правому куті) та починайте експортувати. Не потрібно створювати зайві шари.

— М. Аппельман
джерело

7

Насправді це дуже просто, якщо ти вмієш це робити :)

Припустимо, у вас є значок розміром 24x24px, і ви хочете, щоб png був 32x32px. Ви повинні створити фрагмент над іконою. Фрагмент повинен бути 32x32px. Потім згрупуйте фрагмент і піктограму разом. І останнє, але не менш важливе: натисніть на фрагмент і в інспектора ви побачите щось подібне:

Переконайтесь, що ви поставили прапорець "Тільки вміст групи експорту". Інші параметри повинні бути відмічені.

Таким чином, ви експортуєте прозорий png, навіть якщо під значком немає прозорого фону.

— Інма
джерело

У мене немає варіантів тез, буде застаріло? Я використовую ескіз версії 56.2

— Adriano Resende

1

Якщо потрібно експортувати лише шар значка (24x24), просто перетягніть шар на робочий стіл.

— Кіліан
джерело

Було б непогано. На жаль, у вас не буде значків для більш високої роздільної здатності екрана.

— Джуліан Ф. Вайнерт

1

Використовуйте це, щоб експортувати свої активи. Проблема з самим Sketch та більшості інших плагінів полягає в тому, що він нехтує невидимими шарами під час експорту. Як результат, невидимі межі не працюють.

Я навіть намагався зменшити непрозорість прив'язки до 0, щоб спробувати заманити ескіз на експорт. Але власний експорт Sketch не настільки наївний.

Можливо, ви побачите орду плагінів Sketch, які допомагають легко експортувати активи для Android. Вони можуть зменшити необхідні кроки, але це не вирішує проблему меж.

Цей робить.

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

Це дозволяє експортувати активи для iOS, Android та Windows для всіх дозволів, зберігаючи межі недоторканими.

Заощаджує всі зусилля, пов’язані з областю мистецтва.

— Сартак Праніт
джерело

1

Привіт Сартхаку, поясни, будь ласка, трохи більше, що ми знайдемо за наданим вами посиланням і чому він відповідає на це питання? Таким чином, ваша відповідь все ще має значення, якщо посилання розірветься згодом. Гниль посилань - основна причина, по якій ми дійсно не любимо відповіді лише на посилання. Дякуємо за ваші зусилля та продовжуйте робити свій внесок!

— Вінсент

0

Цей метод працював для мене: розмістіть шар зрізу правильного розміру над шаром, на якому знаходиться ваш значок, і переконайтеся, що вони не згруповані .

Сподіваюся, це допомагає

— cmdQ
джерело

0

Я витратив більше часу, ніж знадобилося б вручну, щоб піти по черзі, але я не здавався і знайшов рішення, яке добре працює:

Скопіюйте всі значки, які потрібно експортувати, у новий файл
Перетворіть їх у символи
Оскільки вони стали символами, вони матимуть власні графіки (вам просто потрібно двічі клацнути один із символів, щоб потрапити на сторінку символів)
Перебуваючи на сторінці символів, переконайтеся, що всі символи згорнуті Перегляд> Список шарів> Згорнути всі групи та виберіть їх усі cmd + A
Тепер ви можете продовжувати та вибирати зробити експорт для кінця експортувати їх усіх
Вуаля! Якщо ви їх правильно назвали, ви також матимете їх у акуратних маленьких папках

сподіваюся, що це допомогло!

— Джей
джерело

0

Я придумав рішення, яке не передбачає створення окремих артбордів. Це трохи хакі, але це працювало на мене. Я хотів, щоб ікони в рамках мого дизайну були експортованими в Zeplin. Таким чином, створення нових графічних майданчиків розробникам ускладнить пошук піктограм.

Тому я зробив непрозорість на квадратному фоні за допомогою режиму накладання "Темніти". Ви його зовсім не бачите. Потім я згрупував це з піктограмою і зробив групу для експорту. Супер просто.

— шарпак
джерело