オールドスクールのアナグリフ効果を作成する

Feb 3, 2026

操作方法

（画像クレジット：トラビスナイト）

アナグリフ効果は、内容を高く評価するために赤と青のメガネを着用しなければならない古典的な3Dスタイルの適切な名前です。ここでは、ベースイメージ、シェーディング、テクスチャを使用して古典的な3D効果を実現する方法を学びます。あなたが始める前に、あなた自身を手に入れよう 無料のテクスチャ あなたのデザインをあなたがそれを望む方法だけにするために。

このチュートリアルで作成された花嫁は、参照画像をベースとして使用してアナグリフ効果を採用したオリジナルのピースです。私はしばしば私の仕事で双対性のテーマを探求し、そして '50年代と' 60年代のB - 映画に敬意を払うために私の仕事においてこの効果を使います。

より多くのチュートリアルのために、私たちのものを参照してください Photoshopチュートリアル 役職。

01.カラーパレットを作成します

効果を得るためには、青と赤の色合いを使用する必要があります。それは他の色でも働くことができますが、これらは最も伝統的です。色は私にとって、特にデジタル媒体では、文字通りあなたが考えることができるどんな色の媒体では挑戦しています。

このカラーパレットは、骨董品店で見つけたビンテージ3Dポスターから撮影されました。写真を撮り、Photoshopの色をサンプリングしてパレットを作成しました。私はそれ以来微調整をしましたが、私は私の印刷命令でいつも送っている3Dメガネでうまく機能します。

ここにAdobe Creative Cloudを入手してください

02.正しい参照画像を取得します

Anaglyph effect - Reference image — 参照として使用されるオリジナルの広告イメージ（画像クレジット：トラビスナイト）

ビンテージ広告イラストや写真は私に無限のインスピレーションを与えます。私はこれらの画像が起こる理想化された夢のような、そして希望の世界が大好きです。

私のために、正しい参照画像を見つけることは重要です：私は全体的な構成と表情を探します。参照画像は重要ですが、私は常に私のスケッチで編集を行います。ほとんどの場合、私は上位層の図面でブロックし始めるときに、下層で何が起こるのかを見始めます。

03.上層を描きます

3D effect - upper layer — 描く - しかし奴隷にトレースしないでください - 上位層のインクを作成するための元の画像（画像クレジット：トラビスナイト）

基本的な構成を取得するために参照画像を遮断します。私はそれが画像の上に直接トレースされないことが本当に重要であることがわかります - 直接の痕跡は時々スチルされ、そして感情のないと感じることがあります。このようにして働くことは私にいくつかの動きを与えることができます。画像がブロックされると、参照画像の小さなコピーを自分のキャンバスの角に移動します。

LineWerkを導入します

Anaglyph effect - Inking — レイヤーマスクを赤で追加します（画像クレジット：トラビスナイト）

次に図面をデジタル化します。通常、私のラインワークはすべて1つのGOで行われます。黒と白での作業は私が欲しい行を得ることを確実にするのを助けます。私はこのステップで、レイヤーマスクやインクを赤で描くことができましたが、それは私を遅くする傾向があります。

05.レイヤーマスクを追加します

Anaglyph effect - Layer mask — 不透明度を約20パーセントに設定します（画像クレジット：トラビスナイト）

線を着色するために、私はソリッドカラーレイヤー（赤）を作成するのが好きです。それから私は私の線を貼り付けます。この時点で、赤いレイヤーを見るのに十分なほど不透明度を約20パーセントに掛けるように設定します。

07.下層をスケッチします

下地層を作成するのは、私のプロセスの私のお気に入りの部分です - これは本当に面白くなる場所です。私は通常、いくつかの異なるアイデアや作曲を試してみてください。スケルトンは私が荷物を描いたものであるので、私はそれをフリーハンドで描くかなり自信を持って感じます。私は微弱な上層をガイドとして使います。

カラスとヘビのために、私は上層の描画のために私がしたのと同じ方法で参照画像を使います（手順03を参照してください。スケルトンに移動する前に、それらをインクしてください。そのようにして、組成がうまくいかない場合は、物事を動かすことができます。

08.フィギュアのインクを定義します

私が構成に満足していると、私は前にしたように、私は残りのスケッチをインクしてマスクに貼り付けます。

09.シェードとテクスチャを追加します

3D effect - shade and texture — ハーフトーンとテクスチャを追加しますが、微妙にする（画像クレジット：トラビスナイト）

私は彼らを望んでいる私の赤と青の層を持っているので、いくらかの色合いとテクスチャを追加する時が来ました。私は何年もの間、私自身のカスタムブラシとテクスチャを作成し、骨の骨の虚偽のスキャンインクのスプラッタと粒子のテクスチャを使いました。

それから私は発見しました真のグリットテクスチャ供給そして見返していません。 True Gritには、市場で最高の印刷品質、高解像度のフォトショップブラシがいくつかあります。

10.一度に1つのレイヤーを隠します

Anaglyph effect - Shade layer — 赤いレイヤーをハーフトーンブラシで覆します。（画像クレジット：トラビスナイト）

シェーディング中、私は一度に1つのレイヤーに集中するのが好きです。このようにして、各層はそれ自体ではっきりしていることを知っています。赤いレイヤーでは、45度ドットの真のグリットのハーフトーンシェーダーブラシの1つを使用しています。私はすぐにビンテージハーフトーンテクスチャを達成できる方法が大好きです。青い層では、真のグリットからも90度のラインハーフトーンブラシを使用しています（私は彼らが私を払っていないと約束します...）。これはすべてレイヤーマスク上で行われます。

11.グリットとテクスチャを追加します

シェーディング値が見栄えがよくなっているときは、いくつかのグリットとテクスチャを追加する時が来ました。私の目標は、気象被害を模倣する摩耗した険しい外観を作成することです。

私はそれが忘れられているように、そして時間に失われたような気分にさせたいです。しかし、私がこのステップで船外に行かないこと、そして両方の層の苦痛が互いに補完することが重要です。

この時点では、レイヤーの不透明度が大きくプレイされているので、物事はランダムに見え、予定されていないことを確認したいと思います。

この記事はもともと世界で最も売れているデザイン誌である、コンピュータアートの問題296に掲載されました。購入 問題296 今又は 申し込む コンピュータ芸術へ。

続きを読む：

54 Free Photoshop Actions.
すべての最高の無料のPhotoshopブラシ
3Dアート：あなたを刺激するための28素晴らしい例

オールドスクールのアナグリフ効果を作成する

01.カラーパレットを作成します

02.正しい参照画像を取得します

03.上層を描きます

LineWerkを導入します

05.レイヤーマスクを追加します

07.下層をスケッチします

08.フィギュアのインクを定義します

09.シェードとテクスチャを追加します

10.一度に1つのレイヤーを隠します

11.グリットとテクスチャを追加します

操作方法 - 最も人気のある記事

フォトショップでレイヤーをフリップする方法：完全なガイド

Mac上でスクリーンショットを取る方法

マヤのためのレンダルマンでシーンを作成する

リモートチームのマスターバージョン管理

PIXIJSでリップル効果を作成する

アーティストのためのコンセプトデザインのヒント

19件の魅力的な芸術のための19のヒント

想像上のブランドのプロモーションを設計する方法

カテゴリ