⑤色を変化させるエフェクトとシャープ、ぼかし、エッジをつける方法
このノートでは1番質問が多かった
ちょっとややこしい
色彩の変化があるエフェクトの作り方と、
シャープにさせたりぼかしたり
エッジを効かせたエフェクトの作り方を
自分なりにわかりやすく説明したいとおもいます
😋🙏🏼🌼
例えば私のエフェクトでいうと
ここらへんのエフェクトです〜！
今回は自分が使ってるノイズやLUTの画像
、Patchを載せてます🙇🏼♀️🌼
①まず素材の準備
色の変化をつけるためにLUTの画像？
を用意します！
https://github.com/positlabs/spark-lut-patch
https://drive.google.com/file/d/1pN9xoIk-utOfBXf9xXLFpCZZDXWBjVNu/view
このURLから無料で画像をダウンロード
できます😌
またこちらの画像もお使い下さい！
この画像を画像編集のアプリなどで
色彩を変化させて使用したりして
いろいろ使える思います👏🏼🌼
次にLUTのパッチを用意します！
こちらからfast color lutのpatchを
パソコンに保存してください！🙏🏼
これで素材は準備できました！
sparkARを開きます！🌼
左上create newからblank projectをクリックします。
開いたら左上のaddから2d object→Rectangle
を選択します。
画面右上のsizeをタテヨコどちらも
full sizeにします！
枠の中をクリックするとfull widthを
選択できます☺️
こんな感じになりました！
そのまま右下のmaterialの+をクリックします。
画面左下のmaterialを選択して
画面右上のshader typeをflatにします！
そしたらそのまま下にあるtextureの左の
黄色い矢印をクリックします！
するとこんな感じでpatch editerが出てきますー！
次に画面左下にある+Add Assetをクリックして
一番上のimport from computerを
クリックします！
するとパソコンのフォルダが開くので
最初に用意しておいたLUTの画像と
Fast Color LUTのパッチを選択して開きます！！
開くと画面左下に出てきましたー！👏🏼
画像は選択して画面右側の
no compressionに印をつけておいて下さい！
左下フォルダから追加された
Fast Color LUTパッチを
画像のように
ドラッグ&ドロップでpatch editerの中に
入れて下さい〜！
次に画面左上のCameraをクリックします
次に画面右側のtexture extractionの右の
+をクリックします。
すると画面左下にCamera texture0というのが
出てくるのでそれを選択して画像のように
ドラッグ&ドロップでまた
patch editerの中に入れてください☺️
次に画面左下のフォルダマークの
Libraryを選択します！
するとAR Libraryが開きます！
その中のpatch assetsをクリックします🌼
次にShadersをクリックします！
Shadersの中からAdjust Colorsを選択して
右上のimportfreeをクリックしてください！
ダウンロードできたら×で閉じてください！
すると画面左下にAdjustColorShaderが
追加されたと思うので
それを選択してまたドラッグ&ドロップ
でpatch editerの中に入れますー！
次に画像のように4つのパッチを
矢印をクリックしながらひも？を伸ばして
繋げていってください！
そしてFastColorLUTパッチのLUTで
フォルダから追加した画像から
好きな画像を選んで選択してください！
モニターを見てもらったら分かると思いますが
選ぶ画像によってエフェクトの色が
変化します🔥🔥
次にAdjustColorShaderの枠の中に
数字を入力していきます！
brightnessは輝度（まぶしさ）
contrast コントラスト
hueは色相
saturationは彩度、鮮やかさ
lightnessは明度（淡い）
が調節できます！
とりあえずこんな感じに調節してみました！
すべて-1から+1まで入力できます🐍
何度も何度もカメラで試しながら
数字を調節していってください！！
最後に前にも説明しましたが
ノイズ加工を追加します！
画面左上にいって最初に作った
rectangleを選択して
duplicateをクリックして複製します🙆🏼♀️
複製して作ったrectangleを選択して
右側、materialからnew materialを
作っておいてください！
作ったら左側でmaterial選択して
そして画面右側のShadertypeをflatにして
そのまま下にあるnew textureから
new animation sequenceをクリックします！
左下にnew nimation sequence0が
追加されてるのでそれをクリックして
右上のtextureからnew image textureを
クリックします！
前の記事にも貼らせて頂いた
ノイズの画像を選択しました！
すると画面がこんなことになりました！
右側のFPSはgifの速さを調節できます。
今回は15にしました！
そしたら画面左下側のノイズのマテリアルの
material1をクリックして
画面右側のblend modeをscreenにして
opacityを20くらいにします！（薄くする）
こんな感じになりましたーー！！！
無加工と比べると色が変わっています！
色の加工をすると美肌効果のエフェクトが
何故か無くなってしまうので
私はいつもノイズ加工をするのですが、
ノイズの加工は今回の様に
animation sequenceを使わなくても、
2d object→rectangle→material→
texture画像追加で
この画像を選択して
blend modeでopacityを調節して
使うこともできますので上記のノイズ画像を
ご自由にお使いください☀️
そして！
いずれかのmaterialを選択して
textureのうえの
Colorの白い四角をクリックすると
色が選べるので
色彩の変化を調節して様々な色に
加工できるのでこれも楽しくてオススメです！
〜〜〜〜追記〜〜〜〜
シャープなエフェクトを作るときのpatch並べ方
(全て同じ様に上記で作ったAdgust Colorのpatchの位置に配置します！)
ぼかしたエフェクトのとき
エッジのきいたエフェクトのとき
それぞれのpatchに数字を入力して加工の強弱を
調節してみてください！
エフェクトの幅が広がって
楽しいですよ🌼🌼
〜〜〜〜〜〜〜〜〜〜〜〜
この上から文字や画像を追加して
様々なエフェクトも作れるので
是非いろいろ試しながら
作ってみてください🥰🥰🥰
私も初心者なので
答えられ無いことの方が多いですが
もし質問などがありましたら
コメントしてください🙏🏼
とても長くなりましたが以上です！
読んで頂いてありがとうございました！🌼