Create Pixelsorted images and animate them in After Effects!

Tom Appleton, Graphic Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Videos (43m)
    • Introduction

      1:10
    • Creating an image from photographs

      7:14
    • Pixelsorting

      6:00
    • Animation!

      7:00
    • Creating motion

      5:43
    • Editing colours

      5:50
    • Displacement mapping onto type

      8:23
    • Thanks for watching!

      1:26

About This Class

In this video I cover the basics of Pixel Sorting and Displacement Mapping in After Effects.

I start the video by showing you a particular way of abstracting a photograph in Photoshop. Next I show the basics Processing, and how you can Pixelsort your image. Finally we take the glitched image into After Effect, and I show you how you can use Displacement Mapping to animate your images, and use them to distort type as well.

Processing - download.

https://processing.org/download/?processing

The 'code' - download

http://kimasendorf.tumblr.com/post/32936480093/processing-source-code

Thank you!

39 of 41 students recommendSee All

Awesome effect!! Why do we have to download the 2.2.1 instead 3.3.5? thanks for lesson!
thanks for the magic lesson
Awesome tricks!