13
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Sketch3でAndroid用の画像を切り出す

Posted at

Sketch Toolboxをインストールする

以下のサイトからインストールしてください
http://sketchtoolbox.com/

Sketch Better Android Export プラグインをインストールする

Sketch Toolboxを起動して、検索ボックスに「Sketch Better Android Export」と入力してライブラリを表示し、インストールします。

スクリーンショット 2016-01-19 16.42.21.png

Sketchで画像を切り出す。

  1. Sketchを起動し、画像データ(.jpg,.png,.ai等)をドラッグ&ドロップする
  2. Slice Layerで画像を選択する
  3. Sketchトップメニュー > Plugin > Sketch Better Android Export > Better Android Export > Export Selected Layers(@1x Base)
  • @1x Baseはmdpiサイズを基準として画像を書き出します。
  1. 各解像度毎に画像が作成されます。

スクリーンショット 2016-01-19 17.16.58.png

Android Studioにimportする

あまりいい方法がみつからなかったのですが、比較的マシな方法としては、「Android Drawable Importer」というAndroid Studioのプラグインを使ってimportすることが出来ます。

インストール

  • AndroidStudio > Preferences > Plugins > Browse Repositories... > 検索窓に「Android Drawable Importer」と入力し、インストールする
  • プラグインを有効にするためにAndroidStudioを再起動する

使い方

  • プロジェクトツリーでres/drawableディレクトリを右クリック > New > Multisource-Drawable
  • MDPI AssetsからXXHDPI Assetsまでの画像のパスを指定し、OKを押す。
13
17
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?