Zooper Widgetでテクスチャを使い、その下に影を付ける

|

1年前に同じようなことをやっているのですが、Zooper Widgetでテキストにテクスチャを使ってみたくなりました。つまり、時計などの文字に画像を貼り付けたいのです。

Zooper Widgetでテキストにグラデーションやテクスチャをかける | orefolder.net

完成体

150625-1

いきなりですが、これが完成した状態です。文字部分にグラデーションっぽい画像が貼り付けられています。グラデーションに見える部分は水玉っぽくなっています。
そして、その文字の影が下についています。これをやりたかったんです。

元となるテキストを作る

150625-2150625-3

テキスト部分は何のことはなく、普通に入力しているだけです。なんでもいいのですが、日付を表示してみました。

テクスチャを貼り付ける

150625-4

テキストの上にかぶせるように、模様として貼り付けたい画像を置きます。ちゃんと文字が隠れるようにしましょう。

150625-5

その画像の「Drawing Mode」を「XOR」にします。これでこの画像から、それまで描画してきたものの形が繰り抜かれます。

150625-6

そして、その画像モジュールをそのまま複製します。これでクリヌキが逆になります。どういうことなのかはわからなくてもいいです。XORを2回重ねると、こうなる。これを覚えればいいんです。

影を付けたい

150625-7

元のテキストにシャドウを付けたり、テキストの下に少し位置をずらしたテキストを置いても影は付いてくれません。影の部分にまでテクスチャが貼り付いてしまいます。

150625-8

そこで、テキストを上に乗せます。影なので色は黒です。若干角度も変化付けているので、右に行くほど本体と影が離れていきます。オシャレです。

150625-9

この影のほうのテキストで「Drawing Mode」を「Lighten」にします。こうすると重なった部分のうち明るいほうが上にきます。つまり最も暗い黒は重なった部分が表示されません。うまいこと影が下についたように見えます。

完成

150625-10

というわけで、4つのモジュールで「テクスチャ+その下の影」ができました。
今回は影が黒でやりました。逆に白い影にしたいときはDrawing ModeをDarkenにすればOKです。

テクスチャはうまく使えば面白いことができると思います。

150625-11

ほら、ミクさんが覗いているようにも見えますよね。自分が覗いているようなホーム画面にすることだってできる?

Random Posts

格安SIM (MVNO) 速度比較 : 2018年5月その1 やはり安心できるのはUQとワイモバイル
HUAWEI nova lite 2 使用1ヶ月レビュー:トレンドを抑えつつしっかり「使える」真のエントリー機
UMIDIGIのスマートウォッチUMIDIGI Uwatchが登場!超お得なキャンペーンもアリ!
20周年の気合を感じた!HTCサポーターズクラブ キックオフミーティングに参加! #HTCサポーター
シンプルの「頂」【あなたのホーム画面見せてください 2018】
Another Widget:ごくシンプルに日付や時間を表示するありきたりなウィジェット
第8回ホーム画面カスタマイズ定期コンテスト 投票結果発表! 1位は「夜桜」
格安SIM (MVNO) の速度測定:2018年12月 その1 LINEモバイルではもう最速の夢は見られないのか
KAPK:KLWPなどで作ったテーマをapk化できるアプリ! Playストアに公開も可能
格安SIM (MVNO) の速度測定:2018年10月 その1 楽天モバイルのau回線が始まったはずなのに存在感なし
BlackBerry KEY2 レポート:物理キーボードと日本語入力の奮闘記その1
格安SIMのカードサイズ変更と機種変更、MVNO10社の料金や方法をチェック
ZenFone 5 (ZE620KL) レビュー:大きさと持ちやすさは気になるが、十分満足できる新しいZenFone
OUKITEL K6000 Plusレビュー:6080mAhの大容量バッテリーでそこそこ使える…が、重い
格安SIM (MVNO) 速度比較 : 2017年9月その1 ロケットモバイルがついに点火か!?