KLWPでテキストを鏡文字にして反射させたような効果を付ける

|
20160614-klwp-0

KLWPはテキストを変形させることもできます。これを使ってテキストが床や水面に反射しているような、そんな効果を付けてみます。

完成例

20160614-klwp-1

これが今回の完成形です。画面中央を境に、テキストがその下に反射しているように見えると思います。

鏡面反射の効果をつける

20160614-klwp-220160614-klwp-3

まずはアイテム「Morphing Text」を追加して、反射させるライン付近に配置します。これは反射する元の文字になります。大きさや色、位置など普通に設定していきましょう。

反射部分を作成

20160614-klwp-420160614-klwp-5

反射した部分用に、作成した「Morphing Text」を複製します。そして元テキストの下に来るように位置を調整します。

20160614-klwp-620160614-klwp-7

次にTEXTの「Rotation」を「3D Flop X」にします。

20160614-klwp-820160614-klwp-9

「3D Flop X」は横方向に軸を持って対象を回転させます。Offsetの値を変更すると回転する度合いが変わってきます。180でちょうど上下が逆になり、360で一回転となります。今回は上下反転を使いたいので180に設定します。

一応の完成

20160614-klwp-1020160614-klwp-11

これで表示位置を微調整すれば、一応反射したようにテキストが配置できました。ただ、このままではちょっと反射っぽくないですね。なので色を調整してそれっぽく見せます。

20160614-klwp-1220160614-klwp-13

基本的に反射側の色を薄く(透明度を高く)すればそれっぽく見えますが、(オリジナルも含め)グラデーションを付けるとよりそれっぽくなります。

FXタブで「Texture」の「Vertical Gradient」を選びます。これで縦方向にグラデーションしていきます。

完成

20160614-klwp-1

こうして鏡面効果の完成です。元の文字と反射部分と別々になってしまうのがちょっと面倒ですが、面白い効果だと思います。
湖に反射した風景のような壁紙を使って、この効果を組み合わせると面白いホーム画面にできるのではないでしょうか。

Random Posts

ファーウェイ・カスタマーサービスセンターでHUAWEI P9の割れたディスプレイを即日修理
アニメーションホーム画面#1【ホーム画面企画2016】
Google Home 開封の儀&ファーストインプレッション:小さくてかわいい未来がやってきた!
Another Widget:ごくシンプルに日付や時間を表示するありきたりなウィジェット
格安SIM (MVNO) 速度比較 : 2017年5月その2 b-mobile S 開幕SIMが爆速すぎて困る件
KWGTでTajmみたいな「◯時まであと×分」「△時から□分経過」という時計表示を作る
Essential Phone PH-1のホーム画面や設定画面をチェック
タイルアイコンメーカー:Windows Phoneのようなタイル型アイコンを作るウィジェット
Androidの地味で目立たなくて忘れられがちだけど使うと意外と便利な機能
BIGLOBEモバイル タイプAを契約-速度測定の結果はある意味で予想外
IIJmioのau回線「タイプA」を契約! 今ならまだ速いが、そのうちタイプDと差がなくなる予定
ファーウェイのスマホで「テーマ」をダウンロードしてアイコンや壁紙をまとめて変更する方法
HUAWEI nova lite 2のChromeでの粗い表示がいつの間にか修正されていました
【アンケート企画】あなたのスマホの持ち方教えてください!2017【結果と考察編】
ドヤ感満載! 海外ユーザー風ホーム【ホーム画面定期コンテスト】
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