GarageBand Tracks
Reply below with a link to your track. You must Export/share your track from GarageBand and save it in your “MyDP” folder to get a link (URL).
If you have an older version of Garageband, you will need to share it to iTunes first, then open the track in the finder window to get the file.
3D Imaging
3D Imaging
Wiggle 3D Example

Incredible Wiggle 3d by By David Fitsimmons from: adorama.com
Anaglyph 3D Example
Background:
Depth perception is the ability to view our surroundings in three dimensions – length, width and depth (in Cartesian coordinates, x, y, and z).
Seeing our world through the slightly different viewpoints of our two eyes is called stereopsis. Viewing scenes from two different angles (binocular disparity) allows us to triangulate and converge on different focal points, which lets us calculate distances and spatial relationships between objects.
Photographs are a two dimensional representation of the real world. One can achieve some depth perception through techniques like perspective (converging parallel lines), relative size, occlusion (blocking), and focus blur, but the brain has to be “fooled” into seeing 3D when viewing a 2D image.
The most common method of 3D imaging is stereoscopy, which combines two offset images.
The two types of stereoscopy we will create are anaglyph images and wiggle stereography.
Anaglyph images are created by applying colored filters (typically red and cyan) to offset images, then viewing the images with similarly tinted glasses. Wiggle 3D images are created by animating between two offset images. Both methods can be applied to the same set of original photographs.
Taking the photographs
-Take two photographs from eye-width apart (approx. 2.5 inches).
-Your subject should be in the middleground with foreground and background elements to create parallax for depth perception.
-Your subject must remain in the same position between shots.
Keep the camera horizontal (use a tripod if available).
Photoshopping the Images
For Wiggle 3d:
- Open both images in the same Photoshop Document and name the appropriate layers “right” and “left”
- Lower the opacity on the top layer and align you subject (all other elements of the photo will be misaligned – you want this), then increase the opacity back to 100%.
- Open the “animation” window. Switch to “frame” view. Whatever is visible in your canvas will appear in the first frame. Copy the frame and lower the opacity of your top layer to 0.

- Adjust the timing and experiment with inserting “tween” frames for maximum 3D effect.
- When finished, go to file > save for web and save as a .gif. Must view in a browser.
For Anaglyph:
Repeat the first two steps for Wiggle 3D.
Select the right eye and go to Image > Adjustments > Levels. This will open the following box. Drop down the top menu and select the Red channel.
Now, at the bottom where it says Output Levels: change the 255 to 0 and click OK. This should change your layer to a green-blue color (cyan).
Now select the left layer and open the Level… dialog box again. Select the Green Layer. Change the Output Level to 0. Select the Blue Layer and change the Output Level to 0. Click OK. This should turn the top layer to bright red.
Select the top layer (left or right) and in the box where it currently says Normal change it to Screen.
Save your image.
Wiggle 3D
From Gizmodo.com Shooting Challenge

Take multiple photos at the EXACT same level height, a few inches apart. Open in Photoshop and drag the layers into one image. Align images so that key features of your subject are in alignment. Here is a great written tutorial from adorama.com
Open the Animation window and place each layer in its own frame. Experiment with the time delay. Save as a gif, to your my DP folder and reply to this post with your animated gif.
Cinegraphs
Cinemagraphs are a combination of still image and video. We will be creating these using After Effects.
1. Shoot a minute of footage with the camera locked down on a tripod.
2. Open in After Effects and duplicate the video onto a second layer.
3. Freeze frame the top layer (Layer > Time > Freeze Frame).
4. Use the pen tool to mask an area.
5. Enjoy the results.
Easy Vimeo Projects
From: http://vimeo.com/videoschool/lesson/167/easy-vimeo-projects
“At Vimeo, we celebrate all types of videos and video makers, from the totally novice to the completely professional. And while we love a good HD tilt-shift bokeh-filled underwater timelapse video, we also love simple videos of everyday moments, caught on the fly with small point-and-shoot cameras or cell phones and uploaded with little editing or post-production trickery. These types of projects challenge Vimeans to pay close attention, push their personal boundaries, and feed off one another’s creativity.
Over the years, we’ve launched numerous video projects that champion this more candid, off-the-cuff style of video making. Here’s a look at some of our favorite super-easy, super-fun projects, which will hopefully inspire you to go out and start shooting!:
StencylWorks
Make Flash games in a Flash with StencylWorks – a free, cross-platform toolset that enables game creation for the masses by not requiring programming.
Demo Reels Fall ’11
Reply to this post with a link to your Demo Reel.
Ampersand Kinetic Typography Project
In this collaboration between Humanities and Multimedia, students were tasked to record a conversation with either a mentor or family member. From this record of the conversation, they were to excerpt a quote and create a “kinetic typography” animation using After Effects.
Students submitted early drafts and participated in a written critique process that can be seen here.
The finished pieces were projected at a launch party for the students’ self-published books.
ROP Competencies:
Digital Art and Mixed Media
IX. Elements of Design
C. Shape
D. Line
G. Color
H. Form (3d Space using z-axis)
XII. Types of Art Communication/Storytelling
D. Literal Communication
XVIII. Other Media
B. Combining of Media Types
C. Use of Adobe Suite
Flash Splash Page
A landing, or “splash,” page is an animated Flash movie on a webpage that serves as an introduction to your website. The purpose of a splash page is to give visitors to your site a brief taste of what they will be experiencing when they navigate through your site. The animation should be short, <10 seconds, load quickly, and end with an obvious call to action, like, "Click to Enter" or "Choose Language."
Here are some examples:
You will be creating a splash page animation in Flash (800 px x 600 px), exporting it to your “MyDP” folder, and inserting it on your home page (your “index page.”) You will be replacing your current index page, so be sure to think about your links back to “home.”







