ただいまの人気記事はこれ!おすすめ記事いろいろ

【Photoshop】1分でできるRGBずらし画像のつくり方【色ずれ・版ずれ効果】

Photoshop
当サイトでは記事内に広告を掲載しています。

今回はPhotoshopで、かんたんにできる「RGBずらし画像」のつくり方をお届けします。

「RGBずらし」とは、線などの色がずれてみえる効果のことをいいます。

【Photoshop】1分でできるRGBずらし画像のつくり方【色ずれ・版ずれ効果】

「色ずれ」「版ずれ」とも呼ばれます。画像にユニークな効果を出すことができる方法です。

今回はこの効果をとてもかんたんに出せる方法をお届けします。作業時間は1分。あっという間にできちゃいます。

Photoshopの記事一覧

すぐにできるRGBずらし

今回は次の画像を例にして、かんたんにできるRGBずらしをやってみます。

かんたんにできるRGBずらし

今回はこのイラストを使っていきますが、もちろん写真でも同じやり方でできます。

手順

1.Photoshopで任意の画像を開きます。

任意の画像を開きます

 

レイヤー構成は次の通りです。

レイヤー構成

 

Photoshopで直接画像を開くと、レイヤー名が「背景」となり、右横に鍵マークがつきます。

右横に鍵マーク

この鍵マークをクリックします。

 

すると、鍵マークがはずれ「レイヤー0」という名称になります。

「レイヤー0」

この状態で作業していきます。

 

2.画像のレイヤーを右クリックします。

画像のレイヤーを右クリック

 

すると、メニューが表示されますので「レイヤーを複製」を選択します。

「レイヤーを複製」

 

画像レイヤーの複製ができました。

画像レイヤーの複製

 

3.先ほど複製したレイヤーをダブルクリックします。

複製したレイヤーをダブルクリック

 

4.すると「レイヤースタイル」というパネルが開きます。

「レイヤースタイル」

 

このパネルをみてみると、「高度な合成」という項目があります。

「高度な合成」

 

この「高度な合成」のチャンネルのところをみてみましょう。「R」「G」「B」にそれぞれチェックが入っています。

「R」「G」「B」にそれぞれチェック

 

「R」と「B」のチェックをはずし、「G」だけにチェックが入った状態にしてみましょう。

「G」だけにチェックが入った状態

 

5.Photoshopの画面左端のツールバーから「移動ツール」を選択します。

移動ツール

 

6.キャンバスで複製したレイヤーを横にドラッグしてみましょう。

すると、もとの画像ではふつうの色合いだったものが……

もとの画像

 

このように色がずれたものになります。

色がずれたもの RGBずらし 色ずれ

これで完成です。手順を覚えれば、1分以内でできちゃいますよ。

今回の例では横にずらしましたが、縦や斜めにずらしてもOKです。

スポンサーリンク

アレンジ方法

今回の処理を行うと、処理をしたレイヤーの右側にマークがつきます。

処理をしたレイヤーの右側

この右側のマークをダブルクリックすると、「レイヤースタイル」のパネルが開き、何度でもチャンネルの修正ができます。

色合いを変える

どのチャンネルにチェックを入れるかによって、ずらす色の雰囲気が変わります。

高度な合成

今回の記事ではチャンネルを「G」だけにしてみましたが、もちろん「R」や「B」だけにしてもOKです。それぞれで色合いの雰囲気が変わりますので、ぜひ試してみてください。

また、「RとBにチェック」「GとBにチェック」など、RGBのうちの2つにチェックを入れてもOKです。この場合も、組み合わせによって色合いの雰囲気が変わります。

重ねるレイヤーの数を増やす

元画像の上に重ねるレイヤーの数を増やすと、より複雑な効果をたのしめます。

重ねるレイヤー数を増やす

たとえば、こちらは元画像の上に3つのレイヤーを重ねています。

レイヤースタイルのチャンネルで「Rだけにチェックしたもの」「Gだけにチェックしたもの」「Bだけにチェックしたもの」をつくってみました。

 

そして、それぞれのレイヤーのずらし方を変えてみると、重ねるレイヤーが1つだけのときとは違った雰囲気になります。

RGBずらし 参考

 

どのレイヤーを上に持ってくるか、どれだけずらすかでも雰囲気が変わります。

色ずれ効果の例

 

大胆にずらすと、3Dメガネがほしくなりそうな雰囲気になったりもします。

ずらしすぎ

今回の記事で使用したツール

今回の記事で使用したツールは次の通りです。

【Photoshop】

 

【コミPO!】

コミPo! [ダウンロード]
ウェブテクノロジ・コム

 

【服装を増やすなら】

コミPO!本体で「服の数が物足りないなあ」と感じたときは、服装のデータが販売されています。

今回はPhotoshopでかんたんにRGBずらし画像をつくる方法をお届けしました。慣れると、あっという間にできちゃいますよ。

よかったら参考にしてみてください。

タイトルとURLをコピーしました