Applerider’s Gadget

気になるガジェットなどを書き留めるブログです。ここに仮面ライダードライブはいません。

【iPadアプリ】iOSアプリ用のアイコン作成に困っていたら、Adobe Photoshop touchがとっても簡単だった!



こんにちは。
@majestic8です。

MacBook Proを購入したこともあり、iPhoneアプリの開発のための勉強を始めています。


はじめてのXcode4プログラミング
定価:¥ 2,730
新品最安価格:¥ 2,730 (1店出品)
中古最安価格:23%OFF ¥ 2,080 (5店出品)
売上ランク:89664位
レビュー平均:3.03.0点 (1 人がレビュー投稿)
by 通販最速検索 at 2012/07/28



Xcode 4.4(無料)App
カテゴリ: 開発ツール
販売元: Apple - iTunes K.K.(サイズ: 1,564.5 MB)



そんな私が、アプリのアイコン用画像を作る段になって、画像を指定したサイズにリサイズするのってどうしたら良いんだろう?とぶち当たった壁を取り払ってくれたアプリを紹介します。



その名も「Adobe Photoshop touch」iPad専用です。

えっ、ベタですかね?しかも有料って!


Adobe Photoshop Touch 1.2(¥850)App
カテゴリ: 写真/ビデオ, エンターテインメント
販売元: Adobe Systems Incorporated - Adobe Systems, Inc.(サイズ: 66.8 MB)


でもこいつ、超簡単なんですよ!
アプリ用のアイコン作成の手順をご紹介したいと思います!!


アプリのアイコン用画像は114×114 (Retinaの場合)

それでは早速アプリを利用してiPhone用のアイコンを使ってみましょう。
まずはアプリを立ち上げ、右側のボタンをタップします。


続いてリサイズするサイズを指定します。
レティナ用のアイコンは114×114です。




すると、画面が114×114になります。


ここで指定したい画像を選びます。


なんと一発でリサイズされます!


画像をずらすと、ほらっ!リサイズしてますね。


左上の矢印を押して加工完了です。


こんな感じで出来上がりです。


名前をタップでリネームも簡単です。icon@2×はiPhone用のアイコン(Retina)用の名前です。覚えておきましょう。


さて、この画像をどうやってMacBook Proに渡そうか?

今回は、Photoshopが用意しているクラウドを利用したいと思います。


まずは「Adobe Creative Cloud」のサイトを開きます

えっ?有料??と思いきやフリープランもありました。


IDを登録し、開くと先ほどの画像が出てきます。画像を選択しましょう。


右上のダウンロードボタンを押下します。


ファイルの種類を選びます。iPhone用アイコンは「png」です。

ついに出来上がりました!こちらが114×114のiPhoneアイコン(Retina)です。

なんかとっても長くなってしまいましたが、本当に簡単なんですよ。
ちなみにクラウド経由ではなく、メールで送っちゃった方が速いかもしれません。

このあたりは好みの問題ですね。

ちなみに、MacApp Storeでフォトショのアプリを落とせばいいって話なのですが、
金額がねぇ・・。

なので、iPadなのですよ。

ちなみに、MacApp Storeにあるのはこいつです。

Adobe Photoshop Elements 10 Editor 10.0(¥6,900)App
カテゴリ: 写真, グラフィック&デザイン
販売元: Adobe Systems Incorporated - Adobe Systems, Inc.(サイズ: 1,302.6 MB)


iPad用はこいつです。金額の差が半端ないっす。

Adobe Photoshop Touch 1.2(¥850)App
カテゴリ: 写真/ビデオ, エンターテインメント
販売元: Adobe Systems Incorporated - Adobe Systems, Inc.(サイズ: 66.8 MB)