{"id":12682,"date":"2016-04-20T18:02:56","date_gmt":"2016-04-20T18:02:56","guid":{"rendered":"http:\/\/blogs.vsb.bc.ca\/dkeller\/?page_id=12682"},"modified":"2021-02-11T17:35:28","modified_gmt":"2021-02-11T17:35:28","slug":"assignment-9-animated-gifs","status":"publish","type":"page","link":"https:\/\/blogs.vsb.bc.ca\/dkeller\/assignment-9-animated-gifs\/","title":{"rendered":"ANIMATED GIFS"},"content":{"rendered":"

What’s an animated GIF?<\/strong><\/h2>\n

A GIF is an image encoded in a graphic interchange format (GIF<\/b>), which contains a number of images or frames in a single file and is described by its own graphic control extension. The frames are presented in a specific order in order to convey animation<\/b>.<\/p>\n

 <\/p>\n

Take a look at these:<\/h2>\n

This is a simple gif- it has 4 or 5 pictures set in a row moving sequentially through with about .02 of a second between each photo to which the human eye blends together into a moving picture.\u00a0 Then the sequencer is set on repeat.<\/p>\n

\"Finn-red-chard3\"

Source Keller<\/p><\/div>\n

This gif has many more frames (or pictures) then the above gif.\u00a0 Please notice that the Artis has not only made the arm move , but the head is moving as well.<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

\"historic-photography-blackandwhite-gifs-kevin-weir-6\"

Image source Gipgy.com by kevin weir<\/p><\/div>\n

How many Picture do you think make up this gif?<\/p>\n

\"Bill-Domonkos\"

Image source Gipgy.com Bill-Domonkos<\/p><\/div>\n

The Artist is having a lot of fun in this piece.\u00a0 But wow!\u00a0 It is complex.\u00a0 All ‘do-able’ is you know photoshop and can draw a bit.<\/p>\n

\"historic-photography-blackandwhite-gifs-kevin-weir-1\"

Image source kevin-weir<\/p><\/div>\n

This one is just weird!!!\u00a0 But How did the Artist make the mouth and tungs move at different speeds?<\/p>\n

\"\"

Image source http:\/\/knowyourmeme.com\/photos\/632853-dafuq<\/p><\/div>\n

Take a look at the use of Background light and shadows in this gif.\u00a0 A good background really makes for a good project!<\/p>\n

\"\"

Image source https:\/\/giphy.com\/gifs\/colinraff-art-animation-mg8zTjpit9enK<\/p><\/div>\n

Whats happening here?<\/p>\n

 <\/p>\n

\n
\"\"

Image source Gipgy.com<\/p><\/div>\n

WHat’s going on here?<\/p>\n

\"\"

Image source Gipgy.com<\/p><\/div>\n

I love the 3D space that the Artist has created by the shadow!<\/p>\n

\"\"

Image source Gipgy.com<\/p><\/div>\n

Simple yet effective!<\/p>\n

\"\"

Image source Gipgy.com<\/p><\/div>\n

I love this one… it is VERY simple.\u00a0 Yet everything works SOOO well together!<\/p>\n

\"\"

Image source Gipgy.com<\/p><\/div>\n<\/div>\n

JO STUDENT GIFS<\/strong><\/h2>\n
\n

The gum moves so smoothly as it blows up it’s hard to tell it’s a gif… But it is!<\/p>\n

\"\"

By Rosemary<\/p><\/div>\n

 <\/p>\n

\"\"

A Picasso painting animated By Issac<\/p><\/div>\n

\"\"

By RL<\/p><\/div>\n

TIP: For cinematography to look creative and professional, only show subtle movement that\u2019s easily detected. If you allow too much movement, it ruins the looped effect.<\/p>\n

Please see this article<\/a><\/span> on the London based Arts collective 15 Folds to see more GIFS<\/p>\n

 <\/p>\n<\/div>\n

Project:<\/strong><\/h2>\n

There are a couple different assignments:<\/p>\n

Project 1: Gif Primer<\/strong><\/p>\n

    \n
  • Simply GIF to learn how to use the program and conceive an idea that is cyclical in nature and will work for this type of project.<\/li>\n
  • By the end of class\u00a0 Post results to teams.<\/li>\n
  • Simple like a gif of you pencil spinning on your desk, or your closed fist showing its fingers popping up sequentially then down again: repeat.\u00a0 0,1,2,3,4,3,2,1,0.1.2.3.4.3.2.1.0 ad infinitum.<\/li>\n<\/ul>\n

    Project 2<\/strong>: GIF Main<\/strong><\/p>\n

      \n
    • Get your idea.<\/li>\n
    • Write a paragraph about it. (Post to Teams Assignment)<\/li>\n
    • Storyboard your idea on paper- (take a pic and Post to Teams Assignment) \"\"<\/li>\n
    • Take or find source material image\/s (Post to teams)<\/li>\n
    • Work!<\/li>\n
    • Submit the finished Gif to teams.<\/li>\n<\/ul>\n

       <\/p>\n

      \u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014<\/p>\n

      Here is a very good, and simply, Adobe CC tutorial<\/p>\n