Skip to content

Recreating Instagram filters

automata edited this page Sep 30, 2014 · 27 revisions

Introduction

In summary, filters do:

  • change color curves (for each channel), balance and levels
  • change original image's contrast/brightness and hue/saturation
  • multiply original image with a tint layer
  • apply a vignette
  • apply some noise/random path to simulate old photos and scratches

Filters

All the original Instagram filters:

Original image

(from the original CC BY 2.0. By Flickr user whologwhy)

1977

Instagram:

noflo-image/canvas (just color curves adj.):

X-Pro II

Instagram:

(v2) noflo-image/canvas (+contrast, vignette, brightness):

(v1) noflo-image/canvas:

Hefe

Instagram:

(v2) noflo-image/canvas v2 (+ contrast/brightness/vignette):

(v1) noflo-image/canvas (just color adj. curves):

Nashville

Instagram:

(v2) noflo-image/canvas (-brightness)

(v1) noflo-image/canvas:

Brannan

Instagram:

(v2) noflo-image/canvas (+saturation):

(v1) noflo-image/canvas:

Lord Kelvin

Instagram:

(v3) noflo-image/canvas (better color curve):

(v2) noflo-image/canvas:

(v1) noflo-image/canvas:


Amaro

Mayfair

Rise

Hudson

Valencia

Sierra

Willow

Lo-Fi

Earlybird

Sutro

Toaster

Inkwell

Walden

Tips and tricks

To simulate a vignette in GEGL, create a black layer, crop an ellipse and apply a gaussian blur.

To simulate Nashville in GEGL:

  1. Apply GEGL:brightness-contrast on original. Contrast: 1.60. Brightness: 0.12
  2. Create new layer. Tint: #f4eabd
  3. Apply GEGL:multiply on original and new layer.
  4. Change color levels of original. Green: 33. Blue: 143.

To simulate Lord Kelvin in GEGL:

  1. Adjust color curves to:

References