*

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/

関連記事

いよいよ、明日で終了します!

ご好評いただいています、プレーリーオリジナルトートバッグプレゼント企画も明日で終了となります。 すで

記事を読む

no image

ナイラボーン大好き

ミニチュアダックスフントのレンはナイラボーンが大好きです。 今日も昼寝が終わったと思ったらさっそく遊

記事を読む

20161029123853_1.jpg

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

どうも犬小屋でした、 MY SUMMER CARというゲームにハマっています。 舞台は199

記事を読む

オリジナルステンシルシート切り抜きサービス開始!

どうも、犬小屋でした。 以前よりお問い合わせの多かったステンシルシートの切り抜きサービスを始めました

記事を読む

TM NET WORKとか久保田利伸とか電気グルーヴとかソニーの曲がiTunesで発売開始!!

とうとう来ましたね! ソニーが折れてくれましたw 土田がはじめて買ったCDはTM NETWORKのC

記事を読む

no image

FC2を涙ながらに卒業しますっ!

どうも、犬小屋でした。 ブログを引越ます! まあ、ただサーバーが変わるだけって感じなんですけどね、

記事を読む

犬小屋的 今の時代の音楽満喫術のススメ~車でとか自宅でとか~

どうも、犬小屋でした。       仕事や運転の時、お風呂の時、音楽が欠かせないんです、 気分を盛

記事を読む

no image

ヒアルロン酸でプリプリニクキュウ

ニクキュウはワンコにとってとても大切な場所です。 でも、飼い主様にとっても大事な、大好きな場所ではな

記事を読む

北海道三笠市ペットグッズショップ プレーリー

北海道三笠市にあるプレーリーは、 実店舗もございます。 午前10時~午後6時まで営業しております、

記事を読む

iPhoneの2ページ目、お勧めゲーム

iPhoneに2ページ目、どう使ってますか? 土田はAppStoreとこれからどうするか考えているア

記事を読む

Message

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

Adsense

slooProImg_281103153705.jpg
【どっち?】いまさらだけど犬小屋がiPhone7ではなくiPhone7plusを選んだ4つの理由

どうも犬小屋でした、 今までiPhone5sを使っていたのですが

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

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

IMG_2384.jpg
Kindle Fireタブレット8GBを入手!130日間使い込んでみたレビュー

どうも犬小屋でした、 アマゾンプライム会員になって数ヶ月、 非

IMG_2617.jpg
【ポケモンGO】人口が1万人を切ったド田舎の三笠市で「おこう」を使って歩いてみた

どうも犬小屋でした、 ポケモンGOで足が筋肉痛です、 そんなわ

IMG_2588
北海道三笠市というド田舎でポケモンGOのルアーモジュール使ってみた結果と三笠市でのポケモンGO考案

どうも犬小屋でした、 ポケモンGOが大人気なので犬小屋もはじめて

→もっと見る

PAGE TOP ↑