【Lightning Launcher】オーバーレイやマスクでアイコンを自在にカスタマイズ
Androidアプリのアイコンは、正方形や円形、正方形の角が丸くなったものなどアプリによって様々で、ホーム画面の統一感を損ないがちだ。そこで、多くの多機能なホームアプリには、ショートカットのアイコンを変更できる機能が搭載されている。
だが、マイナーなアプリになると、丁度良いアイコンが見つからないこともある。元のアイコンを画像エディタで加工して自作してもいいが、数が多くなると面倒くさい。
カスタマイズ性の高さが特徴の「Lightning Launcher」では、ショートカットのアイコンを変更するだけでなく、アイコンの後ろや前に画像を表示する「背景」と「オーバーレイ」、アイコンの特定の範囲を切り抜いたりする「マスク」の3つの画像で、既存のアイコンのデザインを改造することもできるので、いちいち自作しなくても、手軽に統一感のあるデザインを実現できるぞ。
手軽にアイコンの統一感を高められるように、定番の円形や角丸の素材画像集「iconparts.zip」をあんスマが用意したので、ぜひダウンロードして活用して欲しい。
・Lightning Launcher – Google Play の Android アプリ
・Lightning Launcher – 日本語 – Google Play の Android アプリ
項目のアイコンを変更
ショートカットのロングタップメニューの「カスタマイズ」→「詳細」で詳細画面に進み、「アイコン」のタブでアイコンの細かなカスタマイズを行える。
アイコン自体を変更するには、「オリジナルアイコンを選択」を押して、アイコンの選択方法を選択しよう。「画像を選択」では内蔵の選択画面で、「画像を選択(外部ファイルマネージャ)」では画像ビューアやファイルマネージャのアプリを呼び出して選択を行える。内蔵の選択画面は、画像のプレビューがないので分かりにくいが、動作は高速だ。
ネット上にはアイコンを配布しているサイトが多数存在する。「Iconspedia」は、ZIPファイルにまとめられたアイコン集を手軽にダウンロードできて使いやすいぞ。ダウンロードしたZIPファイルをAndroid上で解凍したい場合は、「ZArchiver」などの圧縮解凍アプリを利用しよう。
・Icons & Icon Packs – Download Free PNG Icons | IconsPedia
・ZArchiver – Google Play の Android アプリ
背景とオーバーレイでアイコン画像を改造
アイコン設定の中盤の「レイヤー」節には「背景画像」「オーバーレイ」「マスク」の3つの設定項目がある。アイコンの背景に他の画像を表示させたい場合は、「背景画像」を選択しよう。
あんスマが用意した「iconparts.zip」には円形の背景画像を格納した「background_circle」、角丸正方形の「background_round」、正方形の「background_square」のフォルダが用意されている。それぞれ多数の色を用意したので、好みの色を選択しよう。
このように、元のアイコンの後ろに背景画像が表示される。
「オーバーレイ」では、「overlay_gloss_circle.png」「overlay_gloss_round.png」「overlay_gloss_square.png」として、光沢のような効果を加える画像を用意した。背景画像と同じ種類のものを選択して使おう。
元の画像が枠一杯の大きさだと、窮屈な感じになってしまう場合がある。「内側のサイズ」を減らせば、余白が出来て見栄えが良くなるぞ。
元々正方形のアイコンはマスクで切り抜き
アイコン設定の「マスク」というのが少々分かりづらいが、指定した画像のアルファチャンネル(不透明度)に基づいて画像の切り抜き(透明化)を行うものだ。
元々のアイコンが正方形の場合に、好みの形状に加工したい場合などに役立つ。
「マスク」で切り抜いた上で「オーバーレイ」で光沢や影などを加えることも可能だ。
あんスマで用意した素材集には、円形や角丸で切り抜くためのマスク画像やオーバーレイ画像を収録しているぞ。
自作するには、アルファチャンネルを扱える画像エディタで完全に透明な状態の正方形の画像を作成し、アイコンから切り取りたい部分を塗り潰してから保存しよう。
このように、元々正方形のアイコンを円形や角丸にしたい場合は、「マスク」でiconparts.zipの「mask_circle.png」や「mask_round.png」を選択しよう。
このように、マスクによって角の部分が透明になって、強制的に角丸化できた。
「overlay_glossandshadow_circle.png」「overlay_glossandshadow_round.png」は、マスクで切り抜いたアイコンに光沢と影の効果を追加するためのオーバーレイ画像だ。
このように、バラバラだったアイコンに統一感を持たせることが出来たぞ。
なお、マスク用画像としては他にも画像全体を半透明にする「mask_transparent_025.png」「mask_transparent_050.png」「mask_transparent_050.png」を用意した。「配置」でマイナスのマージンを指定してアイコンとテキストを重ねたい場合などに使おう。
Web版Google Playストアから高解像度のアプリアイコンを入手
アイコン設定で「スケール」を変更すれば、高解像度の画像を使用して巨大アイコンを設置することも可能だ。自由配置モードの拡大縮小機能では、一旦標準サイズの解像度にリサイズした画像を拡大しているため、高解像度の画像を指定してもぼやけた表示になってしまうが、アイコンの設定でスケールを大きくしておけば、劣化のない鮮明な表示になるぞ。
Google Playストアに登録されているAndroidアプリは、ブラウザでWeb版のPlayストアのアプリ個別ページにアクセスしてアイコンを保存すれば、高解像度のアイコン画像を入手できるので、お気に入りのアプリを巨大アイコンで表示させたい人は試してみよう。
このように、「グリッドから独立」した項目の拡大率を変更すると、ぼやけた表示になってしまう。
まず、高解像度のアイコンを入手しよう。ブラウザでGoogle Playストアにアクセスし、アプリのページを開いたら、左上のアイコンのロングタップメニューから「画像を表示」を実行。(Android標準ブラウザの場合)
表示された画像のURLの末尾に付いている「=w300-rw」のような部分を削除したURLに移動しよう。
縦横512ピクセルの高解像度アイコンが表示されるので、「画像を保存」などで保存しよう。
高解像度アイコンを設定したい項目の詳細カスタマイズ画面で「アイコン」の「スケール」を大きくしよう。
次に、「オリジナルアイコンを選択」で、ダウンロードしたアイコンを選択。なお、スケールを大きくする前にアイコンを選択してしまうと、その時点でアイコンの縮小が行われてしまうので、その後にスケールを大きくしてもぼやけた画像になってしまう。必ずスケールを先に大きくしておこう。
このようにくっきりした巨大アイコンを設置できたぞ。
関連記事
【iPhoneがダメな7つの理由 7】ホーム画面を自由自在にカスタマイズできない
スマートフォンの見た目をガラっと変える、「Nova Launcher (Prime)」のアイコンカスタマイズテク
アイコンを拡大縮小や回転して配置できるなどカスタマイズ性の高まった「Lightning Launcher 3」
巨大テキストのみの表示やアイコンの拡大縮小、回転まで可能!「Lightning Launcher」でホーム画面を徹底カスタマイズ
カメラ呼び出しはあるがファイル選択がないアプリに画像ファイルを読み込ませる「Fake Camera」
ホーム画面に最近使ったアプリのアイコンを表示して素早く画面を切り替えられる「R Launcher」
【Lightning Launcher】”9-Patch”画像で項目ボックスのデザインをカスタマイズ
ショートカットアイコンを自作したければ、ドット絵を描くのに適した「Pixel Art editor」がオススメ
ホームのショートカットの見た目が気に入らなければ「QCustomShortcut」でカスタマイズ
2014年01月28日00時14分 公開 | カテゴリー: カスタマイズ | キーワード:チップス | Short URL
ツイート
最新記事
- 気分に合わせて選べるアタッチメントホルダー!ストラップやネックストラップをスマホに手軽に取り付け!
- カラバリ豊富なスマホベルト!スマホ背面に貼り付けるだけ!
- 簡単取り付け簡単利用!高い粘着性能で安心して使えるスマホリング!
- スマホの充電もできるヘッドフォンスタンド!ケーブルホルダー付きで整理整頓できる!
- スマホサイズで携帯便利な自撮り棒!わずか140gの超軽量設計!
- ゲームを楽しむだけで無く、おしゃれにも使えるカラバリ!有線でも無線でも使えるゲームコントローラー!
- 小さく運ぶ、大きく使う!移動中も効率的に休める枕!
- 柔軟なケーブル管理!すべてのケーブルが絡まないようにする結束バンド!
- 一瞬でくるっとまとまる充電ケーブル!急速充電も高速データ伝送も対応!
- 小型化とスタイルの融合!テンキーレスで一日ゲームをするのも快適!
- 太めのケーブルも使えるマグネット式ケーブルクリップ!6個セットで家中どこでも使える!
- クランプで手軽に設置できるケーブルトレー!使い方によって小物入れとして使うことも!
- 配線を整理してスッキリ!デスク裏に設置する布製ケーブルトレー!
- 液晶ディスプレイの上を小物置きに!設置も取り外しも簡単なディスプレイボード!
- 照明の常識が変わる究極のモニターライト!自動調光で常に最適な明るさ!
- 狭いデスクを広々使う!可動域の広いモニターアーム!
- 大きな文字で見やすいデジタル時計!壁掛け時計としても置き時計としても!
- 3in1のヘッドホンスタンド!USBハブや 3.5mmオーディオ機能も!
- ゲームやテレワークを快適に!目に優しい設計のモニターライト!
- 便利なUSB電源のPCスピーカー!Bluetooth接続にも対応!
- 高さと向きを自由に調整可能!様々なゲーム周辺機器を収納できるスタンド!
- 安定性抜群!スマホを安定して置いておける折りたたみ式のスマホスタンド!
- 片手で脱着できるスマホホルダー!ダッシュボードでもエアコン送風口でも!
- AUX経由で音楽再生!Bluetoothでワイヤレスに再生できる!
- 小さい空間のあらゆるところで空気を浄化!プラズマクラスター搭載のコンパクトな空気清浄機!
- 2台の機器を立てて収納できるクラムシェルスタンド!重量感があるので安心して置ける!
- 超スリムで持ち運びも簡単!ノートPCを最適な角度に出来るスタンド!
- ボタン1つで締めるも緩めるも手軽に!シンプル操作で高精度作業!
- 最大8台同時充電可能!スマホスタンド付きの電源タップ!
- 一台6役の猫足型電源タップ!コンセントもUSBポートもこれ一台!