Sketch3:グループをエクスポートし、透明な背景のサイズを維持する


16

背景として透明な長方形のグループがあります。グループをエクスポートし、エクスポートされたpngを背景の長方形と同じサイズにします。

しかし、スケッチは透明なピクセルを自動的にトリミングします。

これはレイヤー階層です:

ここに画像の説明を入力してください

四角形6は透明で、サイズは50 * 50、星12は単色で、サイズは32 * 32です。このグループを50 * 50 pngとしてエクスポートします。

スケッチバージョン3.2.2を使用しています。

回答:


20

あなたのために2つの答えを得ました...

  1. Rectangle 6を選択し、エクスポート可能にするをクリックして、Create Separate Slice Layer(小さなナイフ)をクリックし、表示された画像をデスクトップにドラッグしてエクスポートします。

回答1

  1. (より良い答え)透明な長方形を使用する代わりに、アートボードを作成します。Aを押して、50x50のボックスをドラッグします。スターを追加し、アートボードを選択して[エクスポート可能にする]をクリックし、最後に表示されている画像をデスクトップにドラッグします。

回答2


2番目はあまり明確ではありません。Make Exportableはどこにありますか?
atilkan

スライス方法が機能するはずです。画像をドラッグする代わりに、右下のエクスポートボタンを使用してみてください。第二の方法については、私はあなたがクリックするために必要なものhuphtur miswroteは、あなたが右上隅に見ることができる「輸出アートボード1」だと思う
スパイラル

@atilkan、アートボードをエクスポートしようとしましたか?動作し、透明ピクセルを保持します。

@ JaneDoe1337は1.1年後にもわざわざ回答しません。なんとか考えました。
atilkan 16

@atilkan質問に回答済みのマークを付けないと、一定期間後に質問が表示されるので、人々はまだ質問に答えることができます。答えやコメントから利益を得ることができるのはあなただけではありません。

4

代替の簡単なソリューション:

de border Thichnkessを0.01px以下に変更します。エクスポートすると、アウトラインはレンダリングされません。

ここに画像の説明を入力してください

できます。

ここに画像の説明を入力してください


1
遠野ゲレロさん | 0.01ボーダー厚のソリューションは、不要なアートボードとスライスを作成しないため、うまく機能しました。
プラバハラCS

1
私には最適ではありません。0.01の境界線では輪郭がほとんど見えません。PhotoshopでMagic Wandを使用しているときに確認できます。
パベルアレキセフ

1

これは古すぎるかもしれませんが、他の人を助けることができます。

@spjpgrdの回答によると、このオプションは、アートボードからレイヤーを配置すると表示されます。

ここに私がやった方法があります


0

アートボードの方法がその方法です。

既に50x50の透明な長方形がある場合、グループを選択して「A」を押して新しいアートボードを作成すると、右側の最初のオプションは「選択範囲の周辺」になります。とても便利です。

ここに画像の説明を入力してください


そのオプションは表示されません。
atilkan

0

以下をせよ:

  1. エクスポートするレイヤーを選択
  2. プレスLayers->Flatten to Bitmap
  3. 左のリストからデスクトップにビットマップをドラッグします

0

グループを選択し1star、それを右クリックして選択しCreate SymbolSymbolsページに移動して、新しいシンボルでアートボードを選択し、右側のパネルでエクスポート設定を設定します-このワークフローは、すべてのグループのシンプルなアートボードとして機能しますが、シンボルの再利用機能を備えています。


0

準備ができたスケッチファイルを受け取った開発者としての私にとって、最速の方法はPhotoshopで画像を開き、「画像→キャンバスサイズ」に進み、サイズを変更して保存することです。


0

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

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

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.