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

まだ良くわかっていないところもありますが、Zooper Widgetでテキストにグラデーションをかけたり、テクスチャを貼り付ける方法です。
ちょっと面倒ですが。

グラデーションさせてみる

140603-1

まずは普通にテキストを置きます。なんでもOKです。ちょっと太いフォントを使ってみました。

140603-2

次に矩形を置き、さきほどのテキストをすっかり覆うように広げます。大きい分には構いません。

140603-3

この矩形の「Drawing Mode」を「XOR」にします。
すると長方形から先ほどのテキストを繰り抜いたようなものになります。

140603-4

モジュール一覧で矩形にチェックを入れ、複製を作ります。

140603-5

最初に戻ったかのようですが、この見えている白は一番最後の(複製してできた)矩形の色です。

140603-6 140603-7

この矩形の色をグラデーションで変化させるとテキスト部分だけのグラデーションになります。

ちょっと脱線

140603-8

2回目の矩形をちょっと回転させても面白い感じになります。

テクスチャを貼り付ける

140603-9

矩形の代わりに、画像でやるとテクスチャを貼り付けた感じになります。矩形の時と同じようにDrawing ModeをXORにすればOKです。

ちょっと立体的?

140603-10 140603-11

同じテキストを複製し、2つ目のDrawing ModeをやはりXORにします。色を黒系にし、Xオフセット・Yオフセットをそれぞれ2くらいにするとテキスト部分が透けて、左上が白、右下が黒というちょっと立体的っぽいのになります。

まとめ

Drowing Modeはいろいろいじると面白いのですが、イマイチどんな効果になるのか覚えられないんですよね。複数重ねがけするとなおさら。いろいろやってみて、面白い効果を見つけてみてください。

この記事が気に入ったら
いいね!しよう
 シェアする  ツイートする
PREVIOUS POST
NEXT POST
ANDROID
GIVES YOU
MORE