ちょっとだけ質感を上げるテクニック

|

GlaejaとかZooperとかでバーや図形を描くことができますが、ちょっとだけ弄ってその質感をあげるテクニックです。
別にウィジェットなどに限らず、グラフィックソフトで同じことをやってもいいようなことですが。

とりあえずGlaejaでやりますが、考え方の問題なので、Zooperとかでも同じようなことはできると思います。

●の質感を上げる

131110-1
まずは適当に多角形レイヤーで●を描きます。
これがデフォルトの状態、ということですね。

131110-2
この●にグラデーションをかけてみます。
真上を#FFFFFF、真下を#000000とすると白から黒へのグラデーションとなります。
なんとなく立体感はありますが、野暮ったいというか、ダサいです。

131110-3

131110-4
#F0F0F0から#D8D8D8という、微妙な変化にしてみます。
これだとパッと見は白っぽいのですが、単色ベタ塗りに比べると、ほんのちょっと質感が上がります。

並べて比べるとどうでしょうか?ほんの僅かな差ですが、違いがわかると思います。

131110-5
これに更にシャドウを付けてみます。
シャドウはその濃さや広がり具合によって効果が変わります。
右上のように、影の色が濃いと壁紙からの浮き上がりも高く感じ、●のエッジが鋭く感じられます。

一方右下のように色を薄く(透明度を上げる)するとふんわりと、柔らかい印象になります。

応用でリングを作る

131110-6
ちょっとした応用です。
今度はもう1つ●を描きます。こちらは一回り小さくします。

131110-7
そして、グラデーションの方向を大きな●とは逆にします。
こうすると、●の中で中央部分が凹んで見えるようになります。

131110-8
グラデーション方向は垂直じゃなくても、少し斜めに傾けてもOKです。
光源がどこにあるのかを考えて、ホーム画面全体の影の方向を合わせるといいでしょう。

更に応用

131110-9
更にもう1つ小さな●を書き、それを転送モードで抜くとリングのようになります。
…とは言っても、これなら多角形で●を描かなくてもサークル2つにしたほうがいいと思いますが…。
サークル2つにしても、同じようにグラデーションをかければ、同じようにできます。

中にハンドなどを置いて、時計にしてもいいですね。

131110-10
僅かなグラデーションとシャドウを使って質感を上げる方法はテキストなどでも使えます。
縮小されたものをパッと見ただけでは違いは気にならないかもしれませんが、こうしてちょっとだけ手を入れると完成度も満足度も上がると思いますよ。

特に、壁紙がちゃんと質感のあるものを使う場合は、こういった手間をかけずにベタのままだと浮いてしまいます。そういうときは今回のようなテクニックで「少しだけ」グラデーションをかけたりするといいですよ。あんまり派手にやると、野暮ったくなってまた浮いてしまいますから注意です。

Random Posts

Bluetoothスピーカー「ZENBRE Boost」レビュー:USB Type-C・IPX7防水・10W×2の高出力スピーカー搭載
5000円とお安いけど玄人向け?4K撮影可能なアクションカメラ「MUSON M10」レビュー
COUMI Ear Soul TWS-817A:装着感が良い低価格な完全ワイヤレスイヤホン
ZenFone 6の価格比較:ひかりTVショッピングがキャンペーン条件適用で実質約3.5万円~で強い!
【今日のホーム画面】テキストの表示に細かいこだわりを入れてみた
Mi Band 4用にメタルメッシュの替えバンドを購入するもイマイチ
キラメンタル【ホーム画面コンテスト2020】
ワイモバイルのデータSIMを解約した話と中古で買ったワイモバ端末がSIMロック解除できなかった話
UMIDIGIの新フラッグシップ機UMIDIGI S3 ProはIMX586 48MPカメラと5150mAhバッテリー搭載
Xperia 1の画面保護フィルムを実際の写真付きで紹介レビューしている記事まとめ
My Dear Wallpaper【あなたのホーム画面見せてください 2019】
Pixel 3 開封の儀:シンプルでさりげないポップさを持った今のGoogleらしさが見える新しいスマートフォン
Pixel 3aの購入特典でGoogle Play Pointsのシルバーステータスもしくは250ポイントをもらおう
SoundPEATS TrueFree レビュー:簡単ペアリングで4時間再生可能な完全ワイヤレスBluetoothイヤホン
UMIDIGI F2発表!48MPクアッドカメラ、パンチホールディスプレイ、Android 10、5150mAhバッテリー搭載