Skip to content

Week 1

Overview of Course and Class Site


Open Lab

Open Lab is an online platform where the College’s students, faculty and staff can come together to learn, work, play and share ideas. This site was created on Open Lab and will be your main resource throughout the semester. You will post your work on this site once you’ve created an account. You can also browse Open Lab to look up other courses, to connect with faculty and students and to create a portfolio.

Creating an Account

Follow the instructions here https://openlab.bmcc.cuny.edu/blog/help/how-to-sign-up-and-log-in-to-bmcc-openlab-students-staff-faculty/

Joining this Course on Open Lab

Now that you have created an account,  you can join this course site. This means the course will appear in your “My Courses” tab for easy access. You’ll be able top post to it as well. Click here and then click +Join under the course photo.

Creating a Portfolio/Profile

By creating a Portfolio on Open Lab, you will be setting up a Portfolio Site and an associated Portfolio Profile page.  Think of your portfolio as a place to save, share and organize your work, in this course and beyond. The steps below will take you through naming your Portfolio, writing a short description, and uploading an avatar for your Portfolio Profile page.  You will also choose a URL for the Portfolio Site and Privacy Settings for both the Profile and Site.

  1. After logging in, click My OpenLab in the main menu. Then click + Create a Portfolio in the right-hand menu.
  2. On the first Portfolio creation page, you will see a space to enter your Portfolio name.  It will already have a name filled in, based on your first and last name, but you can change that if you wish.  We recommend that you follow this format: FirstName LastName’s Portfolio or Professor LastName’s Portfolio (for example, Jane Smith’s Portfolio or Professor Smith’s Portfolio).
  3. Next, enter a description of your Portfolio.  You can always change this later, so if you don’t have a description prepared, just type something in as a placeholder.
  4. Check the appropriate boxes for your school and department.  These are required.
  5. Click Create a new Portfolio site and choose a site URL.  Like your name, this text box will already be filled in, based on your name.  However, you can enter a different site URL if you wish.  Once created, the URL cannot be changed, so consider it carefully.
  6. When you are finished, click Create Portfolio and Continue.
  7. Next, set your privacy settings for your profile and portfolio site. When you are finished, click Next Step.

Adding a Post/Project to your Portfolio

In this course, you will create a portfolio post for each new assignment and link to it on Blackboard (and/or the discussion board when appropriate – see below). The following steps walk your through how to create a new post:

  1. Go to the OpenLab homepage (https://openlab.bmcc.cuny.edu) and log in.
  2. Go to My Profile. Click on the link to your Portfolio site will be on the top right.
  3. Click on the little  + icon on the top of the page. This will create a new post.
  4. Give your post a title (this will be displayed in bold at the top of the page that will be generated
  5. Create your post. It may contain text, images, videos and other types of media.
  6. To finish and submit your post click on Publish.
  7. By default, your new post will automatically appear on your portfolio’s home page.
  8. You can edit and delete a post (or page – such as About Me on the main menu) by going back to its Edit mode (found on the side and bottom of the page/post). The title and content can be edited and Move to Trash (on the right) will delete the post/page.

What is animation?

Animation is the rapid succession of still sequential images, shown at a steady rate that create the illusion of movement.

This illusion is made possible by a physical phenomenon called “persistence of vision“: If a sequence of still images is displayed fast enough, our brain will stop seeing individual steps and start seeing motion instead. This illusion is referred to as the persistence of vision. The human eye and brain can only process 10-12 separate images per second. If another image replaces it within a fifteenth of a second, it will bridge the two, creating the illusion of continuous motion.

History

Pre-film era: Before the advent of cinema in the 1890s, inventors were putting still images into motion with optical toys such as the zoetrope. A strip with sequenced imaged was placed on the inner surface of cylinder with slits on the side. As the cylinder spins, the user looks through the slits at the pictures across. The scanning of the slits keeps the pictures from simply blurring together.

Eadweard Muybridge, although not an animator himself, was a key figure in the development of the medium (as well as live-action film). His multi-camera motion studies of animal and humans, created in the 1870s and 80s, advanced the understanding of movement. His books of photographs continue to be used as references by animators to this day.

Here are a few key films/animators from the very early days of animation:

The Walt Disney Studio was founded in 1923 and quickly came to dominate the medium. Not only did the studio create memorable characters such as Mickey Mouse, it also invented and perfected development and production tools that are still used today.

In traditional 2D animation, each frame is created by hand. Animators often use their own expressions as a reference for their characters. 1 second of animation requires 24 frames/drawings.

Up until the mid-1990’s the lead animator would animate the character on sheets of paper. These drawings would then be cleaned up and painted unto sheets of celluloidFinally, the character cell would be overlayed over a background and shot on film

The multiplane camera was a large analog piece of equipment developed at the Disney studios in the 1930s to impart live action-like effects (i.e: depth-of-field, parallax and zooming) to 2D animation. The multiplane became obsolete with digital scanning, compositing and editing tools in the early 1990s.

The 12 principles: Two of Disney’s master animators, Ollie Johnston and Frank Thomas, described the 12 most important principles to create appealing animations in a a book called “The Illusion of Life: Disney Animation” in 1981. While these rules were already present in very early animations, Frank and Ollie formalized them. These principles are essential to any animator’s education and practice. This video offers a great overview of all 12 principles: “Complete 12 Principles of Animation Frank Thomas and Ollie Johnston as described by Alan Becker”.

Animation Today

While 2D animation is still popular today, the computer almost always comes into play (i.e: for scanning, compositing, sequencing and/or to color each frame). Often, animators draw the frames directly within the digital environment with a tablet.

Here a few interesting contemporary examples:


Assignment: Animated GIF

Create a 30 frame (minimum) animated GIF.

We’re going to start with a simple animation program called Piskel. It’s a free pixel art editor. Download it here. The program is not packaged like a normal application. To run it, extract the folder and move the entire folder to your Desktop. Open the folder and double click on the Piskel-0.14.0.exe with the Piskel icon to run it. I will go over the process in class.

Create a transformation of some kind (a ball turns into bird, which turns into the sun, which turns into an airplane, etc.), or depict a cataclysmic event, like a tornado or a volcano. Try and focus on the movement, don’t worry about each drawing being perfect. Animation is the relationship between the drawings.

Submission

Export the animation as an animated GIF using the .gif format. Post it on the Open Lab. We will review them together and learn how to document them on Open Lab. Once you have published it on Open Lab, submit a link to the post on Blackboard. You will find a rubric on Blackboard.