背景が透明なスケッチのスライスをエクスポートする

Sketch 3を使用してアイコンをエクスポートする場合、アイコン自体は24x24ですが、32x32の領域内にあります。

24x24と32x32の2つの異なるレイヤーを組み合わせてそれを行う方法を見つけましたが、面倒なプロセスです。これをすべてのアイコンごとに行う必要があります。

より速いワークフローはありますか？

ヒットAしてArtboardを作成し、サイズを選択（または+右下のをクリックして独自のサイズを設定）し、エクスポートを開始します。追加のレイヤーを作成する必要はありません。

あなたがそれを行う方法を知っていれば、実際には非常に簡単です:)

24x24pxのアイコンがあり、pngを32x32pxにしたいとします。アイコンの上にスライスを作成する必要があります。スライスは32x32pxでなければなりません。次に、スライスとアイコンをグループ化します。最後になりましたが、スライスをクリックすると、インスペクターに次のようなものが表示されます。

[グループコンテンツのみをエクスポート]をオンにしてください。他のオプションはオフにする必要があります。

この方法では、アイコンの下に透明な背景がない場合でも、透明なpngをエクスポートします。

アイコンレイヤー（24x24）のみをエクスポートする場合は、レイヤーをデスクトップにドラッグします。

これを使用してアセットをエクスポートします。Sketch自体と他のほとんどのプラグインの問題は、エクスポート中に非表示のレイヤーを無視することです。その結果、不可視の境界は機能しません。

境界の不透明度を0に下げて、Sketchをだましてエクスポートさせようとしました。しかし、Sketchのネイティブエクスポートはそれほど単純ではありません。

Androidのアセットを簡単にエクスポートするのに役立つSketchのプラグインの大群が表示される場合があります。関係する手順を減らすことができますが、境界の問題は解決しません。

これは。

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

iOS、Android、およびWindowsのアセットをすべての解像度でエクスポートしながら、境界をそのまま維持できます。

すべてのアートボードの労力を節約します。

この方法はうまくいきました：アイコンが置かれているレイヤーの上に正しいサイズのスライスレイヤーを配置し、それらがグループ化されていないことを確認します。

それが役に立てば幸い

手動で1つずつ実行するよりも多くの時間を費やしましたが、giveめずにうまく機能するソリューションを見つけました。

1. エクスポートするすべてのアイコンを新しいファイルにコピーします
2. それらをシンボルに変換する
3. それらはシンボルになったので、独自のアートボードがあります（シンボルのページを表示するには、シンボルの1つをダブルクリックするだけです）
4. シンボルページで、すべてのシンボルが折りたたまれていることを確認します[表示]> [レイヤリスト]> [すべてのグループを折りたたんで、すべて選択しますcmd + A
5. これで、エクスポート可能にするか、すべてエクスポートするかを選択できます
6. 出来上がり！それらに適切な名前を付けた場合、きちんとした小さなフォルダーに入れます

これが役に立てば幸いです！

別のアートボードを作成することを回避する回避策を思いつきました。それは少しハッキーですが、それは私のために働いた。デザイン内のアイコンをZeplinでエクスポートできるようにしたかった。そのため、新しいアートボードを作成すると、開発者がアイコンを見つけるのが難しくなります。

そこで、ブレンドモード「ダーケン」で正方形の背景を1％の不透明度にしました。まったく見えません。次に、それをアイコンでグループ化し、グループをエクスポート可能にしました。超シンプル。