“Frame By Frame Animation”

Using “frame” as a metaphor for the relationship between sequence and simultaneity, Frame-By-Frame Animation (an undergraduate course I designed and teach at George Washington University) delivers insight into the ongoing evolution of animated content as well as hands-on experience exploring physical, digital & web time-based projects.

Focusing on the animation and time-lapse work of Segundo de Chomón, Ray Harryhausen, Terry Gilliam, James Cameron and Pez, I utilize still photos, text, clay, found objects, cut-out drawings and paint to introduce students to the principles and workflows for physical and digital frame-by-frame animation, including detailed storyboarding; audio editing and synchronization; lighting and much more.

The course assumes no prior animation, software, video, audio, lighting or photography experience.

COURSE DESCRIPTION

From my syllabus:

Students will learn basic principles of animation as they explore the temporal movement of hand-drawn and still imagery; dynamic claymation and stopmotion techniques; time-lapse photography, and modern web animation components.

Combining hand-crafted and digital production approaches students will wire-frame; sketch; create story boards, mood boards and flip books; integrate custom audio with custom animations, and build interactive web banners with open-source animation tools.

Student will study current and emerging animation methods and processes, along with workflow and production best practices.

Critique process and animation terminology is developed with course content and projects.”

LEARNING OUTCOMES

From my syllabus:

This course surveys major moments in frame-by-frame animation, introducing students to different methods and approaches.

Through discourse, homework and class projects, students will gain experience and proficiency at storyboarding and crafting narrative flow, as well as creating animated flip-books by hand.

Students will also become proficient at using sundry programs in the Adobe Creative Suite to explore digital timeline-based animations of different durations, as well as learn how to edit and synch custom audio with their animations.

Student will also explore the cutting edge of modern animation and gain experience animating with interactive new-media HTML5 web tools.

Throughout all of this, students will learn to focus on craft and technical skills. They will learn the basics of good design principles, modular DRY concepts and industry-standard best practices, to better meet modern audience expectations.

Finally, students will learn project management skills which can be used in a wealth of projects for work, school and personal use.”

PROJECT 1: FLIP-BOOK ANIMATION

In this introductory project students storyboarded and sketched flip-books, which were then scanned and converted to an animated GIF, using Instagram specs. No audio.


  • Frame By Frame Animation

    Using “frame” as a metaphor for the relationship between sequence and simultaneity, Frame-By-Frame Animation (an undergraduate course I designed and teach at George Washington University) delivers insight into the ongoing evolution of animated content as well as hands-on experience exploring physical, digital & web time-based projects. Focusing on the animation and time-lapse work of Segundo […]

  • National Press Foundation

    I was hired to design and build the National Press Foundation a state-of-the-art Digital Asset Management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists who make up their target audience.

  • You’re My Thrill

    A timeLapse postcard from my cousin’s wedding in NYC.

  • The Corcoran Gallery of Art – Interactive Exhibition Kiosk

    The Corcoran Gallery of Art in Washington DC hired me to build an interactive exhibition kiosk as part of their special exhibition “The American Evolution – A History Through Art“. Displayed prominently in the gallery, this interactive exhibition presented visitors with an educational and entertaining look into 100+ pages from the sketchbooks of German-American master Albert Bierstadt (1830-1902), from which came some of his most famous work.

  • Interactive Deep-Zoom Image (DZI) Batch Image Processor and Gallery

    I recently built a custom PHP- and mySQL-based WordPress automation system for batch image processing and deep-zoom image creation (DZI). Click here to see it in action.
    Using open-source JavaScript libraries in the front-end to guide visitors on a pleasing journey through the thousands of images in the collections, this responsive solution also simultaneously automates custom SQL INSERT statements, adding 1,000s of hi-resolution TIF & JPG image records to a database all at once.

  • AgIS Capital LLC

    AgIS Capital is a Boston-based firm that makes opportunistic investments in farmland and private equity investments in farmland-rich enterprises. I delivered AgIS Capital an online identity reflecting the firm’s dedication to perfection based on their insights, knowledge of emerging opportunities within the agricultural investment arena and conceptions of how best to capitalize on them.

  • LaBokay Natural Resources

    LaBokay Natural Resources is a Louisiana investment company that owns mineral rights on 270,000 acres in some of the most productive areas in western Louisiana, exclusively focused on leasing oil and gas rights for exploration and development by others. I delivered an online identity highlighting LaBokay’s success in realizing the full potential of its oil and gas assets.

  • Gonzaga College High School Archives

    I was part of a select team granted access to the archives of Gonzaga College High School in Washington DC, to organize and evaluate the school’s large and historic collections and artifacts. Dating to 1821, the archives include relics and remnants of Gonzaga, Notre Dame Academy, St. Aloysius Parish, the Swampoodle and Sursum Corda neighborhoods and old Washington DC before, during and after the Civil War.

  • Vietnam Photography

    Journalist Robert Hodierne covered the Vietnam war from the DMZ in the north to the Mekong Delta in the south, from the Central Highlands to the coastal plains, photographing soldiers, sailors, Marines, airmen & civilians caught up in the war.

  • Design, Content Portability & the Information Hierarchy

    There are many ways to say the same thing. I designed and coded these examples for my students to demonstrate the idea of “portability of content”, to get them thinking about the information hierarchy and simultaneous uses of data in layout design. For each design, there are the same 7 sections in the information hierarchy. The HTML in each of these designs is 100% the same – all that changes is the CSS.

  • Interactive Temporal Map, Family Journeys, 1730 – 1960

    Part of a multimedia genealogy project, this interactive temporal map shows residence and migration patterns of ancestors from Europe in the 1730s to America starting in the 1820s.

  • Interactive Map: Ireland 1850 Census > Family Households by Parish

    This interactive map shows where people of specific surnames lived in Ireland in the 19th century, according to parish records. I scraped a static dataset from the Irish Times website, and built a much more interesting way to view the same information, with additional insights provided by clustering of semi-opaque colored markers. The dataset has 4 pieces of information: latitude, longitude, name of parish and number of family surnames in that parish.

Client Case Study:
The National Press Foundation

I was hired to build the National Press Foundation a brand new website featuring a state-of-the-art digital asset management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists making up its target audience.


READ MORE about the interesting, successful NPF project