16
$\begingroup$

this is a gif

I do not know at all what this effect is called, therefore I cannot search for the answer on the web. I am referring to the thing where the RGB color will shift individually when the camera jitters/move

So, how can I achieve this sort of effect in blender? and for future reference, what is this effect called?

$\endgroup$
  • 1
    $\begingroup$ That looks like intentional screen tearing combined with momentary conversion to something like a cyan/magenta anaglyph. $\endgroup$ – catlover2 Jul 9 '15 at 8:45
  • $\begingroup$ Somewhat related: realtime viewport anaglyphs $\endgroup$ – catlover2 Jul 9 '15 at 8:46
  • $\begingroup$ @catlover2 ah! its so obvious once you hear it. thanks $\endgroup$ – Technopath Jul 10 '15 at 1:56
  • $\begingroup$ And that style of effect is called a 'glitch' or 'glitch art', however I don't know if there are specific names for individual effects :) $\endgroup$ – Hexbob6 Jul 10 '15 at 9:56
  • $\begingroup$ oh really? never heard of it lol. I guess you learn something new everyday, thankx $\endgroup$ – Technopath Jul 17 '15 at 10:22
21
$\begingroup$

This can be done in compositing with a displace node driven by a texture.

1st, let's see the basics. In the node editor, select compositing and backdrop.
compositing
Now add a displace node (shift+A to open the menu or click "add")
add displace
link it to the image and to a viewer node (Ctrl+Shift+Click on the displace node) and you can move the image on X and/or Y with the X/Y scale values. Nothing really interesting yet.

Now we want to control where this effect will affect the image. This can be done with a texture.

In the properties panel, go to texture tab and click "new"
add tex
change the type to blend
type to blend
and the blend to vertical
vertical blend
Now back in compositing, add an input/texture node and choose your blend texture
texture node
The outputs are Value and Color. Value is the alpha, color is...the color :) Now plug the color output to displace's X Scale intput. You'll se a very small effect.
connect

We now need to control the power of the effect.
Add a Converter/math node and change it to multiply. Connect the Texture-Color output to the 1st math input and the math output to Diplace-X Scale. Change the math value to 20 and you'll see something like that.
math effect
Some explainations :
The texture is black in the bottom, white in the top. Black means no effect, white means full effect (from 0 to 1). AFAIK, 1 is a 1 pixel displacement so the math node multiplies this by 20, what means 20 pixels.

Now let's play with the texture.
go back to the properties panel in texture tab. In color, check Ramp.
tex ramp
also chage the interpolation to constant (allows TV line/pixel effect).
interpolation constant
We won't use alpha, all we will change here is the BW value of the colors and add/move color stops (with the "+" above the ramp). Let's do something like this :
ramp1
and see the effect
ramp1 effect
This is what we want : we can displace some parts of the image (controled by the texture) and change the power of the effect with the math node (0=no effect, can also be negative). The the value in the math node can be animated.

This is the basic. We can do something more interesting.
1st, let's correct the hole created with the displace. holes
Add a Color/mix node, click use alpha and plug the displace output to the 2nd color input of the mix node. The 1st color input can be any color you want, or a texture/image and will replace the holes alpha.
holes fixed

As this is a bit long and the basics are covered and (hopefully) understood, let's see how we can achieve the effect on RGB. We could use 3 different textures but we'll do this with 1, controling the displacement of each color.
Go back to the properties/texture tab. The texture will now use RGB values to control the image RGB displacement.
colors RGB values
Add as many color stops as you want, change their R G B values. I'll use this :
my color ramp example

Back in compositing, we need to separate RGB colors from the image AND the texture, use the texture's RGB to control displace of each image channel and combine them back. This is the complete node setup :
enter image description here
The math value can be changed/animated separately or you can plug an Input/value node to control them all.
You can also use 2 (or more) textures with separate displaces and animate a color mix node to control wich one is used.
You can use the texture's alpha to control another displace plugged to Y Scale.

$\endgroup$

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.