「マトリックス」効果は、カルト映画でおなじみの驚くほど魅力的なスタイル手法で、デジタルで未来的な外観を演出できます。Photoshopを使用して、あのアイコニックな緑色のコードを再現し、アニメーション化することができます。これにより、デザインに動的で活気のある要素を加えることができます。このチュートリアルでは、マトリックス効果を作成してアニメーションする方法をステップバイステップで紹介します。動画やウェブサイト、クリエイティブなプロジェクトに最適です。デジタル美学の世界に飛び込んでいきましょう！
ステップ1:
最初に新しいドキュメントを作成します。サイズは何でも構いません。800x600ピクセルという非常に小さなサイズを選択します。この効果を印刷する場合は、ピクセルの単位をcmに変更して、解像度を72から300ピクセル/インチに変更する必要があります。
ステップ2:
次に、エディタで画像ファイルを開きます（開くのに時間がかかるのを避けるためにできるだけ小さい画像ファイルを選択します）、その中に約2ページのジャンクテキストをコピーします。
ステップ3:
次に、Courierフォント、サイズ10ポイント、緑色のテキストレイヤーにコピーしたテキストを貼り付けます。背景レイヤーは黒にする必要があります。
ステップ4:
次に、上部左にある対応するシンボルをクリックして、テキスト方向を変更します。
ステップ5:
全ての文字が見えないようにするため、一部の文字がわずかに見えるようにします。そのためにマスクを作成し、標準の黒/白のフィルター差分雲（メニュー>フィルター>レンダリングフィルター）を適用します。 Ctrl+Fを使用して、満足するまで繰り返します。 差分雲を実行する前に、テキストレイヤーを素早く複製して非表示にしています。
ステップ6:
トーンカーブ（Ctrl+L）を使用して、中央のスライダーを移動することで、文字をさらに強調できます。
ステップ7:
次に、テキストレイヤーに外向きの輪郭を付けます。 レイヤーパネルでテキストレイヤーを右クリックして、塗りつぶしオプションを選択します。
ステップ8:
上部のテキストレイヤーを再表示し、2つ目のレイヤーを一旦非表示にします。その後、Ctrl+Iでレイヤーマスクを反転させます。これにより、レイヤーマスクが完全に黒くなります。 次に、6ピクセルなどのサイズの柔らかいブラシを選択します。マウスを押したままShiftキーを押して直線を引きます。ただし、線を引いた後もShiftキーを離して、別の場所をクリックしてから再びShiftキーを押して直線を引きます。
ステップ9:
これを画像全体に数回繰り返し、その後外向きの輪郭のレイヤー効果の不透明度を上げます。
ステップ10:
その後、すべてのレイヤーを再表示します。結果はかなり良いものになります。
ステップ11:
次に、この効果をアニメーション化する方法を紹介します。 メニュー>ウィンドウからアニメーションパネルを開き、下部のテキストレイヤーを拡大します。
ステップ12:
次に、アニメーションパネルでレイヤーを展開し、位置の横にあるストップウォッチをクリックします。テキストレイヤーの現在の位置を記憶するキーフレームが作成されます。
ステップ13:
Wenn ich jetzt in der Zeitleiste den Regler z. B. auf 05:00f ziehe, wird automatisch ein neuer Keyframe erstellt. Jetzt verschiebe ich meine Textebene ziemlich weit nach unten mit dem Verschieben-Werkzeug. Und schon ist meine kleine Animation fertig. Möchte ich, dass sich alle Textebenen mit bewegen, kann ich alle Ebenen im Ebenenbedienfeld markieren und zu einem Smart-Objekt verschmelzen lassen. Danach lasse ich das Smart-Objekt sich einfach bewegen.
ステップ14:
Weil das Abspielen in Photoshop bei mir ziemlich ruckelt, gebe ich es gleich mal unter Datei>Exportieren>Video rendern als QuickTime Movie aus. Die fertige Animation könnt ihr euch hier anschauen.
ステップ15:
Zum Schluss des Workshops möchte ich noch zeigen, wie man ein Foto hinter dem Matrix-Effekt verpackt. Und zwar füge ich ein Foto meiner Wahl ein.
ステップ16:
Jetzt brauche ich nur die Füllmethode auf Farbig abwedeln zu ändern, und schon sind die Buchstaben dort hell, wo im Foto auch helle Bildpixel sind.
ステップ17:
Dabei kann ich das Foto jederzeit verschieben, und die Textzeichen passen sich automatisch an.
ステップ18:
Wenn ich die Foto-Ebene nach ganz oben in der Ebenenhierarchie verschiebe, sieht das Ergebnis so aus:
ステップ19:
Mit der Füllmethode Abdunkeln sieht das Ergebnis so aus:
ステップ20:
Genial: Ich kann das Foto sogar in die Zwischenablage kopieren und dann mit gedrückter Alt-Taste mit einem Klick in die Ebenenmaske der Textebene hineingehen und mein Foto mit Strg+V als Ebenenmaske verwenden.
ステップ21:
Oder ich wandele meine Textebene in ein Smart-Objekt um und kann dann darauf einen Weichzeichner anwenden, den ich wiederum mit der Smart-Objekt-Maske an einigen Stellen wieder ausblende.
ステップ22:
Tipp: Ich kann auch einfach meine unterste Textebene duplizieren, nach ganz oben schieben und dann z. B. die Textgröße von 10 auf 8 ändern. Danach noch die Deckkraft auf ca. 17% gesetzt, und schon sieht der Effekt noch cooler aus.
ステップ23:
Das Ergebnis sieht bei mir dann wie folgt aus, wobei ich die oberste Ebenenmaske einfach mit gedrückter Shift-Taste aufgehoben habe:
