Search the Community
Showing results for tags 'svg filter displacement'.
Hey guys, I'm following the tutorial bellow on how to make an Absolute map, and using the attached script for step 3 "Changing the absolute source values to relative values". However the generated map is not correct. probably something wrong with the image I replaced? On the attached file you can find: pspmap.png (image I replaced) pspmaporiginal.png (correct example image) http://www.tapper-ware.net/blog/?p=39 How to create the an absolute map with your favourite image editing application Step one: Creating the neutral image. The neutral image simply maps each pixel to the same one in the source image. It’s want you always start with and it never changes. Step two: Deforming the image. You can use any deformation filter you want. Step three: Changing the absolute source values to relative values. That one is a little more complicated. Since feDisplacementMap doesn’t really allow you to map a source pixel directly to a target pixel we have to subtract the position of the pixel to convert the absolute position we have so far into a relative position. So basically, you have to load the image we created into something that can run a bit of code on each pixel and run something like the following code on each (you can just save this script and exchange the source image path for yours): map.zip