読者です 読者をやめる 読者になる 読者になる

ハイパーニートプログラマーへの道

頑張ったり頑張らなかったり

【Android】アイコンの画像を用意して変更(+使用したアプリ、Macでの透過画像の作成など)

iOSアプリでもそうですが、アイコン画像やスクリーンショットを用意するのは結構めんどい。

アプリ申請に必要なものはここら辺の記事を

[Android] アプリ申請時に必要な画像やテキスト | tande lab.

*宣伝用画像(500x1024)は必須になったようです。(これも結構苦労した・・・)

Eclipseのddmsで(エミュレータの)スクリーンキャプチャを撮る

エミュレータを起動し、デバイスを選んで、▽もしくはカメラアイコンをクリック

するとキャプチャのビューワが立ち上がる。

エミュレータ側で画面の変更があったら、Refreshを押すと、ビューワが更新される。

良ければSave

エミュレータによっては真っ黒になるものもあって、それが苦労しました。何故かはわからんです。

アイコン用画像の用意

AppIconというアプリに放り込むと便利。

AppIcon

AppIcon

その前に正方形に切り出しておくと良いです。今回はスクリーンキャプチャからなんとか512 X 512の画像を切り出しまして・・・

透過画像を用意しなきゃならんので、Macのプレビューを使います。

Snow Leopardでの透過PNGの作り方 - Macintosh - 教えて!goo

Mac OS X のプレビューで PNG 形式の「透過画像」を作る

今回Mac OS XはMavericksですが、操作は同じでしたね。

透過にしたい画像(PNG)をプレビューで表示>ツール>カラーを調整>カラーツールバーの左から2番目に魔法のスティッキみたいなアイコンがある(インスタントアルファ)

f:id:noriyo_tcp:20140904160229p:plain

透過にしたい場所をクリックしたままドラッグすると切り出す範囲が選択される(これが結構難しいが、慣れればおk) *「選択部分を反転Shift + ⌘ + I」も便利

f:id:noriyo_tcp:20140904160242p:plain

「切り取り」ボタンを押せばよし(もしくはデリート)

すると切り取られる

f:id:noriyo_tcp:20140904160256p:plain

編集後、ファイル>書き出す...>アルファにチェックを入れる

AppIconで、解像度別のアイコンを作成

放り込むだけですね。各解像度ごとのフォルダの中に画像が生成されます。

f:id:noriyo_tcp:20140904160214p:plain

イコン画像の変更

Androidアプリのアイコン画像を変更する方法【初心者向け】 | TechAcademyマガジン

それぞれの解像度に合わせた画像を入れておく。

ファイル名はたいていic_launcherだと思いますが、もし変更した場合は全部同じ名前にしておく。

AndroidManifest.xmlで設定


切り抜きができるアプリもあるみたい

写真切り抜きツール「PhotoScissors」が90%オフ! – 本日のMacアプリセールまとめ

f:id:noriyo_tcp:20140904220820p:plain

PhotoScissors

PhotoScissors

  • Maxim Gapchenko
  • 写真
  • ¥2,000

記事を書いている時点では200円ですが(あとでよく見たらuntil September 6って書いてある)通常価格2000円とか・・・た、高ぇ・・・。

まあいろいろ機能が豊富みたいなので、よく写真編集・加工する方にはいいんじゃないでしょうか。