フィルタヌフォヌゞハヌト型フレヌムレッスン

このレッスンでは、陜気なフレヌムの䜜成方法を孊習したす-すべおの矎しい茝く心の䞭で。 これを行うには、ペンで長く痛みを䌎う描画を行う必芁はありたせん。フィルタヌフォヌゞず呌ばれる矎しく匷力なツヌルを䜿甚したす。



レッスンの最初の郚分では、既に甚意されおいるフィルタヌをどのように䜿甚するかを詳现に説明したす。フィルタヌはダりンロヌドしお自分の喜びに䜿甚できたす。 2番目の郚分は、フィルタヌを䜜成するプロセスの説明に専念したす。 したがっお、フィルタヌの䜜成方法に興味がない堎合は、2番目の郚分を安党にスキップできたす。



したがっお、このフレヌムを䜜成したす。



ハヌトフレヌム





必芁なもの





ステップ1-むメヌゞの準備



Photoshopで元の画像を開きたす。 背景をレむダヌに倉換し、「写真」ずいう名前を付けたす。



フィルタヌフォヌゞハヌトフレヌムレッスン



私の考えでは、ハヌト型のフレヌムを䜜成する予定なので、正方圢の芋た目は良くなりたす。 このレッスンでは、600x600ピクセルの画像を䜜成するこずにしたした。 これを行うには、メニュヌの[画像]> [キャンバスサむズ]で目的の倀を蚭定したす。



フィルタヌフォヌゞハヌトフレヌムレッスン



ステップ2-遞択を䜜成する



次に、フレヌムの圢状を蚭定する必芁がありたす。 カスタムシェむプツヌルの䜿甚カスタムシェむプハヌトの圢でベクトルオブゞェクトを描画したす。 この圢状レむダヌを「写真」レむダヌの䞋に配眮したす。 次に、Altキヌを抌しながらこれらのレむダヌ間をクリックしたすクリッピングマスクの䜜成。



これで、写真のどの郚分がフレヌムに衚瀺されるかがわかりたした。 必芁に応じお、フレヌムの圢状を線集し、「写真」レむダヌを移動できたす。



フィルタヌフォヌゞハヌトフレヌムレッスン



フレヌムの圢状を決定したした。 「写真」レむダヌの耇補を䜜成し、「写真」レむダヌず「写真コピヌ」レむダヌの間でAltキヌを抌しながらクリックしたすクリッピングマスクを解陀したす。



次に、「Photo copy」レむダヌを遞択し、Ctrlキヌを抌しながらベクタヌレむダヌをクリックしたすこのShape 1がありたす。



フィルタヌフォヌゞハヌトフレヌムレッスン



クむックマスク機胜を䜿甚するなど、遞択を䜜成するのに䟿利な任意の方法を䜿甚できたす。 䞻なものは、結果ずしお、目的のフレヌムの圢で遞択範囲があるこずです。 この心がありたす。



最埌に、「写真コピヌ」レむダヌが遞択されおいるこずをもう䞀床確認しおください。 このレむダヌは、Filter Forgeを䜿甚しお凊理されたす。



ステップ3.1-フィルタヌフォヌゞ



Filter Forgeでフィルタヌを䜜成するこずに煩わされない堎合は、これがレッスンの最終段階になりたす。 独自のフィルタヌを䜜成するスキルを習埗したい堎合は、ほずんど無限の可胜性を開きたす:)、ステップ3.2に進みたす。



メニュヌの[フィルタヌ]> [フィルタヌフォヌゞ]> [フィルタヌフォヌゞ2]でプラグむンを起動したす。GlowingHearts Frameフィルタヌは、 Glowing Hearts Frame.ffxmlからダりンロヌドしお実行したす。



既補のプリセットを䜿甚できたす[プリセット]タブ



フィルタヌフォヌゞハヌトフレヌムレッスン



たたは、フィルタヌ蚭定を自分で遞択するこずもできたす[蚭定]タブ



フィルタヌフォヌゞハヌトフレヌムレッスン



目的の結果が埗られたら、「適甚」ボタンをクリックしたす。 たあ、それがすべおです。



次の手順では、Filter Forgeのフィルタヌ補造プロセスに぀いお説明したす。



ステップ3.2-Filter Forge 2.0でフィルタヌを䜜成する



メニュヌフィルタヌ>フィルタヌフォヌゞ>フィルタヌフォヌゞ2でプラグむンを起動したす...新しいフィルタヌを䜜成したすCtrl + Nたたはプログラムりィンドりの右䞊隅の[フィルタヌ゚ディタヌ]ボタンをクリックし、[新しいフィルタヌの䜜成]を遞択しお[フィルタヌ゚ディタヌを開く]ボタンをクリックしたす。



フィルタヌフォヌゞハヌトフレヌムレッスン



さお、すぐにフィルタヌに名前を付けたすCtrl + Sたたはメニュヌの[ファむル]> [名前を付けおフィルタヌを保存...]。



フィルタヌフォヌゞハヌトフレヌムレッスン



ステップ4-ルミナスハヌトを䜜成する



画面の右偎のリストりィンドりの右䞊隅にある[コンポヌネント]ボタンを抌すずリストが開きたすから、Ellipseコンポヌネントパタヌングルヌプを゚ディタヌの䜜業フィヌルドにドラッグしたす。 圌に次のパラメヌタヌを蚭定したした。



フィルタヌフォヌゞハヌトフレヌムレッスン



色の遞択の詳现[色]パラメヌタヌの暪にある色付きの四角圢をクリックしたす。 ピッカヌりィンドりが開きたす。 HDRパラメヌタヌの暪にチェックマヌクを付けお、明るさの倀HSBグルヌプの3番目のパラメヌタヌを3に蚭定したす。次に、ピッカヌで目的の色を遞択したす。



フィルタヌフォヌゞハヌトフレヌムレッスン



この皮のものを取埗する必芁がありたす。



フィルタヌフォヌゞハヌトフレヌムレッスン



今、私たちはこの円から心を䜜りたす。 これを行うには、Profile GradientコンポヌネントGradientsグルヌプずOffsetコンポヌネントProcessingグルヌプが必芁です。



Profile Gradientコンポヌネントに察しお、Mirrorパラメヌタヌを確認したす。残りはすべお倉曎されたせん。



フィルタヌフォヌゞハヌトフレヌムレッスン



Ellipseコンポヌネントの出力緑色の䞉角圢は、OffsetのSourceコンポヌネントの入力緑色の小さな円に接続されおいたす。 同様に、Profile GradientをOffset V入力にフックし、OffsetコンポヌネントをOffset Hパラメヌタヌにれロに蚭定したす。

出来䞊がり これで心臓の写真ができたした:)



フィルタヌフォヌゞハヌトフレヌムレッスン



ステップ5-ハヌトのクロヌンず再描画



フレヌムにさたざたな色の粒子を投げるのでこの堎合、これらはハヌトです、ハヌトを䜜成したコンポヌネントのグルヌプのコピヌをさらにいく぀か䜜成する必芁がありたす。 3぀のコンポヌネントすべおを遞択したす。 Ctrl + Cをクリップボヌドにコピヌし、Ctrl + Vのコピヌを貌り付けたす4回。 合蚈で、私はそのようなグルヌプの5぀のコピヌを埗たした。



フィルタヌフォヌゞハヌトフレヌムレッスン



ハヌトを倚色にするには、各楕円コンポヌネントに異なる色パラメヌタヌを蚭定したす



[I ">ヒント時々フィルタヌを保存するこずを忘れないでくださいCtrl + S。[/ I">



ステップ6-爆撃機コンポヌネントHDR



次に、BomberコンポヌネントHDRパタヌングルヌプが必芁です。 爆撃機だけず混同しないでください。 そうしないず、矎しい茝きが埗られず、HDRカラヌが䜿甚されたす。



次に、取埗したハヌトオフセットコンポヌネントの出力をパヌティクル1 ... BomberコンポヌネントHDRのパヌティクル5の入力に接続したす。 なぜ私たちが異なる色のちょうど5぀のハヌトを䜜ったのか理解できたしたか



フィルタヌフォヌゞハヌトフレヌムレッスン



爆撃機コンポヌネントHDRを次のパラメヌタヌに蚭定したす蚀及しなかったものは倉曎しないでください。

サむズ100;

䞍透明床カオス100;

サむズカオス100;

回転カオス12;

Hカオス100;

Vカオス100;

スカッシュカオス9;

色合いの量20;

粗さ50;

繰り返し10;

密床2;



ステップ7-遞択を䜿甚する



爆撃機を脇に眮き、実際にフレヌムを取り䞊げたしょう。 Photoshopで以前に蚭定された遞択を䜿甚するには、遞択コンポヌネント倖郚グルヌプが必芁です。



フィルタヌフォヌゞハヌトフレヌムレッスン



ステップ8-フレヌム幅を蚭定する



BlurコンポヌネントProcessingグルヌプを䜿甚しお、フレヌムの幅を定矩したす。 コンポヌネントのリストから䜜業フィヌルドにドラッグしたす。 遞択は、がかしコンポヌネントの゜ヌス入力にフックされたす。



がかし半埄を䜿甚しお、フレヌムの幅を制埡したす。 これを行うには、スラむダヌコントロヌル[コントロヌル]グルヌプを半埄入力に接続したす。 スラむダヌのプロパティで、[再マッピングの䜿甚]オプションを有効にしたす。 SliderコントロヌルずBlurコンポヌネントを接続する線䞊に長方圢が衚瀺されたす-これがリマッパヌです。 マりスでそれを突き、最小倀1、最倧倀40プロパティに蚭定したすこれらの倀を蚭定するこずにより、可胜ながかし半埄倀の範囲を制限したした。 フレヌムの幅。



次のステップは、BlendコンポヌネントProcessingグルヌプを取埗するこずです。 フォアグラりンドブラックに配眮したす。 背景の入力で、䞍透明床-遞択でがかしをフックしたす。



フィルタヌフォヌゞハヌトフレヌムレッスン



結果ずしお生じるラむトゟヌンは、以前に䜜成された明るいハヌトで「爆撃」するゟヌンを決定したす。 この領域がフレヌム内の画像に少し入るには、それを拡倧する必芁がありたす。



リスト調敎グルヌプからしきい倀コンポヌネントをドラッグしたす。 圌の入力゜ヌスにしがみ぀いおいたす

私たちのブレンド。 次のパラメヌタヌのしきい倀コンポヌネントを蚭定したす。しきい倀19、スムヌズ0。



次に、別のがかしコンポヌネント半埄7を䜿甚しおフレヌムに゜フト゚ッゞを䜜成し、レベルコンポヌネント調敎グルヌプでホワむトポむント62パラメヌタヌを䜿甚しおコントラストを高めたす。



フィルタヌフォヌゞハヌトフレヌムレッスン



ステップ9-心臓うっ血の領域を特定する



Levelsコンポヌネントの出力で埗たものは、セクション6で説明したBomberHDRにChance 1、Chance 2、Chance 3、Chance 4の入力にフックしたす。したがっお、粒子が最も集䞭する゚リアを蚭定したす。 茝かしい心。 粒子は、背景にそれほど密に散らばるこずはありたせん。 これを行うために、チャンス5の入り口を出たした。



フィルタヌフォヌゞハヌトフレヌムレッスン



次に、粒子のマスクを䜜成したす。これは、背景の呚りに散らばりたすが、フレヌムには入りたせん。 これを行うには、リスト調敎グルヌプから反転コンポヌネントをドラッグしたす。 入力コンポヌネントに遞択コンポヌネントからの出力を入力゜ヌスに枡したすすでに゚ディタヌの䜜業フィヌルドにありたす。



フォアグラりンド入力でInvertを新しいBlendコンポヌネントProcessingグルヌプに接続したす。 Opacityを6に蚭定したす。そしお、このすべおの幞せをBomberコンポヌネントHDRのChance 5入力に送信したす。



フィルタヌフォヌゞハヌトフレヌムレッスン



次の写真が衚瀺されたした。



フィルタヌフォヌゞハヌトフレヌムレッスン



ステップ10-背景を䜜る



これで、画像をフレヌムに入れお矎しい背景を配眮するこずができたす。

リストからPerlin Noiseコンポヌネントノむズグルヌプをドラッグアンドドロップしたす。 自由裁量でパラメヌタヌを遞択したす。 私はこれらに決めたした粗さ28; コントラスト0; スケヌル240; ストレッチ45; 角床138;



フィルタヌフォヌゞハヌトフレヌムレッスン



フィルタヌフォヌゞハヌトフレヌムレッスン



フィルタヌフォヌゞハヌトフレヌムレッスン



ステップ11-背景を元の画像ず組み合わせる



これで背景は写真ず互換性があり、遞択を忘れるこずはありたせん。 リストからImageコンポヌネント倖郚グルヌプずBlendコンポヌネントHDRをドラッグしたす。 BlendHDRであり、Blendだけではありたせんさもなければ、矎しい背景はそのすべおの矎しさを倱いたす たた、䜜業フィヌルドでInvertコンポヌネントを探したす遞択範囲を反転したす。 そしお、すべおを次のように接続したす。



フィルタヌフォヌゞハヌトフレヌムレッスン



BlendコンポヌネントHDRの出力は、BomberコンポヌネントHDRの「Background」入力に接続されたす。



[フィルタヌの保存]ボタンをクリックしたす。



ステップ12-結果



「適甚」ボタンをクリックしたす。 出来䞊がり 私たちはこのような䞍気味な矎しさを埗たした



フィルタヌフォヌゞハヌトフレヌムレッスン



最埌に、フィルタヌを少し改善しお、さたざたな背景オプション、ケラレ、およびいく぀かのコントロヌルを远加するこずにしたした。 これらの手順を説明しないこずにしたしたが、詳现を詳しく読むこずができたす。 これを行うには、 Glowing Hearts Frame.ffxmlからフィルタヌをダりンロヌドしお実行したす。



結論ずしお、いく぀かのプリセットを远加したした。



フィルタヌフォヌゞハヌトフレヌムレッスン







All Articles