Search
Blog
View full story chiyuliao.jpg

Story: Sep 26, 2014

CIA's Community Works series focuses on socially engaged art...

View details 2014 Faculty Exhibition

CIA Exhibition: Aug 28, 2014

2014 Faculty Exhibition

View full story croppedrusso.jpg

Story: Sep 22, 2014

Television and film writer teaching narrative writing at CIA

View details Mizoguchi's Greatest Decade

Events: Sep 06, 2014

Mizoguchi's Greatest Decade

View Link

Social: about 21 hours ago via Facebook

Rachel Lamping '14 won first place and the audience favorite award at the California International Animation Festival 2014 for her 2D animation, "Different Not ...

View full story tinacassar.jpg

Story: Sep 16, 2014

CIA Professor Tina Cassara inspires Sculpture Center exhibit...

View details Lunch On Fridays: Haishan Deng

Events: Oct 03, 2014

Lunch On Fridays: Haishan Deng

View full story dormdeckyoga.jpg

Story: Aug 27, 2014

New residence hall welcomes first-year students in comfort, ...

View details CIA Portfolio Day

Events: Oct 11, 2014

CIA Portfolio Day

View details exhibition2.jpg

Blog: Sep 24, 2014

9/25-28: John Waters in person, Sansho the Bailiff, three by Joanna Hogg

View full story liberal-artscma.jpg

Story: Aug 18, 2014

CIA again named to "Best in the Midwest" list

View details A Creative Life featuring Paul Yanko

Events: Oct 18, 2014 @ William Busta Gallery in Cleveland, OH

A Creative Life featuring Paul Yanko

Blog . Monster Manipulation

Blog

Monster Manipulation

10/22/13  |  Posted by Jordan Charlton  |  Posted in Digital Creativity

As an artist, and more specifically as an illustrator, I sometimes want to be able to see my work move. One tool that I find very helpful for that would be After Effects. I find this program very useful because I can take the character I created in Photoshop straight into after After Effects! One thing I will stress is that you want to have all of the different parts that will be animated on separate layers. You can import all of your various assets into After Effects once you've finished drawing them in Photohshop and begin to prepare them to be animated.

Puppet tool monster manipulation

The Puppet Tool

Once in After Effects, you can import the Photoshop file with your character, and you want to do so as a composition. Once you have the composition you can begin to use the Puppet Pin Tool. This is a handy too that will let you add points on your character that act like the joints on your body would. You are able to grab the points and move them around in order to animate your character. To do so you would just have to go to the specific part you want to animate, for mine I had my monsters left arm selected. After that I went:

Effects > Puppet > Mesh 1 > Deform

and then the pins will be displayed for that section of your character. Click the stop watch icon, so that whenever you move a pin it will record it on the time line as a shape key. After you have it the way you want it you can move down the timeline and record a new movement as a shape key. Once you have all your movements recorded you can go back in and refine the animation.

Tutorial screenshot about the pubbet tool

Parenting Tip

Quick tip! When parenting body parts, I connected all of the body parts to my character's torso so that if I move the torso then all the other body parts will move with it. This really came in handy for me because I had to move my monster to a new location for the second half of my animation. You can also import animation right into your After Effects file.

Rendering!

When exporting the file, try to use specific settings. You want to have it set to best settings, and most of the time the best file format to export to will usually be the H.264 .mov file. Another thing to remember is good file management. Keep everything you work on in the same folder somewhere on your computer where it's easy to access. If a file is moved to a new location, After Effects will not be able to find it. Have fun with it and don't be afraid to try new things!

  • Comments
    0
  • Print

Leave a comment

Back to blog listing

YouTube Facebook Twitter LinkedIn Flickr Pinterest Instagram

Social Feed

Join us tomorrow @ 12:15p for a free presentation featuring young pros from @GM Design Center. Free pizza + bevs! http://t.co/z4gf8MO6d5

5 days ago via Twitter

Read More

Community Works

Visiting artists, exhibitions, conference and symposia exploring socially engaged art.

Read More

Uptown Residence Hall

Check out the new student digs.

Read More

Cores + Connections

Learn more about CIA's proven method for academic and professional excellence.