Adobe AfterEffects Side Scroll Project at The Digital Arts Experience

The Digital Arts Experience of Westchester County recently finished an after school 2D Animation/Visual Effects teen class using Adobe AfterEffects. The goal of the final project named Project Scimenatar was to use all of the skills they learned and apply it towards creating their own side scroll video game.

We asked our Animation instructor, Nick Sceusa, who was recently interviewed by opensource.com based on his experience in teaching our 3D Animation class with Blender, to tell me about his experience in the 2D class. According to Nick:

The sidescroller idea came about a little over halfway through our current session. We had been learning After Effects with mini projects and it was going okay, but there was a definite lack of excitement. I needed to come up with a project everyone was interested in and could work on together. Me and the students always chatted during our breaks and I had a pretty good idea of what they were all interested in. I’m not sure when the “a-hah” moment came around, but this project came out of that need to make the class more interesting and engaging.

The first thing we did was sit down and plan out what we wanted to happen in our “game”. The number of enemies, what obstacles do we want, should we have health bars, what weapons should we have etc. All those little details were worked out beforehand and checked with how much time we had to work with. Once that was done, we moved on to storyboarding, which is essentially a visual representation of your script. In our case the script was: destroy all enemies. The storyboard allowed us to plan things out visually and served as a guide during the production phase.

The storyboard process.

The storyboard process.

Once we knew what would happen during the game, we moved over to the photo studio at The Digital Arts Experience. A green screen was setup and each student posed for whatever action they needed during the game.

Stephen poses in the Photo Studio for his 2D Animation class project at The Digital Arts Experience in White Plains.

Stephen poses in the Photo Studio for his 2D Animation class project at The Digital Arts Experience in White Plains.

Things like jumps, shooting, melee attacks etc. Every action required at least one photo. Some actions such as walks needed two. After getting our main cast captured additional characters and items such as the goombas and background were needed. Images from online were used for photo tracing in Adobe Illustrator and hand drawn images were scanned into Photoshop for coloring. This allowed students to work comfortably in a medium they were comfortable in and learn a bit about an additional program that works well with After Effects.

Now we moved into After Effects. The first thing we did was get our characters setup. After importing the original images we ordered and renamed them according to the pose This way we could call up the pose we needed at any time in a different composition within the project. Take a look at this photo of one my students Maggie:

1)This is the original imported image:

The original photograph in our studio

The original photograph in our studio

2)After being imported the green background is removed:

The green backdrop is removed

The green backdrop is removed

3) Accessories are added if needed:

Maggie gains a red lightsaber.

Maggie gains a red lightsaber.

4) The character is dropped into the background:

Background scenery is added.

Background scenery is added.

Each pose or image required these steps. After that each characters motion (enemy, obstacle etc) was animated by calling up a different pose, and moved within after effects. We also did some effects work and some sound design to really give the project some pizazz!

Overall, I’m very happy with the way the project turned out. The students did an amazing amount of work within a short amount of time. In fact this project ending up being so fun that I will be using this project in any future after effects class I do.  Thanks again to Maggie, Kendrick and Stephen for making it a fun project.

Check out the final project here:

 

The Digital Arts Experience (The DAE) is a community focused learning & production facility located in downtown White Plains that teaches courses for kids, teens and adults in Animation, Graphic Design, Moviemaking, Photography, Web Design, Blogging, computer/smart phone basics and more. In addition to teaching classes, The DAE also offers creative and design services to help your business grow. With their in-house professional photography/video studio, fully equipped recording studio, 4 computer labs with all of the latest professional software and industry active staff, The DAE prides itself on being not only a resource for the community, but a productive place you can go to meet other like-minded individuals who share your interests.

Starting the 2nd week of July, The DAE will be running Summer Camps for kids. The summer programs are designed to engage your child in fun, skill building multi-media projects in their chosen area of interest in either: Animation, Graphic Design, Photography, Moviemaking or Web Design. The classes are small with a maximum of 6 kids, 100% hands on and focus on collaboration so your kid/teen will develop social, technical and creative skills, and also leave with completed projects for a portfolio or college application! Check out The DAE’s summer promo video.


Stop by at any time for a tour of its brand new, state-of-the-art 8,000 sq. ft facility, or feel free to call 914-644-8100, e-mail info@thedae.com, or visit www.TheDAE.com for more informati

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s