Subject: DMA - Digital media- 2013
Class 06 - Digital File Formats & Animated Gif Exercise
We will be continuing with Assessment Task 2 - Review (Glossary) of Common Digital Media Formats this week, so go to this assessment task document here to read all the requirements and specs for the task:
This task is meant to be a self-directed research task which will enable you to increase your knowledge of common file formats and their usages. It is advantageous to know about formats such as:
You may already be using many of these media formats and not really be aware of what they are and why they are used.
It is also important to make this task relevant to you as artists and to explore how artists are using these media in creative practice either to create artworks or to document artworks.
Here are a few links to help get your started:
Don't forget to reference your glossary with links for where you got your information. There wil lbe some cut & paste with this assessment task - which is fine - just reference all of the text that isn't your own.
Create: things to do this week
1. Animated GIF exercise:
Animated GIFs are one of the earliest forms of animation available on the Internet through browsers. They quickly became superseded by Flash and video animation (although they have always been used for banner ads), but the animated GIF is currently enjoying a resurgence as a "retro" file format.
Check out this site for a short history of the GIF format:
Here are some sites with creative or fun examples of animated GIFs online:
Animated GIF by Paolo Ceric
The advantages of animated GIFs is that they are small in file size (if created properly), they can be used in any browser without a plugin (unlike flash and many video formats), and they can be created with image manipulation software, or by using free sites on the Web.
There are two popular ways to create animated GIF files:
There are plenty of tutorials online that can provide step-by step instructions, but here are a small selection that seem to be the best:
The main things to remember when creating an animated GIF are:
If you need some resources for today's exercise, grab these images and video clips:
Glitch Animation MP4 <- use this video file to turn frames into layers in photoshop
right-click (or control-click on Mac) to save these images below:
Here's an example I whipped up with the above glitch images I am using for another project:
Here's the Photoshop PSD file I used for this animation (which I output at 50% pixel size) which you can download and oepn to see how it works.
Tunnel video MOV <- use this video file to turn frames into layers in photoshop
here are the results:
Hint: dont' use the whole video clip. When you import a video into Photoshop using Video Frames to Layers, you can select a portion of the clip and choose every 4th or 5th frame - remember, many videos have 25-30 frames per second which is too many for an animated GIF.
Some websites that make animated GIFs:
Experiment in class with making your own animated GIF. UPload to your blog and makea post about it.
2. Work on your Glossary - you can save all of your work in a Word document (or equivalent). You should be able to find all the information you need on the Internet. What will be more difficult will be applying this to creative praactice - finding examples of artworks that use these formats. You might need to be a bit canny and try to figure out what files are being used in multimedia projects. Ask me if you are having trouble finding content in different formats.
3. Blog development - if you still need to take some time to customise your blog and populate it with content, you can do it in class.
Homework / Readings
Work on your Glossary and make sure you bring all work to class next week.
If you don't complete your animated GIF in class, complete at least one in your own time with your own content & post to your blog.