バナープラスの小技集:グロー効果を疑似再現してみよう！

今回の記事は基本に戻ってバナープラスの隠された機能を紹介しちゃうぞー！

思い付き！今日は私がよく使ってるバナープラスの小技教えるから！

ノンノンノン…私がそんなバナープラスの基礎中の基礎を書くと思ってたんですのん？

というか書く内容はホントに小技なんだけどねー。

ふふふ。ズバリ、今回紹介するバナープラスの小技は「グロー効果の疑似再現」だよ！

ざっくり言うと発光しているように見える特殊効果、って感じかな！スプラッタ系の血まみれ姿に見えちゃうような効果じゃないよ！

ゲームやアニメキャラクター系のイラストなんかによく使われてる効果なんだけど、Photoshopとかのテクニックでは割と有名だね。

そのとーり！
例えばグロー効果って言うとこんなやつの事を指すよ！

左が素材プラスに登録されている無加工の素材で、右がバナープラスで疑似グロー効果を加えた画像だよ！

うん。私ほぼ100％でこの加工してる。

とは言ってもあくまで疑似的な再現なんだけどね。
本来のグロー効果についてはPhotoshop用の解説サイトとか、イラスト投稿サイト「Pixiv」なんかでも有志が講座ページを作ってくれてるよ。

いやいや、私に出来るぐらいだから全然簡単だよ。一度やり方を覚えれば何にでも応用できる小技だから早速やってみよう！今回は作例を元に解説するよ！

その①！まずは発光させたいオブジェクトを選択してからショートカットキー「Ctrl+V」でオブジェクトを複製しよう！

勿論OK！なんだけど…その方法だと画面に読み込んだ時にサイズ比率が初期状態のまま追加されちゃうから、同じサイズにフリーハンドで拡大するのがビミョーにめんどくさい…。単純に素材を同じサイズで複製したい時は複製コマンド「Ctrl+V」を使うと便利だよ！

次は画面上の「レタッチ」タブを操作して透明度・ぼかし・彩度の数値を画像の値みたいに変更するよ。

ぼかしオブジェクトを重ねた時、元素材の輪郭がちょっとだけ見えるぐらいにしておくのがポイントかな！

その彩度の数値設定もポイントの一つだよ！私はだいたいぼかしオブジェクト(上レイヤー)の彩度を200％・元素材オブジェクト(下レイヤー)を130%ぐらいまで引き上げておくかな。

で、値を設定したらぼかしオブジェクトの透明度を15％ぐらいまでガガっと下げちゃおう！

全然OKだよー。

そうしたら今度は「影」タブから影表示をONにして、詳細設定から影の色を白(♯FFFFFFFF)に変更しよう！

テキストツールには影の色を自由に変更する機能はついてないんだけど、画像(オブジェクト)設定画面では自由に影の位置やサイズ・ぼかし・色を変更出来るんだよね。
私も結構使ってから気が付いたヨ

で、白に変更したら完成って感じ！

背景の色や発光させる素材によってベストな設定が違ってくるから一概には言えないけど、素材プラスの立ち絵って全部そのまま使おうとするとWebページとデザインと比べてちょっと色味が暗いんだよね。

素材の彩度を上げるだけでも見え方が全然違ってくるけど、それだけだとなんだか元のイラストの色合いが台無しになっちゃうなぁ…って感じたら、ひと手間かけてこの疑似グロー効果を使ってあげるといいと思うよ。

勿論デザインによって正解は違うから、どれが間違いとかって事はないからね！

面倒な時は彩度の調整だけ済ませちゃうんだけどネ。

厳密に言うとPhotoshopではグロー効果を施す時に発光させる色レベルを細かく設定できるんだけど、バナープラスではそれが出来ないっていう…

どうしてもグロー効果でこだわりたかったら大人しくPhotoshopを使おうね！(涙)