スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Retina対応のmacアプリ用アイコンの作り方

他のサイトにもちょこっとは載っているんですが

ずぶの素人な私にはそれらのページだけではどうにもわかりづらくて四苦八苦してしまいました。

慣れれば、なーんだ簡単じゃないの、ってことなんですけどね。

コマンド使え

って言われてmacにもあるんか??っていうレベル(とほほ)

だってそんなもん無くたってデザインは出来るもん!( ;∀;)

というわけで、そこから解説します。

macのコマンド、もとい、ターミナルの場所ですが

アプリケーションフォルダの中の、ユーティリティフォルダの中に

ひっそりとありました。

今は場所だけ確認しておけばおk。


さて、では画像を作りましょう。

ファイル形式はpng

イチバンでっかいのは1024×1024px必要です。

用意するサイズは16,32,128,256,512,1024(いずれも正方形)となります。

とりあえず6サイズあればいいかな。

それぞれのファイル名ですが

1024以外は
icon_◯◯x◯◯.png (◯◯にはサイズの数字が入ります)

1024の画像は
icon_512x512@2x.png

としてください。

この6つのファイルを1つのフォルダに詰め込みます☆


フォルダ名を ◯◯◯.iconset (全て半角アルファベットでね。◯◯◯は好きな名前を)とつけます。

末尾に拡張子をつけても〜というポップアップが出ますが、OKしちゃって大丈夫です!

そのフォルダを、デスクトップに置きます( ´∀`)つ ミ


さぁ、ターミナルを起動しましょう!
マウスは使えません。キーボードだけでの操作となります。

といっても、ほぼコピペでいけますのでご安心を。

まず、次の1行をコピペして改行して下さい。
cd ~/Desktop

これで、デスクトップにあるものが対象にできます。

次にこれまたコピペして下さい。エンター(改行)はまだ押さないでね!
iconutil -c icns XXX.iconset

矢印でXXXまで戻り戻りしてください。

そして、XXXの部分を自分が先ほどつけたフォルダ名に書き換えて下さい

ここまでできたらエンターを押せば

アイコン完成〜( ゚Д゚ノノ☆パチパチパチパチ


スポンサーサイト

コメントの投稿

非公開コメント

プロフィール

じぇにふぁ

Author:じぇにふぁ
じぇにふぁと申します。
自宅でデザイナー(たまにイラストレーター)やってます。
本家はアメブロだったりしますが、上手く使い分けできればなぁと思ってます。よろしくお願いしますm(_ _)m

ブロとも申請フォーム

この人とブロともになる

ここ以外の活動場所
ホームページはこちら

本家ブログ



月別アーカイブ
カテゴリ
カウンター
検索フォーム
リンクいろいろ
検索フォーム
お天気

-天気予報コム- -FC2-
RSSリンクの表示
QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。