*

iPhoneのホームにブックマークを追加してもらいたくてアイコンを作った

Adsense

どうも、犬小屋でした。

RSSリーダーを使っているのは割とマニアの方で、
ブックマークが一般的なのかなぁ…とか考え始めています。

犬小屋のブログはiPhoneのホーム画面に置いていただくほどのブログでないのは重々承知してますが、
作ったので手順などを紹介します、

アイコンの作り方は後半に!

まずはブックマークをホーム画面に追加する方法

まずは犬小屋ブログのホームに行きます、

ホームはこちら

20130317101635

Safariの下段にある四角から矢印が飛び出たアイコンをタップします、

20130317101635

ニョキッと出てきた吹き出しの真ん中にある【ホーム画面に追加】をタップします、

20130317101644

出てきたウインドウの右上、追加をタップすると…
(この時に名前を変更することができます、犬小屋と省略したり、犬ブログとか適当に名前つけてください)

20130317101655

ホーム画面にアイコンが出来たと思います、

20130317101711

これでいつでも犬小屋ベースブログに来ることができますよ!
来てくださいよ!そこをなんとかお願いしますよ!!w

それではアイコンの作り方に移りましょう

IllustratorCS3を使って説明しています。

まずは画像を用意するのですが、
アップした時に画像は自動で角丸になります、

その辺も考えながら作りましょう、

犬小屋は255*255ピクセルで作りました、
角丸の枠を付けたかったので
角丸長方形ツールを使って角丸正方形をこの設定で作ります、

スクリーンショット 2013-03-17 10.14.04

その中に収まるようにサクサクとアイコンを作っていきます、
デザインそのものは犬小屋が説明するより
デザイナーさんのブログやHPを見たほうがいいでしょう(;^ω^)

簡単に作りたいならこのようなテンプレートを使うのも良いでしょう、

iPhone icons by ~judge on deviantART

なんやかんやで出来ました、

スクリーンショット 2013-03-17 10.13.40

これをPNGで保存します、

この時に【apple-touch-icon.png】という名前で保存しておくと捗ります、

スクリーンショット 2013-03-17 10.44.08

ファイルが出来たらこの画像をサーバーのルートにアップするだけです、
Safariでブックマークを追加してみるとアイコンにはグロスとか影が付いていると思います、
これが邪魔な場合には【apple-touch-icon-precomposed.png】というファイル名で保存してください、

そうするとアイコンに効果がつかなくなります、

効果を自分の好みにしたい時はこちらのサイトが便利です、

Polish your iPhone app icon

Polish your iPhone or iPad app icon

こちらのサイトに行ってファイルをアップロードします、
その時、サイズは57*57のPNG、72*72のPNG、
512*512のJPGもしくはPNGで保存した画像を使います、

ファイルを選択ボタンを押して画像を選択するだけです、

スクリーンショット_2013-03-17_10.51.32

出来を確認して、セーブすると完了です。

スクリーンショット 2013-03-17 10.57.05

じつはもっとグロスを調整したり影を調整できるサイトもあったのですが、
どうやら無くなってしまったようです(*´д`*)

出来栄えを確認してみよう!

iPhoneのSafariでブックマークして確認してみましょう、
壁紙によって見え方も変わるので微調整が必要にもなったりしますが、
壁紙は人によって違うので全てに対応するのはムリでしょう、
だからこそアイコンに縁取りを入れるのが有効だと思います、

犬小屋の場合は縁取りをステンレス調にしてみました、

作り方は、角丸正方形を大小2つ作り、
そのアウトラインを作って、
グラデーションを反対に入れるだけです、

この縁取りは有名なゲームなども使ってるんできっと良いんでしょう♪

では、納得行くアイコンを作ってください!!

 ふざけた大人のTシャツ屋☆犬小屋ベース

http://www.inugoya-base.com/

関連記事

【iPhone5C】提案!大根おろしケースつけるくらいならこうしちゃえ! #iPhone5c #apple

どうも、犬小屋でした。 *自己責任で iPhone5Sのシルバーにしようかグレーにしようかまだ迷

記事を読む

ブログを書く時のターゲッティングと対応するための文章

どうも、犬小屋でした。 ネットショップ含む、商店や企業というものを作るときターゲッティングというも

記事を読む

遠方より、iPod Touchの設定を手伝ってみる。

友人の奥さんがiPod Touchを手にしたようですがWi-Fiの設定がうまく行かないようなので、

記事を読む

音楽好きマストソフト

iPhoneの素晴らしいソフトを見つけたので紹介します。 simplifyというソフトなのですが、

記事を読む

遅ればせながらあけましておめでとうございます!!

かれこれ元旦から9日もたってしまいましたが、 あけましておめでとうございます。 今年も特殊な方に好ま

記事を読む

フリーペーパー CULBT vol.2

CLUB-Tのフリーペーパーに、 当店、犬小屋ベースのデザインが掲載されています! 渋谷周辺で配

記事を読む

ペンタブでグニャグニャして照明を操作している動画紹介

どうも、犬小屋でした。 "Covered" Light Painting 2 Phot

記事を読む

お支払い方法にカード払い追加!

パンク&ロックなTシャツ、犬服ブランドDOGKINGのウェブショップでのお支払い方法が、 今までのコ

記事を読む

【Apple】新しいAppleTVが4月に発表と噂

どうも、本業はTシャツ屋、犬小屋でした。 一日の中で一番稼働しているアップル製品はAppleTVで

記事を読む

いよいよGoogleリーダーのサービスが終わるので1週間sylfeedとfeedlyでブログを読んでみたけど問題点がある

どうも、犬小屋でした。 北海道も暑い! 夕方にはビール呑んで暑くなる前に寝たい時期です、 た

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Adsense

#204 マイサマーカー編集後記 日本語MOD来たぞ!!!ありがとう制作に携わった方!! #mysummercar #MSC

どうも、犬小屋でした。   今回の動画の目玉はな

#202 マイサマーカー編集後記 トラクターの操作方法

どうも、犬小屋でした。 ツイッターの方でもツイートしましたが配線

#201 編集後記

どうも、犬小屋でした。   線のつなげ方が未だ完

#200 編集後記

どうも、犬小屋でした。   マイサマーカーの動画

【PCゲーム】MY SUMMER CARのススメ 車の作り方説明 その1

どうも犬小屋でした、 MY SUMMER CARというゲームにハマっ

→もっと見る

PAGE TOP ↑