Banco Japon de Mesa Verde
最近の主な話題-iPhone-FPS-デジタル一眼-PC自作-Mac-PS3-グルメ-ファッション-etc.-
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[タグ未指定]

人気blogランキング
[iOS 5] 変更まとめ(7)-透明化パックテーマ(ホーム/ロック/ステータス)
iOS 5 変更点まとめ記事一覧(このエントリを含む)
 [iOS 5] 変更まとめ(1)-ホーム画面アイコン関連
 [iOS 5] 変更まとめ(2)-ロック画面(Tap to Unlock)
 [iOS 5] 変更まとめ(3)-英語・日本語フォントのカスタマイズ
 [iOS 5] 変更まとめ(4)-通知センターとフォルダ/スイッチャーの背景
 [iOS 5] 変更まとめ(5)-ステータスバーのキャリアロゴ(画像版)
 [iOS 5] 変更まとめ(6)-ステータスバーの各種アイコン(artwork)
 [iOS 5] 変更まとめ(7)-透明化パックテーマ(ホーム/ロック/ステータス)



透明化パックテーマ適用例(ホーム画面&ステータスバー)
透明化テーマ適用例(ホーム&ステータス)

透明化パックテーマ適用例(ロック画面&ステータスバー)
透明化テーマ適用例(ロック&ステータス)

 iOS 5のテーマ関連変更点備忘録その(7)。
 恒例の「透明画像詰め合わせテーマ」がiOS 5対応となって帰って参りました。今回は従来のホーム画面に加えロック画面とステータスバーに適用範囲を拡大しています。

 毎回書いてますが、「このテーマを丸ごと適用してもメリットはありません(大変不便)」。透明化したい箇所に応じた部品取りとしてご利用下さい。
 またこのテーマ同様の透明化、あるいはWinterBoardで対応できない部分の透明化は、Cydiaから入手する各種のTweakによっても実現可能です。好みで使い分けるのがよいかと思います。

 Jailbreakとテーマ遊びは自己責任で

■確認した環境

 デバイス: iPhone 4(GSM)
 iOS: iOS 5 (redsn0wのカスタムIPSW、ベースバンド01.59.00維持)
 Jailbreak: redsn0w 0.9.9b7 for Mac (Tethered)
 WinterBoard: 0.9.3903

■テーマダウンロード

 透明化パックテーマダウンロード

 zipの中身
   Transparent_Home.theme (ホーム画面用テーマ)
   Transparent_Lock.theme (ロック画面用テーマ)
   Transparent_Status.theme (ステータスバー用テーマ)

■対象範囲

 対象環境
   iPhone 4/4S(4Sは未確認)
   iOS 5
   WinterBoard

 ホーム画面
   アイコン(アイコン画像、影、タップ時背景、ラベル)
   フォルダ(フォルダアイコン画像、タップ時背景、ラベル、背景 *1)
   マルチタスクスイッチャー(背景 *1)
   ドック(ドック画像、アイコンの影、アイコンの反射)
   バッジ(バッジ画像、ラベル)
   カレンダーアイコン(日付、曜日)
   ページインジケータ(虫眼鏡、ページドット)
   壁紙グラデーション
 ロック画面
   クロック(カレンダー)背景
   スライダー(スライダー、背景、テキスト)
   壁紙グラデーション
 ステータスバー
   ステータスバーの背景
   ステータスバーの各種画像(種類が多いのでこちらこちら参照)

*1 フォルダとマルチタスクの背景を透明にすると「ただの真っ黒な背景」になります。透過して壁紙が見える訳ではありません。フォルダ背景を透過したい場合はFolderEnhancer等を利用して下さい。

■対象外(例外)

 対象外
   以下は対象外です
   ホーム画面
     アイコン未作成のCydiaアプリアイコン(追加して下さい)
     背景以外のフォルダ構成画像(タイトル入力欄等)
     背景以外のスイッチャー構成画像(iPod操作アイコン等)
     Newsstandのコンテンツサムネール(多分)
   ロック画面
     クロック(カレンダー)
     パワーオフ時や応答時のキャンセルボタン等
     スライダーの一部テキスト(同期中等)
     充電中のバッテリー
   ステータスバー
     通信中スピナ
     同期中スピナ
     auのキャリアロゴ(後日対応予定)

 例外
   ステータスバー
     ホーム/ロック画面以外で使用される背景画像も含みます
     ホーム/ロック画面以外で使用される各種画像も含みます
     (このためアプリ画面でも透明化される)
     (ただしWinterBoard制限によりデフォルトアプリのみ)

■構成画像詳細

 ホーム画面
   長いので文末にリストを掲載しました
 ロック画面
   こちらの記事を参照
   [iOS 5] 変更まとめ(2)-ロック画面(Tap to Unlock)
 ステータスバー
   こちらの記事を参照
   [iOS 5] 変更まとめ(5)-ステータスバーのキャリアロゴ(画像版)
   [iOS 5] 変更まとめ(6)-ステータスバーの各種アイコン(artwork)

ホーム画面用テーマ構成ファイル

テーマフォルダ直下
Info.plist アイコンラベル等の透明化 *1
*1 一部の指定は適用されない(TimeStyleとIconAlpha)
(IconAlphaはもし適用されても0.1指定なので完全透明にはならない)
/Bundles/com.apple.mobileicons.framework
AppIconMask@2x~iphone.pngアイコン自動整形マスク *2
AppIconOverlay@2x~iphone.pngアイコン自動整形オーバーレイ *2
AppIconShadow@2x~iphone.pngアイコン自動整形シャドウ *2
*2 参考記事:[iPhone 4] ハイレゾアイコンとマスク/シャドウのまとめ
*2 AppIconMask@2x~iphone.pngのみ#000000塗りつぶし画像(チャンク2、透過なし)
/Bundles/com.apple.springboard
FolderDropBG@2x~iphone.pngフォルダへドロップ時の背景
FolderIconBG@2x~iphone.pngフォルダアイコン
FolderShadowBottom@2x~iphone.pngフォルダのシャドウ底部
FolderShadowBottomNotch@2x~iphone.pngフォルダのシャドウ三角ノッチ
FolderShadowTop@2x~iphone.pngフォルダのシャドウ上部
FolderShadowTopNotch@2x~iphone.pngフォルダのシャドウ三角ノッチ
FolderSwitcherBG@2x~iphone.pngフォルダとマルチタスクの背景 *3
NewsstandIconBackground@2x~iphone.pngNewsstandアイコンの背景 *4
NewsstandIconBorder@2x~iphone.pngNewsstandアイコンのボーダー *4
SBBadgeBG@2x.png通知赤バッジ
SBBadgeExclamation@2x.png通知バッジ!マーク
SBDockBG@2x~iphone.pngドック
SBDockMask@2x.pngドック内アイコンの反射
SBSearchPageIndicator@2x.pngドック上の虫眼鏡
SBSearchPageIndicatorCurrent@2x.pngドック上の虫眼鏡(有効時)
SwitcherIconShadow@2x~iphone.pngマルチタスキングアイコンの背景
WallpaperGradientPortraitBottom@2x~iphone.png壁紙のグラデーション(下部) *5
WallpaperGradientPortraitTop@2x~iphone.png壁紙のグラデーション(上部) *5
WallpaperIconDockShadow@2x~iphone.pngドック内アイコンの背景
WallpaperIconShadow@2x~iphone.pngアイコンのぼやけた影
*3 背景変更が適用されない場合はキャッシュを削除しrespring
/var/mobile/Library/Caches/com.apple.SpringBoard.folderSwitcherLinen.0
/var/mobile/Library/Caches/com.apple.SpringBoard.folderSwitcherLinen.1 /var/mobile/Library/Caches/com.apple.SpringBoard.folderSwitcherLinen.2 /var/mobile/Library/Caches/com.apple.SpringBoard.folderSwitcherLinen.3
*4 App Storeアプリと同様これにマスクとシャドウが適用される

com.apple.springboard(SpringBoard.app)の一部画像について
変更が適用されない場合は下記フォルダのcpbitmapを削除しrespring
/var/mobile/Library/Caches/com.apple.springboard.sharedimagecache/Persistent
例:NewsstandIconBackground.cpbitmap
/Folders/SpringBoardUI.framework
WallpaperGradientPortraitFull@2x~iphone.png壁紙のグラデーション *5
*5 この画像は壁紙設定時のプレビューにだけ利用されている
(設定後の壁紙には前出*5の画像2枚が適用される)
/UIImages
Black_Base@2x.pngステータスバーの背景 *6
Error_Base@2x.pngステータスバーの背景 *6
Silver_Base@2x.pngステータスバーの背景 *6
Translucent_Base@2x.pngステータスバーの背景 *6
UIPageIndicator@2x.pngドック上のページドット
UIPageIndicatorCurrent@2x.pngドック上のページドット(有効時)
*6 ホームとロックのステータスバーを透過するならTranslucentだけでOK
 今回はステータスバー透過テーマも加えたため便宜上他の3画像も加えました
 (BlackとSilverはアプリ用、Errorはパスコードエラー時の赤いステータスバー)
 Translucent以外の画像はTransparent_Status.themeに含まれています
/Bundles
com.apple.AppStore
com.apple.calculator
com.apple.camera
com.apple.compass
com.apple.gamecenter
com.apple.Maps
com.apple.MobileAddressBook
com.apple.mobilecal
com.apple.mobileipod
com.apple.mobilemail
com.apple.mobilenotes
com.apple.mobilephone
com.apple.mobilesafari
com.apple.mobileslideshow
com.apple.MobileSMS
com.apple.MobileStore
com.apple.mobiletimer
com.apple.nike
com.apple.Preferences
com.apple.reminders
com.apple.stocks
com.apple.videos
com.apple.VoiceMemos
com.apple.weather
com.apple.youtube
com.saurik.Cydia
com.saurik.WinterBoard
OSデフォルトアプリと
Cydia, WinterBoardの透明アイコン

マスクやオーバーレイによる整形はApp StoreのアプリとWebクリップだけに適用されるため個別のアイコンが必要

左記フォルダ内に指定名称の透明アイコンを配置

他アプリのハイレゾアイコンを追加する場合も同様(参考記事)



スポンサーサイト

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iOS 5] 変更まとめ(1)-ホーム画面アイコン関連
iOS 5 変更点まとめ記事一覧(このエントリを含む)
 [iOS 5] 変更まとめ(1)-ホーム画面アイコン関連
 [iOS 5] 変更まとめ(2)-ロック画面(Tap to Unlock)
 [iOS 5] 変更まとめ(3)-英語・日本語フォントのカスタマイズ
 [iOS 5] 変更まとめ(4)-通知センターとフォルダ/スイッチャーの背景
 [iOS 5] 変更まとめ(5)-ステータスバーのキャリアロゴ(画像版)
 [iOS 5] 変更まとめ(6)-ステータスバーの各種アイコン(artwork)
 [iOS 5] 変更まとめ(7)-透明化パックテーマ(ホーム/ロック/ステータス)



iOS 5テーマ適用例
 iOS 5でのテーマ適用例
 一部WinterBoardで適用されないためシステム画像を直接置換(後述)
 使用したアイコンは『dark MATT3R HD』のpsdを利用した自作
 NewsstandとTwitterのみマスク/シャドウによる自動整形

 iOS 5のテーマ関連変更点備忘録その(1)。
 ホーム画面アイコン関連です。

 Jailbreakとテーマ遊びは自己責任で。

■確認した環境

 デバイス: iPhone 4(GSM)
 iOS: iOS 5 (redsn0wのカスタムIPSW、ベースバンド01.59.00維持)
 Jailbreak: redsn0w 0.9.9b5 for Mac (Tethered)
 WinterBoard: 0.9.3900-1, 0.9.3900+7 (現在は更に新しいバージョンに移行中)

■新規

 Newsstand
   フォルダ: com.apple.springboard
   アイコン(背景): NewsstandIconBackground@2x~iphone.png
   アイコン(枠): NewsstandIconBorder@2x~iphone.png
   (App Storeアプリ同様マスク/シャドウの自動整形が適用される)
 Reminders (リマインダー)
   フォルダ: com.apple.reminders
   アイコン: icon@2x.png
 Videos (ビデオ)
   フォルダ: com.apple.videos
   アイコン: icon@2x.png

■変更

 Mail (メール)
   icon@2x.png → Icon@2x.png
 Music (ミュージック)
   icon-MediaPlayer@2x.png → icon@2x.png
 Phone (電話)
   icon@2x.png → icon@2x~iphone.png
 フォルダサムネール
   FolderIconBG@2x.png → FolderIconBG@2x~iphone.png
 マスク/シャドウ/オーバーレイ
   AppIconMask@2x.png → AppIconMask@2x~iphone.png
   AppIconOverlay@2x.png → AppIconOverlay@2x~iphone.png
   AppIconShadow@2x.png → AppIconShadow@2x~iphone.png
 Dock (ドック)
   SBDockBG@2x.png → SBDockBG@2x~iphone.png

■関連不具合・備考

 追記:WinterBoard 0.9.3900+11で不具合修正されたことを確認しました
 以下の画像はWinterBoardで変更が適用されない(当然直接置換はOK)
   NewsstandIconBackground@2x~iphone.png
   NewsstandIconBorder@2x~iphone.png
   SBDockBG@2x~iphone.png
   SBDockMask@2x.png
   WallpaperIconDockShadow@2x~iphone.png
   (他にもまだあるかもしれません)
   (環境により結果が異なる可能性があります)
 com.apple.springboard(SpringBoard.app)の画像を変更する場合
   変更が適用されなければ下記フォルダのcpbitmapを削除しrespring
    /var/mobile/Library/Caches/com.apple.springboard.sharedimagecache/Persistent

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iPhone 4] Rounded Icons Roundup (丸いアイコン集)
Blueline (Redline) Round Icon 適用例
(Blueline (Redline) HD Round Icon 適用例 - 一部カスタム済み)
(Blueline (Redline) HDテーマには丸形の他角形2種のアイコンが付属しています)

 何故かiPhone 3Gの頃から丸いアイコン(テーマ)を収集・作成しており我ながらやや偏執的と思えます。多分グラッシーな光沢とか質感に富んだオーブやスフィアが好きなんでしょう。もちろん丸形アイコン以外(四角等)のテーマも使ってます。

丸いアイコン色々

 円形アイコンの一部を並べてみました。全てApp Storeアプリのアイコンです。

 各テーマ関連記事
  [iPhone 4] テーマ『dark MATT3R HD』のテンプレートPSD
  [iPhone 4] Retina完全対応テーマ『G.O.C. HD』
  [iPhone 4] HDテーマ『Looking Glass』を入れてみた
  [iPhone 4] WIP: 『Time Machine 3.0』テーマ風味のHDアイコンセット
  [iPhone 4] アイコンのマスクとシャドウで遊んでみる(メタリックなオーブ)
  [iPhone 4] アイコンのマスクとシャドウで遊んでみる(CDレーベル)-続き

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iPhone 4] WIP: 『Time Machine 3.0』テーマ風味のHDアイコンセット
アイコン適用例(デフォルトアプリ等)
(アイコン適用例-OSデフォルトアプリとフォルダ)
(壁紙とドックはテーマと無関係です)

 『Time Machine』は3年前私がiPhone 3GをJailbreakした際に初めて入れたWinterBoardテーマです。
 (以前はカスタムアイコンを公開していましたが更新終了しました)

 オリジナルTime Machineテーマの作者が消えてしまったため、その後有志によりTime Machine 3.0としてModMyiのスレッドが存続していたものの、大した人気はなくスレッドは廃れてもう訪れる人はいないようです。

 当然iPhone 4用のRetinaテーマがリメイクされるはずもないため、今は亡き思い出のテーマへのオマージュorトリビュートもしくはインスパイアードとして『Time Machine 3.1 HD』的なアイコンを作るはずでしたが、いつの間にかデザインがかけ離れてしまいました。まぁオマージュだからそっくりじゃなくてもいいですよね。

アイコン適用例(主にApp Storeアプリ)
(アイコン適用例-フォルダ内App Storeアプリはマスク&シャドウ)

 一応WIPなので。
 アイコンのシェイプとマスク&シャドウは今後更に改良するかもしれません。少しでもテーマっぽくなるようにSpringBoardアイコンだけでなくSBSのトグルアイコンや設定画面アイコンなど他のUIパーツもできるだけ作るつもりです。

 一応基本は自分用ですが、素材としてお持ちいただけるよう、いずれテーマセットとして公開予定です。今回は基本のアイコンテンプレートやマスク&シャドウの作例のみ掲載しました。転用/改変等ご自由にどうぞ。

■アイコン作例とテンプレート

●マスク&シャドウ

 AppIconMask@2x.png
 AppIconMask@2x.png
 118x120、透過指定(マスク処理)用、Alphaなし(チャンク2

 AppIconShadow@2x.png
 AppIconShadow@2x.png
 118x120、アイコングラフィックのベース

 AppIconOverlay@2x.png
 AppIconOverlay@2x.png
 118x120、完全透明、HDアイコンを使用するだけなら不要(参考記事

●アイコンテンプレート

 PSD版(一部アプリのサンプルアイコン入り)
  TimeMachine3.1HD_Icon_110801.zip

 PNG版
 アイコンテンプレート(PNG版)


テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iPhone 4] テーマ『dark MATT3R HD』のテンプレートPSD
追記:
 “待ちとらずの日記・・・”さんにてDreamBoardへの応用例が紹介されています。
 DreamBoardに興味のある方は是非行ってみて下さい。
 待ちとらずの日記・・・:[DreamBoard] アイコンマスク



 iPhone 4用(Retinaディスプレイ用)テーマ『dark MATT3R HD』の公式スレッドでアイコンテンプレート(psdファイル)が配布されていました。

 dark MATT3R HD - MACCITI
 Winterboard dark MATT3R HD - ModMyi

 ※注:私はこのテーマは未購入です。テーマの詳しい内容に関してはお答えできません。またアイコン等の再配布はできません。試してみたい方は前掲リンクのスレッドからpsdファイルを入手して下さい。なおテーマはCydiaから2ドルで購入できます。
 (SD用テーマは無償だそうで、ModMyiのスレッドにダウンロードリンクがあります)

dark MATT3R HDアイコン適用例

 テンプレートから作成したアイコンの適用例です(一部アイコンのグラフィックや壁紙、ドック等はオリジナルのdark MATT3R HDとは異なります)。

 比較できるよう昨日の拙作アイコンと同じレイアウトでスクリーンショットを撮りました。フォルダ内16個はpsd付属のAppIconMask&AppIconShadowによる自動整形、ドック内は予め作成しBundlesから画像を適用しているアイコンです。

 さすがに有料テーマともなるとアイコンのベースデザイン一つとっても私のとはクオリティが違いますな。マスクとシャドウを適用するだけでも非常に美しい仕上がりとなります。

 このpsdには多数のレイヤーがあり、一部のCydiaアプリ、システムアプリ、システムUI、フォルダ等のアイコングラフィック、それと前述のAppIconMask&AppIconShadowが含まれています。
 購入前にアイコンだけでも適用してみたい方、あるいはカスタムアイコンを作ってスレッドに投稿してみたい方(当然ですが投稿する前にどんな投稿内容が許可されているかスレッドのルールを調べましょう)は試してみる価値があります。

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iPhone 4] アイコンのマスクとシャドウで遊んでみる(メタリックなオーブ)
追記:
 “待ちとらずの日記・・・”さんにてDreamBoardへの応用例が紹介されています。
 DreamBoardに興味のある方は是非行ってみて下さい。
 待ちとらずの日記・・・:[DreamBoard] アイコンマスク



 女子サッカーワールドカップ決勝。すごい試合でしたね。早朝から大騒ぎしてしまいました。
 おめでとう、なでしこジャパン、感動をありがとう。

 さて。

アイコンMask&Shadow適用例

 度々やってるアイコンのマスク(AppIconMask@2x.png)とシャドウ(AppIconShadow@2x.png)によるカスタムテーマ作成、今回はブラッキーでメタリックなオーブです。

 上のスクリーンショットが適用例。フォルダ内のアイコン16個がマスク&シャドウによる自動整形(いずれもApp Storeアプリ)で、ドック内は予めグラフィックソフトで作成しBundlesから画像を適用しているアイコンです(いずれもシステムアプリ、中央はフォルダプレビュー)。

■今回の作例

WinterBoardテーマでの配置先フォルダ
 /テーマ名/Bundles/com.apple.mobileicons.framework

AppIconMask@2x.png
AppIconMask@2x.png
118x120、透過指定(マスク処理)用、Alphaなし(チャンク2

AppIconShadow@2x.png
AppIconShadow@2x.png
118x120、アイコングラフィックのベース

AppIconOverlay@2x.png
AppIconOverlay@2x.png
118x120、完全透明、HDアイコンを使用するだけなら不要(参考記事

今回はアイコンにはドロップシャドウを描かず下記の画像で表示してみました。
WallpaperIconShadow@2x~iphone.png
WallpaperIconShadow@2x~iphone.png
206x206、アイコンの影
この画像のみ下記フォルダに配置
 /テーマ名/Bundles/com.apple.springboard



関連記事:タグ「Mask&Shadow」のエントリ一覧

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iPhone 4] iOS 4.3.1 『ホーム画面透明化パック』テーマ
追記:iOS 5対応版はこちら
 [iOS 5] 変更まとめ(7)-透明化パックテーマ(ホーム/ロック/ステータス)



追記:iOS 4.2.1からIconDarkeningOverlay@2x.pngがなくなりました。タップ時の影を消すにはAppIconMask@2x.png(真っ黒)を適用するという方法がありますが、普段のアイコンも見えなくなります。

 以前作ったホーム画面UI画像の透明化詰め合わせパックはとりあえずiOS 4.3.1でもそのまま使えるようです(バッジのラベル等消えない部分もそのまま)。

 関連記事:[iPhone 4] iOS 4.2.1対応版『ホーム画面透明化パック』テーマ

 iOS 4.2.1ではファイル名や仕様の変更が多くテーマ等の手直しを余儀なくされましたが、iOS 4.3.1はそれに比べると変更箇所は大幅に少い模様。助かりました。

 /System-Library/CoreServices/SpringBoard.appフォルダにRotationLocked.png等若干ファイルが追加されましたが、この画像パックで対象にしている「通常時のホーム画面に表示されるUI画像」に該当する物はなさそうです。

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iPhone 4] iOS 4.2.1対応版『ホーム画面透明化パック』テーマ
追記:iOS 5対応版はこちら
 [iOS 5] 変更まとめ(7)-透明化パックテーマ(ホーム/ロック/ステータス)


追記
 iOS 4.3.1でも適用されることを確認しました


追記
 iOS 4.2.1からIconDarkeningOverlay@2x.pngがなくなりました。タップ時の影を消すにはこのパックに含まれるようなAppIconMask@2x.png(真っ黒)を適用するという方法がありますが、普段のアイコンも見えなくなります。この変更に関して説明のない記事になっていました。すみませんでした。


追記
 FolderEnhancer背景(iPhone 4、FEFolderBG@2x.png)のサイズは仕様変更のためこのパックに含まれる画像とは異なり640x960となっています。ただし透明画像なのでそのまま使用しても影響はありません(何も変化はありません)。また、FolderEnhancerはオプションで背景透明化ON/OFF(画像使用OFF/ON)を設定することもできます。詳しくはオフィシャルFAQ等をご覧下さい。


追記:iOS 4.2.1 変更箇所関連の記事一覧(当エントリを含む)
 iOS 4.2.1 で仕様変更されたテーマ関連ファイルのまとめ記事一覧
 変更情報を網羅してはいませんが記事はこれ以上増やせないかもしれません
   [iPhone 4] iOS 4.2.1 壁紙jpgが消えた影響(Widget等は要修正)
   [iPhone 4] iOS 4.2.1対応版『設定画面ミニアイコン一覧』
   [iPhone 4] iOS 4.2.1対応版『ホーム画面透明化パック』テーマ
   [iPhone 4] iOS 4.2.1のデフォルトアプリアイコン名等の変更まとめ
   [iPhone 4] iOS 4.2.1の英数フォント仕様変更まとめ


仕上がりイメージ
(注:この画像はこちらの記事からの使い回しです、今回も同様の透明化効果があります)

 前回に続きiOS 4.2.1で変更されたテーマ関連情報まとめ。

  前回の記事:[iPhone 4] iOS 4.2.1のデフォルトアプリアイコン名等の変更まとめ
  前々回の記事:[iPhone 4] iOS 4.2.1の英数フォント仕様変更まとめ

 今回は名称や仕様が変更されたシステムUI画像(ホーム画面)のまとめを兼ねて、以前作成した『ホーム画面透明化パックテーマ』をiOS 4.2.1に対応させてみました。

■注意
 iPhone 4、iOS 4.2.1、要Jailbreak、WinterBoard用
 WinterBoardを使用しない場合の画像配置先は各自お調べ下さい
 このファイルや情報により不具合が生じても当方は一切責任をとりません(自己責任で)
 ホーム画面に表示される該当画像とテキストを完全に透明化します(100%透過)

 以下は対象外です
   ステータスバーのアイコンと文字(参考記事
   通知バッジ(バブル)のテキスト(info.plistの指定が反映されない)
   デフォルトアプリ、App Storeアプリ、Cydia以外の追加アプリ(要自作→参考記事
   通常時以外のホーム画面パーツ(例:アイコン移動時やフォルダリネーム時等)
   ホーム画面以外の画像

■ダウンロード
 ホーム画面透明化テーマ iOS 4.2.1対応版 (SkyDrive)
 

■ファイル一覧と備考(iOS 4.2.1の変更点反映済み)

テーマフォルダ直下
Info.plist アイコンラベル等の透明化 *1
*1 一部の指定は適用されない(BadgeStyleとIconAlpha)
(IconAlphaはもし適用されても0.1指定なので完全透明にはならない)
/Bundles/com.apple.mobileicons.framework
AppIconMask@2x.pngアイコン自動整形マスク *2
AppIconOverlay@2x.pngアイコン自動整形オーバーレイ *2
AppIconShadow@2x.pngアイコン自動整形シャドウ *2
*2 参考記事:[iPhone 4] ハイレゾアイコンとマスク/シャドウのまとめ
*2 AppIconMask@2x.pngのみ#000000塗りつぶし画像(チャンク2、透過なし)
/Bundles/com.apple.springboard
FEFolderBG@2x.pngFolderEnhancerの背景
FolderDropBG@2x~iphone.pngフォルダへドロップ時の背景
FolderIconBG@2x~iphone.pngフォルダアイコン
FolderShadowBottom@2x~iphone.pngフォルダのシャドウ底部
FolderShadowBottomNotch@2x~iphone.pngフォルダのシャドウ三角ノッチ
FolderShadowTop@2x~iphone.pngフォルダのシャドウ上部
FolderShadowTopNotch@2x~iphone.pngフォルダのシャドウ三角ノッチ
FolderSwitcherBG@2x~iphone.pngフォルダとマルチタスクの背景 *3
IconDarkeningOverlay@2x.pngアイコンタップ時の角丸背景
SBBadgeBG.png通知赤バッジ(SD) *4
SBBadgeBG@2x.png通知赤バッジ(HD)
SBBadgeBGMask@2x.png通知バッジマスク
SBBadgeExclamation@2x.png通知バッジ!マーク
SBBadgeTargetGlyph@2x.png通知バッジ●マーク
SBDockBG@2x.pngドック
SBDockMask@2x.pngドック内アイコンの反射
SBSearchPageIndicator@2x.pngドック上部の虫眼鏡
SBSearchPageIndicatorCurrent@2x.pngドック上部の虫眼鏡(有効時)
SwitcherIconShadow@2x~iphone.pngマルチタスキングアイコンの背景
WallpaperGradientPortraitBottom@2x~iphone.png壁紙にかかるグラデーション(下部) *5
WallpaperGradientPortraitTop@2x~iphone.png壁紙にかかるグラデーション(上部) *5
WallpaperIconDockShadow@2x~iphone.pngドック内アイコンの背景
WallpaperIconShadow@2x~iphone.pngアイコンのぼやけた影
*3 参考:マルチタスキングバー背景が変化しない場合は下記キャッシュを削除
/private/var/mobile/Library/Caches/com.apple.SpringBoard.folderSwitcherLinen.0
/private/var/mobile/Library/Caches/com.apple.SpringBoard.folderSwitcherLinen.1
/private/var/mobile/Library/Caches/com.apple.SpringBoard.folderSwitcherLinen.2
/private/var/mobile/Library/Caches/com.apple.SpringBoard.folderSwitcherLinen.3
*4 @2xと同じ画像でもよいからSD画像も配置する
*5 下記参照
/Folders/SpringBoardUI.framework
WallpaperGradientPortraitFull@2x.png壁紙にかかるグラデーション *5
*5 この画像は壁紙設定時のプレビューにだけ利用されている
(設定後の壁紙には前出*5の画像2枚が適用される)
/UIImages
Translucent_Base.pngステータスバーの背景 *6
UIPageIndicator.pngドック上部のページドット *7
UIPageIndicator@2x.pngドック上部のページドット
UIPageIndicatorCurrent.pngドック上部のページドット(有効時) *7
UIPageIndicatorCurrent@2x.pngドック上部のページドット(有効時)
*6 このSD画像のみ配置でOK
*7 @2xと同じ画像でもよいからSD画像も配置する
/Bundles
com.apple.AppStore
com.apple.calculator
com.apple.camera
com.apple.compass
com.apple.gamecenter
com.apple.Maps
com.apple.MobileAddressBook
com.apple.mobilecal
com.apple.mobileicons.framework
com.apple.mobileipod
com.apple.mobilemail
com.apple.mobilenotes
com.apple.mobilephone
com.apple.mobilesafari
com.apple.mobileslideshow
com.apple.MobileSMS
com.apple.MobileStore
com.apple.mobiletimer
com.apple.nike
com.apple.Preferences
com.apple.springboard
com.apple.stocks
com.apple.VoiceMemos
com.apple.weather
com.apple.youtube
com.saurik.Cydia
OSデフォルトアプリと
Cydiaの透明アイコン

マスクやオーバーレイによる整形はApp StoreのアプリとWebクリップだけに適用される

左記フォルダ内に指定名称の透明アイコンを配置

他アプリのハイレゾアイコンを追加する場合も同様(参考記事)



テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iPhone 4] アイコンのマスクとシャドウで遊んでみる(CDレーベル)-続き
マスクとシャドウ適用例
(今回のマスクとシャドウ適用例)

 前回の続き。マスクだけちょっと修正。

AppIconMask@2x.png

 ついでにデフォルトアプリのアイコンを試作。

デフォルトAppアイコン試作

 そんなことより、Chronic Devの「俺たちやったぜ(生粋iOS 4.2.1紐なしJailbreak)」はどうなったんでしょうか。結局4.3を待つことになるのだろうか。

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
[iPhone 4] アイコンのマスクとシャドウで遊んでみる(CDレーベル)
追記:続きはこちら

マスクとシャドウ適用例
(今回のマスクとシャドウ適用例)

 主な関連記事
  [iPhone 4] ハイレゾアイコンとマスク/シャドウのまとめ
  [iPhone 4] AppIconMask@2x.pngに関する追記(チャンク)
  [iPhone 4] WIP:i2HDテーマのマスクとシャドウを試作

 時々アイコンのマスクとシャドウを作って遊んでます。
 マスクとシャドウによるアイコン自動整形(オートスキニング)は、アイコン作成の手間を省きつつ効果は幅広く。私みたいに面倒くさがりな人間にはうってつけのカスタム方法です。

 今回はコンパクトディスクの自作アイコンをベースに、アプリ元アイコンのグラフィックがCDレーベルとして合成されるようマスクとシャドウを作ってみました。

 このサイズ(118x120)まで小さくなると、「CD風」に見せるのがなかなか難しいですね。レーベル印刷面からはみ出すディスクの光沢部分を多めにとったり、外周にテキストを流したりしてみたものの、iPhone 4のRetina上で見ると「らしさ」がやや希薄。壁紙やウィジェット等で演出を補填しないと「テーマ」にはなりませんね。

 レーベル面は若干透過をかけてディスク地の光沢が2割前後被るよう設定していますが効果は微妙なところ。これ以上やり過ぎると透け過ぎ(薄過ぎ)で違和感満点ですし、そもそも実物のレーベルって全く透けてないよねという・・・。

 まぁ、こんな感じで、あーでもない、こーでもないと試行錯誤を繰り返す製作過程そのものが、ホームブリューの楽しさでしょうか。

マスクとシャドウ作例

AppIconMask@2x.png
AppIconMask@2x.png

AppIconShadow@2x.png
AppIconShadow@2x.png

※ AppIconOverlay@2x.png は毎度恒例ただの透明画像を使用
※ DefaultAppIcon@2x.png は何も変更していません
※ iPhone 4、iOS 4.1、要Jailbreak、WinterBoard用
※ これらの情報とファイルにより不具合が生じても当方は一切責任をとりません(自己責任で)

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
copyright © 2005-2011 Banco Japon de Mesa Verde all rights reserved.
Powered by FC2ブログ.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。