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

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

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

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

今回作る完成形

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

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

画像を入手する

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

VOCALOID2 初音ミク(HATSUNE MIKU) | クリプトン

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の練習(初級編)としてやってみるといいと思います。

この記事が気に入ったら
いいね!しよう
 シェアする  ツイートする
PREVIOUS POST
NEXT POST
ANDROID
GIVES YOU
MORE
pocket line hatebu image gallery audio video category tag chat quote googleplus facebook instagram twitter rss search envelope heart star user close search-plus home clock update edit share-square chevron-left chevron-right leaf exclamation-triangle calendar comment thumb-tack link navicon aside angle-double-up angle-double-down angle-up angle-down star-half status