• Work
  • Show Reel
  • Motion
    • The method
    • The Plastic Monster
    • Stacc
    • The Troll
    • Vision Videos
    • Show Reel
    • Visual Effects
    • Music Videos
    • Broadcast Identities
    • Web-animation
  • Branding
    • The Process
    • WonderBoy
    • Power of Streaming
    • Sunplay
    • Kunzt
    • The Handbook
    • Conductor of Light
    • PolarWhite
    • Ard Arealplan
    • The Wedding
    • Logo collection
    • Svart Free Font
  • Visualization
    • The impossible
    • Marcus Monne
    • Oslow
    • Nintendo
    • Coca Cola
    • Vi
    • Myken
    • Hiroshima
    • Architectural
    • Imitating reality
    • Photography
  • Resources
    • Tutorials
    • Webdesign
    • Webshops
    • Freebies
  • Journal
  • Contact
  • Search

JHåland

  • Work
  • Show Reel
  • Motion
    • The method
    • The Plastic Monster
    • Stacc
    • The Troll
    • Vision Videos
    • Show Reel
    • Visual Effects
    • Music Videos
    • Broadcast Identities
    • Web-animation
  • Branding
    • The Process
    • WonderBoy
    • Power of Streaming
    • Sunplay
    • Kunzt
    • The Handbook
    • Conductor of Light
    • PolarWhite
    • Ard Arealplan
    • The Wedding
    • Logo collection
    • Svart Free Font
  • Visualization
    • The impossible
    • Marcus Monne
    • Oslow
    • Nintendo
    • Coca Cola
    • Vi
    • Myken
    • Hiroshima
    • Architectural
    • Imitating reality
    • Photography
  • Resources
    • Tutorials
    • Webdesign
    • Webshops
    • Freebies
  • Journal
  • Contact
  • Search
Scrolling web-animation for DNF

Scrolling web-animation for DNF


November 21, 2017
by Jørgen Håland

 

I've been working with Neue on several projects this year and now a new part of my work has been released. It's logo web-animation to the site Den Norske Filmskolen (DNF).

This project I needed extra reinforcement because it needed java scripting, and my buddy Ola Marvin Leier were up to the task. I made the animation of the DNF logo and he did the scripting trickery to make the logo move and behave as we wanted it. When you scroll it activates the animated sequence, and to add some randomness if you reload or explore the site the animation have different states. And maybe the best part the size are tiny, for the animation around 18 KB.

This is a relative new way of creating flexible and tiny sized animations for the web using After Effects, bodymovin and java scripting.

See the logo animation in action here, and remember to explore the site:

 
Den Norske Filmskolen

Comment

Posted in AfterEffects, Design, Knowledge, Logo, Product, Web
and
tagged with web-animation, animation, web, neue, ola, leier, dnf, den norske filmskolen, vector, web-animasjon, animasjon, nybrotsarbeid
Newer
Older
Top
  • Home
  • Work
  • Show Reel
  • Motion
  • Branding
  • Visualization
  • Tutorials
  • Web-Design
  • Webshop
  • Freebies
  • Journal
  • Contact
  • Search
  • Privacy Notice