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 Lessons (43m)
    • 1. Introduction

      1:10
    • 2. Creating an image from photographs

      7:14
    • 3. Pixelsorting

      6:00
    • 4. Animation!

      7:00
    • 5. Creating motion

      5:43
    • 6. Editing colours

      5:50
    • 7. Displacement mapping onto type

      8:23
    • 8. Thanks for watching!

      1:26
33 students are watching this class

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!