iPhone6,6Plusの壁紙テンプレートpsdファイル(Photoshop用)

※壁紙デベロッパーの皆様へ

いつもご利用ありがとうございます。iPhone6とiPhone6 Plusのアイコンを含めたスクリーンショットと縮小し棚になる壁紙のテンプレートを配布します。Photoshop用psdファイルです。色々なアイディアで壁紙製作の方に使って頂きたいと思います。ご自由にダウンロードして下さい。※(たぶん)正確サイズの追記あります。
ファイルを差し替え、iPhone5 iPhone6 6Plusのテンプレートを追加しました。

iPhone6とiPhone6 Plusの壁紙サイズとアイコン配置、拡大率

iOS8もiOS7と同じく壁紙を拡大します。
拡大比率はもうご存知と思いますが壁紙でアイコンの位置にアイコンを持って行くにはホーム画面のアイコンを85%縮小します。
ホームアイコンが1.15倍になってますので、拡大率約1.15かなぁと。

iPhone6 Plus壁紙設定拡大率
iPhone6 Plus壁紙設定拡大率

ただ、あくまでシュミレータの数値なので実機だとどうなんだろう。

上記図の白いアイコンがホーム、iPhone6 Plusで180pxのアイコンに枠1px、合計でW182pxH182px、拡大された壁紙の黒いアイコンが212px(元々180で作成)ですから、210pxとして約1.16倍になります。
※厳密に微妙な縁のピクセルまでは測ってません。。選択ツールでごにょごにょです。ごめんなさい。ちゃんと時間を見つけてやりたい。

なのですが、そのまま84%縮小すると合わない。。ので1.15倍の85%してアイコンの後ろに回り込む、けれども少し頭が出る感じ。

私の計算が何処か間違えている(計算嫌いです)と思うのですが、85%縮小したアイコン配列が添付psdファイルになっています。

間違えました。逆です。85%ですと大きすぎるので84%縮小しています

ホームアイコンの縦の間は120px
ホームアイコンの縦の間は120px
設定された壁紙のアイコン幅は140px(たぶん)
設定された壁紙のアイコン幅は140px(たぶん)

※今アイコンとアイコンの間を測ったら拡大140px、ホーム120px。1.166倍…84%がいいのかなぁ、、でもだとはみ出るんだよね(´Д` )

視差の設定時ズレますしね。その辺りは加味して下さい。

フォルダには一応iPhone6と6 Plusの壁紙サイズのスクリーンショットを入れています。空白アイコンで埋め尽くしていますので、これを例えば実機設定すると拡大率が簡単に出るんじゃないかなぁと。

※実機の拡大比率が解ったら教えて下さい〜

壁紙のリアルサイズはiPhone6は750×1134
iPhone6 Plusは1242×2208です。

※Plusは横向きランドスケープ表示された時壁紙が約1.6倍拡大されます。
#↑嘘ですた(´Д` )

※正方形に近い壁紙の場合はどうなるかは未検証です。

当サイトの「動く棚壁紙for iPhone6,6Plus」は上記サイズに約85%縮小したアイコンを入れて作成しました(数字の切れが悪いので取ってる数値が違うのかも)。
位置的には微妙なズレはありますけど、きれいにはまったら縮小率教えて下さい。

2014-10-06 22:53:03追記

iPhone壁紙のサイズです

色々やってみてたぶんこれだろ、と言う値を出しました(もうとっくによそで出てますかね。。)
写真アプリから壁紙設定をした時にアイコンの大きさが画面実寸となる壁紙のサイズです。

  • iPhone5 1400×789

  • iPhone6 1590×894

  • iPhone6Plus 2631×1480

 

Plusはランドスケープ対応だと2631×2631、、だと思っていたのですが、拡大率から見ると正方形の意味あるのか?
正方形にしても意味は無いんじゃないかなぁと感じています。

#現壁紙テンプレートはサイズが違います。

簡単に言うと含まれているスクショをiPhone6なら1590×894のカンバスを作成、そのまま貼付→壁紙設定するとアイコンの大きさが正確に合ってるのが見れます。

そのままですと若干左に移動させないとダメですので、その余白分を左寄せしたものをテンプレートとして作りました。

このテンプレートはiPhone側で開くとそのまま壁紙アイコンがアイコンの後ろに回り込みますので後日差し替えます。

差し替えました ※追記ここ迄

iOS7からそうですがどんなに大きな壁紙でもOSが中で何かやってるような気がします。

※もう一度。私は計算が嫌いで苦手です。得意な方是非解析してください(他力本願です)。

使って頂けて、もし可能なら当サイトへのリンクか紹介やカレンダーでも壁紙でも拡散して頂けると嬉しいのですが、強制ではありません。どうぞ使ってみて下さい。
プロファイルは埋め込んでいませんのでお好みで調整して下さい。

2014-10-20 追記

iPhone壁紙テンプレートファイルを差し替えました

ファイルを差し替え、上記の割出した視差効果対応の壁紙サイズでアイコンの後ろにぴったりはまるPhotoshopの壁紙テンプレファイルをiPhone5、iPhone6、iPhone6Plus用3つ入れてあります。

基本そのまま書き出せば問題無くお使い頂けると思います。
もし、6や6Pでもっと厳密に正確に出来たら…是非教えて下さい。

著作権を放棄する訳ではありません。PSDファイルの再配布はご遠慮下さい

↓こちらからダウンロードしてください。

hokkykudesign_ps_iPhone6_data

hokkykudesign_ps_iPhone6_data_v2

クリエイティブ・コモンズ・ライセンス
hokkykudesign_ps_iPhone6_data by Hokkyokudesign is licensed under a Creative Commons 表示 – 継承 4.0 国際 License.

 

もし
「ここが違ってる」
「ここはこうじゃないか?」
「実機だとこうです」
等ありましたらコメント欄にお願いします!

 

 

コメントを残す

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.