DUE
- Two words opposite in meaning: finish frame-by-frame animation – photoshop gif animation. Create a simple webpage (index.html) – place your partners animation along with yours within – create a sub-directory folder on your server and upload html file along with the two gifs. Please send me the link!
- Project proposal due. See week 1 for Project1Overview.
- Example of an existing info graphic (can be static) on the subject you are interested in pursuing.
Agenda
- FTP: creating a webpage and uploading to server
- Info graphics. How is what we are doing for project1 and 2 similar?
Lesson
- File optimization, save for web: PNG, SVG, GIF & JPEG, (www.kraken.io/)
- 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.
- Review layer comps in Photoshop. Here is an example: LayerComp-Example.psd
- Review file optimization, save for web: PNG, SVG, GIF & JPEG, (www.kraken.io/)
- Introduction to Edge Animate: Interface, palettes, creating graphics, creating animations
- Download class lesson files here: week3-lesson
Project 1 Specs
Specifications for Banner ad: 728 x 210 Large Leaderboard – after the ad is designed and approved (static version) we will build the animation over the next few classes using Edge Animate. All images will need to be saved for web at 72dpi
Homework
DUE: First draft of story-board and script sketch. A storyboard is a visualization of the different scenes of your animation in the order they will appear. Think about compositional information (close up, pan, wide shot, etc.) Storyboards can start off as drawings and can be very simple-stick figures even. We will work on creating the layer comps in class next week.
http://blog.lab42.com/wp-content/uploads/2012/03/Fiscal-Responsibility-with-CC.jpg
http://www.smashingmagazine.com
http://www.pet360.com/content/images/Custom/infographDisplay.jpg
http://www.sharad2020.com/animate/facts%20about%20smoking.jpg
https://m1.behance.net/rendition/modules/122489735/hd/11a749b44a3ef7d1c6766e3ff0789d35.JPG
http://www.sharad2020.com/animate/index.html
http://nnkcreative.com/COMD3662/
http://comd3662.luissalcedodesign.com/
http://elviragatina.com/comd3662/
http://karmadolma.com/comd3662/
http://chriskeepscreating.com/COMD3662/
http://webdesign-freebies.tumblr.com/post/80968420835/free-vector-infographic-design-template
http://rejaaa.com/comd3662
infographic:
http://i.grahamenglish.net/wp-content/uploads/hearing-loss-and-musicians.jpg
http://cdn.hearingreview.com/hearingr/2014/09/SiemensInfoGraphicTeenHearing.png
http://www.aboutdepressionfacts.com/wp-content/uploads/Depression-Facts-Infographic.jpg
infographic link:
https://outrageandinspire.files.wordpress.com/2013/07/infographic-31-innovations-to-help-african-farmers-thrive.jpg