iPhoneのソフトウェアアップデート通知画面の作り方

akibyonです。

iPhoneのシステムアップデートの通知画面は、ホーム画面の1画面目に出たところでスクリーンショットとを撮ると決めているのだけど、なかなかそううまくいきません。というわけで、Photoshopで作ってみました。見た目で合わせただけなので数字は適当です。厳密には同じにはなっていません。シャレだと思って見てくだしゃれ。

ダイアログを作ります。
iPhone 6 Plusだと角丸半径は20pxです。色は白で不透明度は80％です。
日本語フォントはヒラギノ角ゴW6とW3、英数はHelvetica Neueです。

背景にダイアログを表示したい画面を読み込みます。

背景を暗くします（手前に全面黒の不透明度40％のレイヤーを置きました）。

ダイアログに隠れている部分に、ガウスぼかしをかけました。20〜30pxぐらいだったと思います（忘れました）。

これを使って、まだ出てないiOS 8.2.1のアップデート通知画面を作ってみました。「設定」アイコンにつくバッジの丸は直径66pxです。

以上です。