Hello! Welcome to week2.

DUE

• For homework you were supposed to find one inspirational website from www.commarts.com. Please post to the discussion page on the Openlab class blog:
  https://openlab.citytech.cuny.edu/groups/comd3662interactiveanimation/forum/topic/inspiration-site-url/#post-29211
• Discussion of Snow Fall article

Agenda

• Week 1 lesson. If time allows week 2 lesson.
• Exercise: Create Animated GIFs with Photoshop (300 x 250px, 72dpi). Choose two words, opposite in meaning. Create one animation to show meaning in each word.

Lesson

• Frame-by-frame animation
• Type and Motion
• File optimization, save for web: PNG, SVG, GIF & JPEG, (www.kraken.io/)
• Photoshop animation exercises and experiments: Lessons-week2
• Setting up a web hosting plan. You will need to have a host and a domain name for the class. Here are two options: Kionic.com or Aplus.net. If you already have you do not need to set up a new one for this class.

Example of interactive ‘mini-sites’:

• http://static.businessinsider.com/image/4bbf5bcc7f8b9a4107340600/ipad-infographic-large.jpg
• http://columnfivemedia.com/ (Design agency that specializes in Info-Graphics)
• http://jessandruss.us/
• http://html5readiness.com/
• http://www.evanshalshaw.com/more/effects-of-drug-driving/
• http://www.dangersoffracking.com/
• http://www.breakitdown.ie/
• http://www.bobbygenalo.com/interactivetype/#Teaching
• http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

Student examples form previous semesters:

• http://nyron.unoseistres.com/animation-final/
• http://craigbauerdesigns.com/roadrage/

Homework:

• Finish frame-by-frame animation: photoshop gif animation experiment (I will ask you to save to my dropbox end of class next week)
• Project proposal due next week. See week 1 for Project1Overview.
• Find an existing info graphic (can be static) on the subject you are interested in pursuing. I will ask you to post a link to it on a discussion page on Openlab next week.