Photo Bending with Audio Shop

highpass

 

Alan knows what I like:

Which leads me to robertfoss/audio_shop: Your friendly neighbourhood script for mangling images using audio editing tools

This turns out to be a much quicker way of databending than the convert to RAW, open in audacity, add effects, export to RAW dance I’ve tried before.

I’ve not done much more than a quick trial, but am adding this for later reference.

  1. Downloaded the script for the link above.
  2. It needs ffmpeg and Sox. I’ve aready got ffmpeg and quickly installed sox with handbreak.
  3. then I ran some tests.

It is much quicker than I expected, with images of 1200 pixels taking a few seconds.

I am looking forward to start trying some different effect, changing parameters and combining effects. The script handles video too!

./mangle.sh /Users/john/Desktop/Ben-Lui-Munros-from-Meall-an-Fhudair.mp4 /Users/john/Desktop/Ben-Lui-Munros-from-Meall-an-Fhudairtest2.mp4 overdrive 17 hilbert -n 5001 --color-format=yuv444p --bits=8 --blend=0.5

Accidental Allure

In the past I’ve made a few experiments with randomly layering and combining images: Glen Finlas -evaluate-sequence subtract and Averages (The Prisoner) for example.

A couple of weeks ago I started playing with combining images in the browser. There are several ways to go about this, I found a nice script to blend two images on a canvas and gave that a shot. It worked well and gave interesting results.

I though that using the Flickr API I could gather a list of images and randomly blend them two at a time.

Flickr’s API will return a json list. I started using the flickr.interestingness.getList which produced some interesting (sic) combinations. However when I started to get the license of the photos most were not labled for reuse.

I switched to using a standard search (flickr.photos.search ) which allowed me to search for license that allowed reuse.

I also switched to using CSS and background-blend-mode, this allows you to have multiple images set on a background and blend them.

For example using these images:

And this code:

<div style="border:solid 1px;width:500px;height:400px;background-image:url('https://c2.staticflickr.com/8/7587/26482589423_daa3bbdbd1.jpg'),url('https://c2.staticflickr.com/8/7012/6677861899_ef6e012bc8.jpg');background-blend-mode:multiply;"></div>

give me this:

With this in my toolbag I could pull in a flickr feed, extract image URLs and info about each photo and randomly combine them. They are displayed for 10 seconds each.

This gave me this:

Random Flickr Blendr

Here are a few random blends, screen captured:

I’ve found the pictures quite compelling.

On interesting this was the change I noticed when I swapped from the interestingness list to a search for creative commons images ordered by interestingness-desc. The images became more subtle and less HDRish, i think thy are more interesting and less glossy. An unusual win for Creative commons.

Over in DS106 land the page was used for a daily create:

#tdc1588 Turn @johnjohnston’s Random Image Pairing into a Self-Help Book Title | The (new) Daily Create

Which turned up some nice images and a fairly crazy bunch of titles.

My Own:

tdc1588

What was also interesting was some responses to the page:

So I an quite pleased with the result of this bit of experimenting. I’ve learnt a little more about CSS, images, JavaScript and even practised a bit of git. On the git front I’ve installed ezyang/git-ftp which is a quick and efficient way of pushing changed files to a website via FTP and works very well indeed. Saves working directly on line or opening an FTP application.

Alternative Lines for the Daily Create

So Alan is barking about getting creative which pushes me towards a dailycreate or two.

Unfortunately yesterday’s Draw something abstract out of straight lines proved a bit of a problem, I stared at various iPad drawing apps, scratched a few lines and gave up.

Waking early in the morning I though about this a bit, looked at the ones that had been created while I slept and though, I could do this with HyperCard. Lacking an old enough mac and wanting to learn a little more about the canvas element in html5 I decided on a small javascript experiment.

A bit of googling and I came up with this simple page. It basically produces an image with 600 random lines.
tdc541

There are a few other variations. I also looked for a nice quote about ‘straight lines’ which is added to the image (this can be turned off).
lines4lines3lines2lines1

 

 

 

 

 

Now I am wondering about making animated gifs from multiple images. done

lines