はじめてのホーム画面カスタマイズ:ミクさんに吹き出し付けて喋ってるみたいなホーム画面

andronaviのほうで出したからでしょうか、ずいぶん前に作ったミクさんのホームが流れて「これどうやるの?簡単?」みたいなのがチラホラ見られました。

これですね。

これ、ミクさんとか吹き出しとかは壁紙で作っているんですけど、だからといってホーム画面カスタマイズ初心者の人に「壁紙加工しろ」というのも辛いです。
というわけで、今回はすべてスマホで同じような吹き出しミクさんホームを作ってみようと思います。

余談ですが、この昔のミクさんホームはまだGlaejaで天気やGmailの未読数が表示できなかったのでChronotopia,Glaeja,Missed It!を組み合わせて作っていたりしました。
懐かしいですねぇ…。

  • 本記事は広告およびアフィリエイトプログラムによる収益を得ています。

今回作る完成形

140430-22
これを目指します。なんだか吹き出したくさんありすぎてうるさい感じですけど。
昔ののほうがいいかもしれないけど、作り方は同じようなものなので、今回はこれで。

ミクさんの画像を用意する

画像を入手する

140430-1
クリプトンの初音ミク公式ページにデモ音源などと共にイメージ画像がアップされているので、それをダウンロードします。

140430-2 140430-3

ダウンロードしたzipファイルをファイラーなどで展開(解凍)します。中にSDのミクさん画像があることを確認して下さい。

背景を削除する

次に、このミクさん画像の白い背景が邪魔なので削除します。
「背景透明化」というアプリを使ってみましょう。

背景透明化

制作: handyCloset Inc.
価格: 無料
平均評価: 4.2(合計 860 件)

posted by: AndroidHTML v2.2

140430-4 140430-5

残す部分と削除する部分をうまく指定します。
Photoshopとか使える人はPCでそういうの使ったほうが早いのでそっちでやりましょう。

140430-6
細かいところまでは難しいですが、それなりにうまく切り取れたと思います。
保存しておきましょう。

壁紙の用意

140430-7
今回の壁紙は単色です。
以前も紹介したかもしれませんが、Colorsというアプリを使います。

Colors

制作: Tim Clark
価格: 無料
平均評価: 4.5(合計 5,055 件)

posted by: AndroidHTML v2.2

dutch tealという色がミクさんっぽかったのでそれにします。

Zooper Widgetを置く

140430-8
まずはZooper Widgetを置いて、画面いっぱいに広げます。

ミクさんを置く

140430-9 140430-10

ウィジェットをタップして「レイアウト」→「上部の+ボタン」→「Bitmap」と進みます。
Bitmapの中のBitmapという項目でさきほど作成したミクさんの画像を選びます。

140430-11 140430-12

ミクさんが表示されました。
一度ホーム画面まで戻って確かめるといい感じですね。

吹き出しを作る

Zooper勉強中:Zooper Widgetで吹き出しを作るよ | orefolder.blog
ちょっと前にこんな記事を書いたので、これを参考に吹き出しを作るのもいいでしょう。
今回はまた別の方法で吹き出しを作ります。

まず、以下のリンクからフォント(ttfファイル)をダウンロードしてください。
fuki.ttf
ダウンロードしたら端末の「ZooperWidget/Fonts」フォルダの中に移動します。

そして再びZooper Widgetの設定に戻ります。
「レイアウト」→「上部の+ボタン」→「テキスト」と進みます。

140430-13 140430-14

「高度なテキスト編集」をタップし、「R」と入力します。

140430-15 140430-16

「フォントの種類」から、なにか文字化けしているような吹き出しっぽいフォントを選びます。
これで吹き出しが表示されるので、テキストのフォントサイズを大きくしたり色を変えたり位置を調整したりします。

140430-17
なんとなくミクさんがしゃべっているような、そんな吹き出しができました。

140430-18 140430-19

同じように「テキスト」で「Q」や「M」と入力して吹き出しを量産します。
このフォントはAからQくらいまで吹き出しが表示されるはずです。

140430-20
更に増やして色も変えてみました。
だんだん何をやりたいのか、わからなくなってきました。

140430-21
吹き出しの上にZooper Widgetでいろいろな情報を文字として載せました。

140430-22
完成です。

まとめ

吹き出しを表示するフォントさえあれば(その中に気に入る吹き出しさえあれば)Zooperなどでテキストとしてそれを表示させるだけで簡単に吹き出しを作ることができます。
(今回はそういうフォントを自作するという面倒なことをやりましたが…。)

吹き出しはそのキャラがしゃべっているような演出を簡単にできるのでいいですね。
GlaejaやZooperの練習(初級編)としてやってみるといいと思います。

本記事に記載された内容は記事公開時点のものであり、必ずしも最新の情報とは限りません。記事をご覧いただく際には、最新の情報を確認するようお願いいたします。

OREFOLDERの最新情報をお届けします
author icon
orefolder

OREFOLDER編集長。
1979年静岡県清水市生まれ、現静岡市清水区在住。

様々な巡り合わせから、このサイト1本で生活してる氷河期世代の一人。ガジェットに限らず広く浅く様々なものに興味があります。

スマートフォンは2010年にXperia SO-01Bを買ったのが最初。同時にb-mobile U300で格安SIMも始めました。これまでに数百台のスマホを手にし、格安SIMも常時20種類以上契約しています。

⇨orefolderの記事一覧