LS 11/12/2015

GLITCH ART

How To Glitch Images

STEP 1: Select an Image. Select an image (TIFF, JPG, RAW, BMP, etc.) to glitch — any image file format will work but the results could be different so try it out with different file formats.
STEP 2: Duplicate the image. It’s very important to duplicate the images because you may inadvertently corrupt the file when you alter the source code.
STEP 3: Open in a Text Editor. Open in your computers text default text editing program. You will see the source code of the file in the text editor.
STEP 4: Experiment with the code! Copy and paste, delete, add your own text, but be careful with the first several lines of the code– this header contains crucial info — messing with it may corrupt the file.
STEP 5: Save and View

FOR Glitched Audio

STEP 1: Save an audio file as a .raw file (replace .mp3 with .raw).
STEP 2: Open in in Photoshop
STEP 3: Experiment with drawing lines on the image and copy pasting selections of the image.
STEP 4: Re-save as an audio file.
STEP 5: Listen and enjoy (or not).

—————————————————

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 – height, 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 mid-ground 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. Large Gifs load slower, so be sure make you image size no larger than 500 pixels wide.

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.

——————————————————

OPTICAL ILLUSIONS

1. Thatcher Effect
http://thatchereffect.com/

“The Thatcher Effect, also known as the Thatcher illusion (named after Margaret Thatcher), illustrates that the brain can’t properly process a photo of a face that is upside down. The interesting part is that the brain thinks it can so you get a confident feeling that everything is alright, until you turn it over.”

2. Profile Optical Illusion:

http://www.howtogeek.com/103455/stupid-photoshop-tricks-create-an-optical-illusion-double-portrait/

3. Leaning Tower Illusion
Credit: https://thesituationist.wordpress.com/2012/05/27/learning-tower-illusion/

If the corresponding outlines of a pair of physically identical, receding objects are parallel in the two-dimensional projection, the objects cannot be physically parallel but, instead, must be diverging as they recede from view. This is clearly what we perceive in [above image], where the right-hand tower has been replaced with a copy of the one on the left. Now the corresponding outlines are parallel, and the two towers appear to diverge . . . .

The illusion is not restricted to towers photographed from below, but works well with other scenes, such as the tram lines in above image. What the illusion reveals is not a failure of perspective per se, but the tendency of the visual system to treat two side-by-side images as if part of the same scene. However hard we try, we seem unable to see the two photographs of the Leaning Tower in figure 1 as separate, albeit identical, images of the same object. Instead, our visual system regards the images as the `Twin Towers of Pisa’, whose two-dimensional projection leads to the `correct’ interpretation that one tower is leaning more than the other.

4. Inverted Colors Optical Illusion

HTHMAinverseoptical-illusion2

——————————————————-

Time-Lapse and Stop-Motion

Time-lapse and stop-motion are creative ways to tell stories, document projects/exhibitions, or just make beautiful art.

In this post, we will explore several different techniques for creating stop-motion and time-lapse photography using a variety of cameras (DSLRs, GoPros, smartphones) and accessories. We will also cover editing and outputting finished works with tools from Adobe Creative Suite.

Time-Lapse

Time-Lapse is the photographic technique of taking a sequence of images at set intervals to record changes that take place slowly over time. When the frames are played back at at normal video rate (24fps, 30 fps, 60fps) the action appears smooth like video but sped up.

“I Left My Heart” SF Timelapse Project from Marc Donahue on Vimeo.

Motion-Control Time Lapse is the technique of adding camera movement to time-lapse photography, as seen in the video above. The challenge with motion control time lapse, is that the camera has to move at a very slow and continuous rate while shooting. Imagine trying to hold a slow, steady zoom, dolly or pan for an extended period of time. This is typically accomplished with the use of an intervalometer and motion control device, like the Genie seen in the video below.

Genie – Motion Control Time Lapse Device from Syrp on Vimeo.

Unfortunately, these are cost prohibitive, but the DIY culture has come up with multiple hacks for this. One very accessible method is converting a $3.99 Ikea egg timer into a motion control device. An egg timer has a motor that can move a lightweight camera (Flip Cam, GoPro, Iphone, etc.) in a 360 degree pan than lasts an hour. Below is an example.

Another ingenious low-tech method involves using only a camera and tripod to shoot the images, then stabilizing the footage in a motion graphics compositing application, such as Adobe After Effects. The Amazing video “Paris in Motion” was shot using this method.

Paris in Motion (Part 1) from Mayeul Akpovi on Vimeo.

Making Of – Paris in Motion from Mayeul Akpovi on Vimeo.

Without an intervalometer (the device which releases the shutter at set intervals), you will have to devise another method of evenly spacing out your shots. In the case of the “Paris in Motion” examples, the photographer took 10 paces, then took a picture. I’ve heard of ambitious students timing themselves and taking a picture every 15 seconds over the course of an hour. Many cameras have a built in feature for this, and there are a multitude of apps for smartphones for taking pictures at set intervals.

Teehan+Lax Labs has created an application that allows users to create hyper lapse videos using stitched together images form Google Street View. See example below. You can make your own here http://hyperlapse.tllabs.io

Google Street View Hyperlapse from Teehan+Lax Labs on Vimeo.

NOTE: Now there are many apps that allow you to create stop-motion and time-lapse video. And some newer smart phones have these features built in. Studioneat.com posted a great primer on how the iOS 8 time-lapse feature works.

iOS 8 Time-lapse Test – 5 minute Recording Duration from Studio Neat on Vimeo.

Hyperlapse from Instagram is a nifty app that allows one to create stabilized hyperlapse videos.

Stabilization for Hyperlapse from Instagram from Instagram on Vimeo.

Stop-Motion

Stop-Motion is an animation technique in which inanimate objects are photographed in different positions, then the images are played back at a video rate (frames/second) which emulates real motion.

Shooting tips for time-lapse and stop motion

Shoot in manual mode whenever possible to take control of focus and exposure. Always use a tripod or some support to keep the camera still. Use a remote shutter release if possible to avoid shake form manually depressing the shutter release. Make sure you have the storage capacity needed for all your photos.

Once all your images are captured, both Time-Lapse and Stop-Motion videos can be created with Photoshop. Place all your images to be used in a single folder. From Photoshop, click on file open, highlight your first image, and select “image sequence.”
Screen Shot 2014-04-15 at 10.05.01 AM
Then set your frame rate.
Screen Shot 2014-04-15 at 10.07.08 AM
To export as a video, select File>Export>Render Video.
Screen Shot 2014-04-15 at 10.08.15 AM
Select your settings and then click Render.
Screen Shot 2014-04-15 at 10.08.53 AM

Leave a Reply