Exercises

4D media artMachine interactivity Download the .zip file > If you need a fresh copy of Pacing,visit the exercise for a .zip file Interactivity: creating a UI with Buttons and JavaScript Interactivity is a much-ballyhooed concept of the late 20th and early 21st century. We walk around listening to streaming playlists while texting on our… read more »

4D media artMachine pacing Download the .zip file > Pacing: controlling duration with MovieClips Pacing refers to the rate of speed with which something occurs. In music, the word tempo suggests certain beats-per-minute (bpm) rates indicated by terms like largo (40-60 bpm, slow and dignified), moderato (108-120 bpm, moderate), or allegro (120-168 bpm, brisk), which… read more »

4D media artMachine rhythm Download the .zip file > Rhythm: modulating Symbols on the Timeline Rhythm is an essential consideration in the production of motion graphics. One of the most common and simple time signatures is 4/4, where four beats are evenly heard over one bar of music and each note is one beat. We’re… read more »

4D media 3 | concrete poetry marinettiJS Visit Marinetti Animated > Motion: phenomenal and literal The Italian Futurists revered the dynamic sensation of speed and motion. But their work did not employ actual motion in the manner of a Jean Tinguely drawing machine sculpture or a Jenny Holzer installation — although to be fair, those… read more »

4D media 3 | concrete poetry marinettiCSS Visit the finished Marinetti site > An act of artistic “forgery” Art is a lie that makes us realize the truth. —Pablo Picasso One of the surest tests is the way in which a poet borrows. Immature poets imitate; mature poets steal; bad poets deface what they take,… read more »

4D media 3 | concrete poetry videoMashHTML Visit the videoMash site here > Intermediate HTML (with a dash of CSS) We’ll use HTML tools that allow a great deal of visual order to create a curated website in an exercise we call Video Mash. Video Mash is a small, curated website that requires directory skills,… read more »

4D media 2 | a2z webAnimation Download sample files: GIF: Muybridge GIF + transparency: Catherine Wheel APNG, WEBP, AVIF + transparency : Bouncing Ball Creating web-ready animation files This set of simple exercises focuses on the creation of animated graphic file types. GIF files are the most common of these to find on the Web… read more »

4D media 2 | a2z wordImages Download sample files: JPG: Nevermind PNG: 1984 SVG: So Wet Word images When words and images are placed near each other in a composition, a relationship is formed between the two elements. In addition to formal properties, both words and images are loaded with meanings. Words have verbal or literal meanings… read more »

4D media 2 | a2z webGraphics Download sample file here Creating web-ready graphics Now that we know about graphic file types, how do we get a graphic image out of, say, TIFF, PSD, or AI and into a web-appropriate file type? How do we make decisions about resizing files, and most importantly, proper choices for… read more »