Advertisement

 

バグが起こったような「映像の乱れ」を表現するグリッチエフェクト

 

SFサイバー感を演出でき、フォトショップでも人気の高いグラフィック効果のひとつです。しかし、魅力的なグリッチエフェクトを自分でつくろうとすると時間もかかってしまいます。

 

そんなときは、一瞬でグリッチ効果を表現できるPhotoshopデザイン素材を活用してみましょう。

 

フォトショップに写真を放り込むだけで、誰でもプロのようなエフェクトを実現できる、難しいこと一切なしの便利アイテムが揃います。

 

フォトショップのなかでも写真を水彩イラスト・絵画ペイント風に加工する方法は、人気エフェクトのひとつです。 アートヒストリーブラシでなぞるだけのつくり方
フォトショップで漫画コミックのようなイラスト風に加工する方法は、人気エフェクトのひとつです。 画像を差し替えるだけのお手軽エフェクトやベクターイラスト

 

 

グリッチエフェクトってなに?

 

グリッチ(英: Glitch)とは、ギザギザした線や、映像などの破損により生じる画像の乱れや、ゲームでバグが起きたときの画面の乱れを指します。故障したような状態を連想してみると良いでしょう。

 

 

グリッチエフェクト素材の使いかた

 

フォトショップ向けデザイン素材の使いかたは、大きく分けて2種類。

  • スマートオブジェクト機能を活用したPSDファイル素材タイプ
  • 再生ボタンを押すアクション素材タイプ

 

どちらも写真を用意するだけのお手軽さで、わずか数クリックでリッチエフェクト加工に仕上げることができます。

 

ここでは、実際に以下の素材 Anaglyph FIlter Photo Effect を試してみました。

analyph-4-effects-in-1

 

 

ダウンロードしたPSDファイルをフォトショップで開いた状態がこちら。「Your Image Here」と書かれたレイヤーをダブルクリックします。

HOW-TO-APPLY-GLITCH-EFFECT1 (1)

 

 

自動で別ウィンドウが開くので、用意しておいた写真を放り込み、Command/Ctrl+Sで保存。

 

元のウィンドウに戻ると、写真にグリッチエフェクトが適用されています。最後にカラーオプションを選択すれば完成。まさにワンクリック作業。

 

 

 

完成した写真がこちら。最大4500pxの300dpiでプリント印刷にも対応したグリッチ加工の完成です。

HOW-TO-APPLY-GLITCH-EFFECT3 (1)

 

 

文字テキストやロゴデザインなどにグリッチエフェクトを利用したいときは、Glitch Text Effects がおすすめです。

Glitch-Text-Effects-cover

 

 

注目は、16種類のカラフルでバリエーション豊富なグリッチエフェクトが揃っている点。

HOW-TO-APPLY-GLITCH-EFFECT4 (1)

 

文字を入力するだけで、あとはフォトショップが自動でエフェクトを追加してくれます。

sample-glitch

 

 

お好みのPSDファイルを開き、「Double Click Here」と書かれたスマートオブジェクトレイヤーをダブルクリック。自由に文字やロゴなどを配置したら、Command/Ctrl+Sでふたたび保存。

 

たったこれだけで高品質なグリッチエフェクトを作成することができました。

 

 

 

おすすめグリッチエフェクト素材まとめ

写真にグリッチエフェクトを手軽に表現できる、その他のおすすめ素材集は以下の通り。

 

Instagramストーリー専用やアニメーション付素材など、用途に応じてさまざまなグリッチエフェクトを表現できるので、お好みのアイテムを見つけてみましょう。

 

 

RGB / Glitch Photo FX

ひとつのPSDファイルで20種類のグリッチエフェクトをたのしむことができるデザイン素材。歪みやノイズフィルタを個別に調整、カスタマイズできます。写真だけでなく、文字テキストやロゴデザインにも利用可能。

RGB---Glitch-Photo-FX

 

 

Animated Stroeis Kit – V2

グリッチエフェクトをアニメーション付で表現した素材で、Instagramストーリーの投稿に特化した10種類のテンプレートが用意されています。こちらも写真を放り込むだけのお手軽編集が特長です。

glitched-stories

 

 

VHS Tape 01 – Insta Stories Template

フォトショップで編集できる5秒間のグリッチアニメーション。1080x1920pxのHDクオリティで、まるでビデオテープに録画されたようなレトロな風合いを演出できます。

vhs-tape-insta-stories

 

 

 

Animated Glitch 2 Photoshop Action

エフェクトを加えたい写真をフォトショップで開き、アクション再生ボタンをクリックするだけで、本格的なグリッチアニメーションを表現できるプロツール。

Animated-Glitch-2---Photoshop-Action2

 

 

 

RetroGlitch Photoshop Glitch Pack

レトロスタイルに特化したグリッチ素材で、PSDファイルの他にも、写真に重ねるだけでグリッチエフェクトを再現できるオーバーレイテクスチャやブラシ素材なども充実の内容。

retroglitch-main

 

 

44 Distorted Glitch & Wave Effects

グリッチエフェクトをIllustratorで表現できる貴重なデザイン素材。44種類の拡大縮小できるベクターファイルによる収録。

44-Distorted-Glitch-and-Wave-Effects-cover

 

 

Kinetic – Displacement Maps and Glitch Actions

よりカスタマイズ性の高い文字テキスト向け素材がこちら。23種類のPhotoshopアクションの他に、エフェクトを微妙に変化させるDisplacement Map30枚も一緒に収録です。

Kinetic-Displacement-Maps-1

 

 

Melted – Trippy Text Distortions

まるで幻覚症状を見ているような、文字が溶けたようなサイケデリック&トリッピーなテキストエフェクト6種類パック。

trippy-text-distortions-melted

 

 

Chromatic Glitch Text Effects

文字テキストやロゴデザインの加工に適した、おしゃれなグリッチエフェクト素材パック。文字テキストを編集すれば、プリント印刷もできるアートワークの完成です。

Chromatic-Glitch-Text

 

 

Glitch Studio Photo Effects

ひとつのパックで5種類のグリッチスタイルを演出できるお得な素材。加工したい写真をフォトショップに放り込むだけで作業終了、わずか10秒もかかりません。

glitch-studio-photo-effects-01-

 

 

Motion Glitch Effect

スピード、疾走感を表現できる「動き」のあるグリッチエフェクト向けPSDファイルで、4500x3000pxの高画質ファイルによる収録。

Motion-Glitch-Effect-01

 

 

Motion Glitch Effect For Posters

縦に撮影した写真で「動き」を表現したいときはこちら。3000x4500pxのPSDファイル。

Motion-Glitch-Effect-for-Posters-01

 

 

Hologlyph Action: Hologram Glitch Effect

SFやサイバーパンク、近未来の雰囲気を表現したホログラムとグリッチエフェクトを融合させたアクション素材。

Hologlyph-Action-Hologram-Glitch-Effect

 

 

Toxic Potion Glitch Effects Pack

10種類のテキストエフェクト向け素材、14種類の写真用アクションを同時収録したお得なデザインパック。一度にすべてのエフェクトが適用されるため、複数のデザインを比較して選びたいときにおすすめ。

Toxic-Potion-Glitch-Effects-Pack

 

 

無料ダウンロードできるグリッチエフェクト素材まとめ

 

ここでは、無料ダウンロードで気軽にグリッチエフェクトを楽しむことができる、PhotoshopアクションやPSDファイル素材をリストアップしています。

 

フォトショップがはじめてというひとにもおすすめです。

 

Glitchery Photoshop Effects

画面全体が乱れたようなグリッチエフェクトを手軽に作成できるアクション素材で、SF映画のような仕上がりを実現する、3色のグラデーションカラーも便利です。

 

 

 

Free 3D Anaglyph Photoshop Effect

用意されたPSDファイルの写真を変更するだけで、立体感のあるアナグリフスタイルに自動で変換してくれる、スマートオブジェクト機能を活用したPSDファイル。

 

 

 

Glitch Effect PSD Template

ダウンロードページでは、エフェクトの詳しい使い方も紹介されており、単純明快なシンプルな操作でグリッチエフェクトを微調整できます。

 

 

 

Free Glitch Effect & Vhs Effect Photoshop Template PSD

懐かしいVHSビデオテープの画面が乱れたような、グリッチエフェクトを再現する無料アクション素材。

free-glitch-photoshop-psd-actions-1

 

 

 

Glitch Art Effects for Photoshop

デジタルもしくはアナログで起こる美しいエラー、グリッチエフェクトを再現することができるPSアクション素材セット。

glitch-art-effect

 

 

 

Anaglyph Photoshop Actions

赤と青色のアナグリフ・エフェクト風に仕上げるアクション素材、赤青メガネをかければ写真が立体的に浮かび上がります。

anaglyph-3d-effect

 

アクション素材を利用することで、あらゆるデザインスタイルを手軽に楽しむことができるようになります。

 

スタイル別に無料アクション素材もまとめています、一緒にチェックしてみてはいかがでしょう。

 

※ 2021年8月31日に新しい素材18種類を追加し、合計100個の無料Photoshopアクション素材となります。 ※ 2020年1月6日に新しい素材1