![](https://orefolder.jp/wp-content/uploads/2014/06/140603-0s.png)
Zooper Widgetでテキストにグラデーションやテクスチャをかける
まだ良くわかっていないところもありますが、Zooper Widgetでテキストにグラデーションをかけたり、テクスチャを貼り付ける方法です。
ちょっと面倒ですが。
- 本記事は広告およびアフィリエイトプログラムによる収益を得ています。
グラデーションさせてみる
![140603-1](https://orefolder.jp/wp-content/uploads/2014/06/140603-1.png)
まずは普通にテキストを置きます。なんでもOKです。ちょっと太いフォントを使ってみました。
![140603-2](https://orefolder.jp/wp-content/uploads/2014/06/140603-2.png)
次に矩形を置き、さきほどのテキストをすっかり覆うように広げます。大きい分には構いません。
![140603-3](https://orefolder.jp/wp-content/uploads/2014/06/140603-3.png)
この矩形の「Drawing Mode」を「XOR」にします。
すると長方形から先ほどのテキストを繰り抜いたようなものになります。
![140603-4](https://orefolder.jp/wp-content/uploads/2014/06/140603-4.png)
モジュール一覧で矩形にチェックを入れ、複製を作ります。
![140603-5](https://orefolder.jp/wp-content/uploads/2014/06/140603-5.png)
最初に戻ったかのようですが、この見えている白は一番最後の(複製してできた)矩形の色です。
![140603-6](https://orefolder.jp/wp-content/uploads/2014/06/140603-6.png)
![140603-7](https://orefolder.jp/wp-content/uploads/2014/06/140603-7.png)
この矩形の色をグラデーションで変化させるとテキスト部分だけのグラデーションになります。
ちょっと脱線
![140603-8](https://orefolder.jp/wp-content/uploads/2014/06/140603-8.png)
2回目の矩形をちょっと回転させても面白い感じになります。
テクスチャを貼り付ける
![140603-9](https://orefolder.jp/wp-content/uploads/2014/06/140603-9.png)
矩形の代わりに、画像でやるとテクスチャを貼り付けた感じになります。矩形の時と同じようにDrawing ModeをXORにすればOKです。
ちょっと立体的?
![140603-10](https://orefolder.jp/wp-content/uploads/2014/06/140603-10.png)
![140603-11](https://orefolder.jp/wp-content/uploads/2014/06/140603-11.png)
同じテキストを複製し、2つ目のDrawing ModeをやはりXORにします。色を黒系にし、Xオフセット・Yオフセットをそれぞれ2くらいにするとテキスト部分が透けて、左上が白、右下が黒というちょっと立体的っぽいのになります。
まとめ
Drowing Modeはいろいろいじると面白いのですが、イマイチどんな効果になるのか覚えられないんですよね。複数重ねがけするとなおさら。いろいろやってみて、面白い効果を見つけてみてください。
本記事に記載された内容は記事公開時点のものであり、必ずしも最新の情報とは限りません。記事をご覧いただく際には、最新の情報を確認するようお願いいたします。
![author icon](https://orefolder.jp/wp-content/uploads/2021/01/icon-orefolder.webp)
OREFOLDER編集長。
1979年静岡県清水市生まれ、現静岡市清水区在住。
様々な巡り合わせから、このサイト1本で生活してる氷河期世代の一人。ガジェットに限らず広く浅く様々なものに興味があります。
スマートフォンは2010年にXperia SO-01Bを買ったのが最初。同時にb-mobile U300で格安SIMも始めました。これまでに数百台のスマホを手にし、格安SIMも常時20種類以上契約しています。