iOS7の壁紙を魅せるための透明アイコンを配置する方法

Icon

正確にはiOS7でホーム画面に透明のようなアイコンを配置する方法です。iOSはホーム画面の好きな場所にアイコンを配置できませんので、せっかくの壁紙が台無しになることも。そんなときのTipsです。

以前、紹介した記事のiOS7版です。iOS7で採用されたフラットデザインによってアイコンのシャドーがなくなり、従来にも増して壁紙が引き立ちます。

タネあかしですが「壁紙画像から配置したいアイコン位置の画像を切り取り、アイコン画像にしてホーム画面に追加」します。それがあたかも透明になったように見えるわけです。

iOS7の壁紙の視覚効果(Parallax Effect)をオフ

iOS7から追加になった機能。フラットデザインながら奥行きを出して3D効果を演出するParallax Effect。タネあかしのとおり、擬似的にアイコンを透明に見せているだけなので、端末の傾きによって壁紙が動いてしまうとアイコン部分とズレが生じてしまいます。この効果をオフにする必要があります。

Icon

設定>一般>アクセシビリティ>視覚効果を減らす、をオンにします。

iOS標準壁紙はスクリーンショットで対応

使用したい壁紙はカメラロールに入れておく必要があります。iOS標準の壁紙を利用したい場合は、アイコンのプルプル編集画面にしてから、一番右のスクリーンに移動してスクリーンショットを撮ります(ホームボタンとパワーボタンの同時押し)。

Icon

アイコン作成サービスを利用する

前回のエントリでも紹介した http://iempty.tooliphone.net/ を使います。以前は画像ファイルをSafariからアップロードするのにPicupというアプリを使用していましたが不要になりました。

上記サイトにアクセス後にCUSTOMIZE!を選択します。

Icon

次にCUSTOME Modeを選びます。

Icon

画像をアップロードするためにAddをタップします。

Icon

ファイルが未選択の状態なのでファイルを選択からカメラロールに保存してある画像を選択します。次にUpload Photoをタップ。

Icon Icon

アップロードしたスクリーショットと切り取るアイコン配置場所が表示されます。壁紙に重ねたい場所を選択します。

Icon

たとえば、上から2番目、左から2番目の位置を選択した例です。Safariのメニューボタンから「ホーム画面に追加」を選択します。

Icon

Icon

アイコンラベルはブランクにして追加ボタンをタップします。配置したいアイコンの数だけ、アイコン位置の指定とホーム画面への追加を繰り返します。

Icon

最後にアイコンを指定場所に自分で移動させます。これで作業は終了です。

Icon

ちなみに、このアイコンはウェブサイトURLのショートカットなので、タップすると切り取ったアイコン位置のページが開きます。

気に入った壁紙を見つけたものの、イマイチ見栄えが・・・という方、是非お試しください。

[2014年10月2日追記]iPhone6について

iPhone6のホーム画面についても同様に可能なことを確認しましたので別エントリにまとめました。