Adobe Photoshop CC 11
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
ネクさーんヽ(´o`;フォトショップでチラついたようなかっこいい画像を作るにはどうすればいいんでしょうか(゚∀゚;!!
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
色々とやり方はあるけど〜、手軽な方法を伝授しようかね〜d( ̄∀ ̄)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
ぜひぜひよろしくお願いします(゚∀゚(゚∀゚(゚∀゚!!
昔はよくありましたが…レンズの色が青と赤のメガネをかけて、立体的に見える映像をみたことはありませんか?
![Adobe Photoshop アナグリフ グリッチ 編集 加工 方法 メガネ](https://nextist.net/wp-content/uploads/2020/02/adobe-photoshop-rgb-anaglyph-glasses-e1653529430685.jpg)
あれは両目の視差を応用して立体的に見せる『アナグリフ』という技術になります。
『アナグリフ』の画像や動画はRGBがズレたような絵になります。
微妙に違いますが、光の屈折で起こる像の色ズレ(色収差)にも似ていますね。
![Adobe Photoshop アナグリフ グリッチ 編集 加工 方法](https://nextist.net/wp-content/uploads/2020/02/adobe-photoshop-anaglyph.jpg)
![Adobe Photoshop アナグリフ グリッチ 編集 加工 方法 色収差](https://nextist.net/wp-content/uploads/2020/02/adobe-photoshop-rgb-anaglyph-chromatic-aberration.jpg)
『Photoshop』でこの『アナグリフ』風の加工をすると、デジタルチックでかっこいい画像になります。
さらにデジタル映像の不具合で画面がチラついたような『グリッチ』を加えると、よりサイバーな雰囲気の画像にアレンジできます。
そこで今回は『Adobe Photoshop』使って、画像をアナグリフ風&グリッチでサイバーな雰囲気にアレンジする方法を解説していきたいと思います。
![グリッチ加工した画像](https://nextist.net/wp-content/uploads/2020/02/nextist-style.jpg)
アナグリフ風にアレンジする方法
画像をアナグリフ風にアレンジする方法を順を追って解説していきます。
まず『Photoshop』を開いて加工したい素材を読み込みます。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 素材を読み込む](https://nextist.net/wp-content/uploads/2020/02/load-material.png)
素材を複製( Ctrl or command+J)します。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 素材を複製](https://nextist.net/wp-content/uploads/2020/02/duplicate-material.png)
複製したレイヤーに上部メニューのイメージ ▶︎ 色調補正 ▶︎ 白黒…を適用します。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 色調補正の白黒を適用](https://nextist.net/wp-content/uploads/2020/02/dye-correction-black-and-white.png)
白黒パネルが表示されますが、何も触らずOKをクリックします。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 色調補正の白黒を適用](https://nextist.net/wp-content/uploads/2020/02/black-and-white-effect.png)
白黒を適用した複製レイヤーをもう一度複製します。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 白黒を適用した複製レイヤーをもう一度複製](https://nextist.net/wp-content/uploads/2020/02/duplicate-layer.png)
新しく複製したレイヤーを選択した状態で右クリック ▶︎ レイヤー効果を選択して
レイヤースタイルパネルを開きます。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 レイヤー効果を選択](https://nextist.net/wp-content/uploads/2020/02/layer-effect.png)
レイヤーの右のスペースをダブルクリックしてもレイヤースタイルパネルは開くことができます。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 レイヤースタイルパネルを開く](https://nextist.net/wp-content/uploads/2020/02/duplicate-layer2.png)
レイヤースタイルパネルのレイヤー効果 ▶︎ 高度な合成にあるチャンネルRのチェックを外してください。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 レイヤー効果の高度な合成にあるチャンネルRのチェックを外す](https://nextist.net/wp-content/uploads/2020/02/change-channel-settings.png)
選択ツールを使って一番上層のレイヤーを斜めに動かします。するとRGBのずれができてアナグリフ風のアレンジができます。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 選択ツールを使って一番上層のレイヤーを斜めに動かす](https://nextist.net/wp-content/uploads/2020/02/shift-image.png)
グリッチを加える方法
続いて、デジタル映像の不具合で画面がチラついたような『グリッチ』を加える方法を解説していきます。
複製したレイヤー2つを選択( Ctrl or command+クリック)した状態で右クリック ▶︎ レイヤーからグループ…をクリックします。
![レイヤーからグループ...を選択](https://nextist.net/wp-content/uploads/2020/02/grouping.png)
設定パネルが表示されますが、名前はお好みで入力し、そのままOKを選択してください。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 レイヤーから新規グループ設定パネル](https://nextist.net/wp-content/uploads/2020/02/group-settings-panel.png)
複数のレイヤーを選択した状態で Ctrl or command+ Gを入力すると複数のレイヤーをグループ化することができます。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 複数のレイヤーをグループ化する](https://nextist.net/wp-content/uploads/2020/02/grouping2.png)
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 複数のレイヤーをグループ化する](https://nextist.net/wp-content/uploads/2020/02/group-material.png)
グループ化したレイヤーを複製( Ctrl or command+ J)します。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 グループ化したレイヤーを複製](https://nextist.net/wp-content/uploads/2020/02/duplicate-group.png)
複製したグループを選択した状態で右クリック ▶︎ グループを結合を選択
または選択した状態で Ctrl or command + E を入力すると
選択したレイヤーを一枚のレイヤーに結合(統合)することができます。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 グループを結合](https://nextist.net/wp-content/uploads/2020/02/merge-groups.png)
![レイヤーの統合](https://nextist.net/wp-content/uploads/2020/02/join-groups.png)
結合したレイヤーを選択した状態で、選択ツールを使いチラつきを入れたい箇所に選択範囲を指定します。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説](https://nextist.net/wp-content/uploads/2020/02/rectangle-tool.png)
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説](https://nextist.net/wp-content/uploads/2020/02/selection.png)
選択範囲を Ctrl or command を押しながらドラッグ&ドロップして選択範囲の画像をずらし、チラついた感じを表現していきます。
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 選択範囲をカットしてずらす](https://nextist.net/wp-content/uploads/2020/02/glitch-processing.png)
選択範囲は Ctrl or command+ Dで消すことができます。この作業を繰り返して…
![Adobe Photoshop フォトショップ グリッチ 加工 サイバー 作り方 方法 解説 選択範囲をリセット](https://nextist.net/wp-content/uploads/2020/02/glitch-processing-application.png)
お好みでチラつきを入れていけば完成です。
![グリッチ加工した画像](https://nextist.net/wp-content/uploads/2020/02/nextist-style.jpg)
最後に
アナグリフやグリッチ系の画像や映像ってかっこいいですよね。
他にもグリッチ系やサンバーパンク系のサムネイル作りや動画制作に役立ちそうな記事を書いているので、まとめて紹介しておきます。
*【Photoshop(フォトショップ)】全て無料!!簡単にグリッチやアナグリフのような加工ができる『サイバーアクション素材(.atn)』を紹介した記事はこちら⬇︎⬇︎
*【Photoshop】全て無料!!簡単にモダンな表現を追加できる『ライトストリークオーバーレイテクスチャー素材』を紹介した記事はこちら⬇︎⬇︎
*【Adobe Lightroom】全て無料!!簡単にサイバーパンクな画像へ加工することができる『サイバープリセット素材(.xmp,.lrtemplate)』を紹介した記事はこちら⬇︎⬇︎
*【After Effects】リアルなホログラム画像とデジタルノイズの作り方を紹介した記事はこちら⬇︎⬇︎
*【全て無料】ただただかっこいい『サイバーフォント素材』まとめて紹介した記事はこちら⬇︎⬇︎
*【全て無料】ネオンサインのデザインに使える『ネオンフォント素材』をまとめて紹介した記事はこちら⬇︎⬇︎
*【全て無料】近未来を表現できるかっこいい『デジタルフォント素材』をまとめて紹介した記事はこちら⬇︎⬇︎
*【全て無料】カクカクした『ブロックフォント素材』をまとめて紹介した記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました٩( ‘ω’ )و