Spark AR StudioでInstagramのフィルターを作成するにはどうすればよいですか?



InstagramでARフィルターを作成する方法は?

独自の拡張現実フィルターの作成は、Spark AR Studioソフトウェアを使用して、空のプロジェクトを使用し、ランダムな整数セレクターを配置し、画像ごとに1つのソリューションを追加するだけで簡単に実行できます。これにより、Instagramでフィルター処理するものを作成するために、選択からのランダムな画像で停止するセレクターが急速に変化します。

独自のInstagramを作成するための完全なチュートリアルを以下で参照してくださいプライベートまたはビジネスInstagramアカウントですべての友達とフィルタリングして共有し、FacebookとInstagramのストーリーを共有するか、Facebookのビジネスページまたはプライベートストーリー用に作成してくださいSpark AR HubでのInstagram効果の出版物。

Instagramの「What Pokemon Are You」フィルターの作成方法
Spark AR Studioのダウンロード

1-すべての写真をアセットとしてアップロードします

Spark AR Studioメインウィンドウで空のプロジェクトを作成することから始めます。

その空白のキャンバスから、プロジェクトに使用するすべての画像を選択して開始し、インポートボタンを使用するか、適切な領域にドラッグアンドドロップしてインポートします。

写真が既に最適化されていることを確認してください。そうでないと、インポートする写真が多すぎて大きすぎる場合に、後でいくつかの問題が発生します。最終的なパッケージサイズは、すべてのアセットを含む40MBを超えることはできませんが、Instagram ARフィルターとFacebook ARフィルターパッケージが低いほど、より良い-理想的には、ダウンロードしやすくするために1MB未満である必要があります。

2-アセットごとに1つの平面facetrackerを追加します

次のステップでは、顔の動きを追跡し、画像を添付する一般的なフェイストラッカーを1つ追加し、それに応じて移動します。シーン領域を右クリックして、追加>フェイストラッカーを選択します。

次に、この新しく作成されたfacetrackerの下で、重要で、Instagramで使用される画像ごとに1つの平面要素を追加します。メインface trackerを右クリックし、add> plane elementを選択します。

それに応じて、すべてのプレーン要素の名前を必ず変更してください。そうしないと、相互に認識しにくくなり、面倒になりやすくなります。

すべての平面要素が作成されたら、アセット画像ごとに1つ選択し、それらをすべて選択して、メイン画面で必要に応じて移動します。

デフォルトでは、フェイストラッカーは顔の中央にありますが、たとえば頭の上や特定の顔の一部の前に写真を表示したい場合があります。

3-各facetrackerを素材のあるアセットにリンクする

すべての平面要素を作成したら、それらを1つずつ選択し、右側のマテリアルで有効にします-毎回新しいマテリアルを選択します。

作成された新しいマテリアルごとに、それを選択し、テクスチャをクリックして、対応するテクスチャを割り当てます。各平面要素には、1つのテクスチャが割り当てられた1つのマテリアルが作成されている必要があります。単一のテクスチャごとに演習を繰り返します。

最後に、同じ数のテクスチャアセット要素、1つのfacetrackerの下にあるプレーン要素、およびマテリアルアセットがあり、それぞれが対応するテクスチャにリンクされている必要があります。

4-ランダムセレクターを作成する

すべてのアセットが作成されてリンクされ、カメラに続くフェイストラッカーに適切に配置されたので、ランダムセレクターのコーディングを開始します-心配しないで、すべてが視覚的になります。 1行のコード。

Spark AR Studioメニュービュー>パッチエディターの表示/非表示を使用して、パッチエディターを表示することから始めます。

チュートリアル:Spark AR Studio Patch Editorの使用

パッチエディターで追加するすべての要素について、パッチ要素領域を右クリックして追加し、使用するパッチに関連する文字をいくつか入力して要素検索機能を使用することで追加できます。

アプリケーションによってパッチが提案される場合もあれば、このウィンドウを使用してパッチカタログでパッチを見つける必要がある場合もあります。

RANDOMという単語を入力し、対応するRANDOMパッチを選択して、最初のパッチの作成を開始します。

ここで、このランダム要素を使用して、0から始まり、ランダム化するピクチャの量から1を引いた数で終わる乱数を生成します。

私たちの場合、37枚の写真で、ランダムカウンターは0から始まり、36で終わります。

5-写真ごとに1つのソリューションを追加

乱数セレクターを作成したので、画像ごとに1つのソリューションを作成する必要があります。

その方法はいくつかあります。たとえば、画像ごとに1つの丸め関数を作成する方法があります。

ラウンドパッチを作成した後、最終イメージごとに「等しい」要素を1つ追加します。

各EQUALS EXACTLY要素は、0から始まり、最大画像数から1を引いた値まで、別の整数に一致します。この場合は36です。

最後に、各facetracker平面要素をドラッグアンドドロップ-または一度に-正確に等しい要素の近くにドロップします。それらのいずれかの可視プロパティの前に矢印をクリックすることを忘れないでください-可視性プロパティはequals exact関数によってトリガーされます。

次に、すべてのラウンド要素をランダムパッチにリンクします。各ラウンドパッチは1つに正確に一致し、それぞれは1つのフェイストラッカープレーン要素に正確に一致します。

6-アニメーションをループし、画面をタップして開始します

すべての要素が一緒にリンクされたら、ループを追加して、テスト全体を継続的に実行し、一度に表示する別の平面要素を選択して、Instagramのカルーセル効果を表示します。

パッチゾーンにループアニメーションを追加します。

ループアニメーションをランダムパッチにリンクします。これは、ループアニメーションがアクティブな間、ループが終了するまでランダムパッチ要素をトリガーすることを意味します。

最後に、メイン画像である静的画像を表示することから始めます。ループアニメーションの前にメイン画像を追加し、スクリーンタップ要素を追加し、2つのスイッチ要素と1つのnot要素を追加します。

スクリーンタップから開始します。デフォルトでは、表示されるメイン画像のみが表示されます。

Spark AR:Instagramのフィルター作成のルール

最初のスイッチ要素は、画面タップがトリガーされたときにメイン画像を非表示にします。

2番目のスイッチ要素は、メイン画像が非表示になると同時にループアニメーションを開始し、画像カルーセルを表示します。

7- Instagram ARフィルターを公開します!

以上で、Instagramで何をフィルタリングするか準備が整いました。今度はテストするときです。

スマートフォンのプレビューウィンドウで、タッチのシミュレートオプションを選択し、ディスプレイをクリックして、ランダムな画像選択プロセスを開始します!

スマートフォンのエミュレーションをリセットし、もう一度タップして開始するには、左側のツールバーのファイルメニューの下にあるリセットアイコンを使用します。

次に、結果を確認するには、左下のツールバーにあるアプリに送信オプションを使用します。

Facebookカメラオプションを使用すると、Facebookでプライベート通知を受け取り、新しいFacebook ARフィルターを非公開でテストするよう招待します。

Instagramカメラオプションを使用すると、Instagramでプライベート通知を受け取り、新しいInstagram ARフィルターを非公開でテストするよう招待します。

どちらも同じ効果があります。拡張現実フィルターを自分のデバイスでプライベートにテストしたり、Spark ARハブにARフィルターをアップロードするために必要な貴重なスクリーンショットを撮ったりすることができます。

Spark ARハブ





コメント (0)

コメントを残す