Week 09

today

Schedule until the end of the year
How to make a Gif in Photoshop
More on Gifs

Homework #8, Part I and II

📆 Calendar

Week 10: 11/15 : Review Gifs + Intro Infographics

Week 11: 11/22 : Information Graphics & Data Visualization (Homework #9)

Week 12: 11/29 : More Infographics & DataViz, intro CSS

Week 13: 12/6 : Intro Interactive Story Homework #10, Reading.

Week 14: 12/13 : Class website retouch and Interactive Story last details.

Homework 10: Interactive Story due by 6 pm Friday 12/20 FOR ALL LABS

Plus

Laptop Loan Policies

gifs ✍️

Photoshop Tutorial | QUICK TIP | Basic Frame by Frame Animation

How to make your own GIF in Photoshop (5:08)

Key idea: Basic understanding of animation.

Alex Chung of Giphy on the history of GIFs:

"Since then, Photoshop, Final Cut, After Effect, all the tools that were pretty esoteric to the filmmaking industry, were available to the rest of the world. And now we were able to cut things and send them across the internet, so essentially the demand had always been there but the technology just hadn't caught up"

more ON gifs

Bonus: The Cutest Animal Reaction GIFs You've Ever Seen

Homework 8: Animated GIFs

DUE

Create a series of animated gifs using Adobe Illustrator and Photoshop

These technical references may be helpful:

GIF 1: Blink

Revisit the exercise started in your lab section that uses the eye drawing created with Adobe Illustrator from homework #6, to make the drawing blink.

GIF 2: Cut Up Cinema

Create photographs of yourself or your friend(s). Be sure to photograph against a high-contrast solid background to make it easier to “pull off” the figure.

In Photoshop cut the person out of the image to create a digital puppet.  
Use ✨ Puppet Warp Tool ✨ to animate the cropped photography  
Duplicate your person into various frames.  
In each frame create variations of the person using the Puppet Warp tool.  
Open the Timeline panel and create a “Frame Animation”.  
By presenting each layer on different frames, create an animation of you or a friend in various positions.

The trick with animation is to select which layers are revealed on each frame.