Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

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!

63 of 65 students recommendSee All

Totally recommend this class for those who love Pixel Sorter art. Really appreciate it.
Huy Le

Creative field learner

I definitely ready to experiment. I didn't knew I would need those external resources. Im gonna see if I can do it with motion since I'm learning that software right now
Gyasi Ottley

Forever the art student that teaches.

Dude. U made my day!
Yannick Le Guillou

Creative Director