Archive for the ‘Art’ Category
Coding as an organic, creative, and cathartic process
Posted by Fabricio in Art, Design, Interactive on April 17th, 2010
Worth posting it.
Quote from Processing: creative coding and computational art by Ira Greenberg:
“When I tell people I write code as my main artistic medium, they smile politely and quickly
change the subject, or they tell me about their job-seeking cousin who makes videos using
iMovie.
For nonprogrammers, code is a mysterious and intimidating construct that gets
grouped into the category of things too complicated, geeky, or time-consuming to be
worth learning.
At the other extreme, for some professional programmers, code is seen
only as a tool to solve a technical problem—certainly not a creative medium.
There is another path—a path perhaps harder to maneuver, but ultimately more rewarding
than either the path of avoidance or detachment—a holistic “middle” way.
This is the path the book promotes; it presents the practice of coding as an art form/art practice,
rather than simply a means to an end. Although there are times when a project is scoped
out, and we are simply trying to implement it, most of the time as artists, we are trying to
find our way in the process of creating a project.
This approach of finding and searching is one of the things that makes the artist’s journey distinctive
and allows new unexpected solutions to be found. It is possible to do this in coding as well, and the
Processing language facilitates and encourages such a “creative coding” approach.”
Blend effect
Posted by Fabricio in Art, Design, Xperiments / Tuts on April 16th, 2010
Using After Effects I tried to achieve a smoke type of effect.
After some research, I found out that it could be achieved without using any special plugin, just radio waves and an expression to control the amount of waves.
That’s it.
All I had to do was animate masks in the timeline, frequency and the slider control value.
When I say animate, I mean keyframe it.
Create a background of your choice and a solid layer. Onto the solid layer apply radio waves from Effect->Generate->Radio Waves.
You can adjust all properties according to mine, or play with it. Add a slider control (Expression Controls -> Slider Control) to be used in a minute.

The way it works is:
1. Create different masks and apply them to the same solid layer!This is important. Radio waves can use masks instead of polygon, but only one at a time.
To make it easier, bring it from Illustrator or another solid layer in AE, just copy and paste it, or, copy and paste a keyframe from that auxiliary solid layer.
Of course copy in different places in time, otherwise it will be overwritten.
The keyframe holds all information about the mask.
Just be careful, I am using “Mask 2″ because I changed the first one I tried, but the number doesn’t matter.
Don’t worry about everything else for now.
(Keyframe “Mask Path”, place keyframe for each mask)
Masks on timeline:



2. On the Effects panel link Radio Waves to your solid layer, or better yet, to your mask on that solid layer.
How it looks on the Effects panel:

How it looks on the timeline:

3. Now we need an expression to control or affect Radio Waves generation. That’s when the silder control plays its part.
To the Radio Waves producer point, add the following expression:
x=effect(“Slider Control”)(“Slider”)
wiggle(1,x*200);
To add an expression according to Adobe:
“To add an expression to a property, select the property in the Timeline panel and choose Animation > Add Expression or press Alt+Shift+= (Windows) or Option+Shift+= (Mac OS); or Alt-click (Windows) or Option-click (Mac OS) the stopwatch button next to the property name in the Timeline panel or Effect Controls panel.”
Now, you can keyframe Frequency and Slider values to get the results you want.
You can download my .aep file below and check out how I did it, but my suggestion is play with it!The only problem is processing, each time you change a value, it
takes a while to re-render all effects. So be patient!The results are worth it!
Final result:
Vilém Flusser – A philosopher of design
Last year I read a really awesome book written by Vilém Flusser.
He has books published in English, Portuguese and German. Unfortunately the one I read I only found in Portuguese.
Flusser describes a world fundamentally changed by the invention of the “technical image” and the mechanisms that support and define industrialized modern culture. He argues that whereas ideas were previously interpreted by written account, the invention of photography allows the creation of images (ideas) taken at face value as truth, not interpretation that can be endlessly replicated and spread worldwide.
Really worth reading, specially for those that work in the interactive/design/web industry!
CaT 2009: Open Source Everything
Posted by Fabricio in Actionscript, Art, Design, Interactive on April 6th, 2010
Ben Fry, co-founder of Processing and director of Seed Phyllotaxis Lab and Carlos Ulloa, founder and creator of Papervision3D and HelloEnjoy talk about their software as well as their views on the future of open source and collaboration.
Art from code
A nice collection demonstrating that programmers are also creative.
To me there isn’t much difference when it comes to conceptualization.
In the Digital Era, tools have changed, the media evolves and the results still remain as an output of ideas and concepts.
Whether you are a sculptor, designer, writer or simply interested in new media, you can accomplish similar results.
Those that immerse themselves in the coding oracle are know to be the future builders of our world.
The power of code and math is yet to be better understood and applied in different ways, but it drives me further to
be part of it and little by little more fascinated.
School of Animation, Arts and Design PV3D sphere
Posted by Fabricio in Actionscript, Art, Design on April 5th, 2010
We recently worked on a template website for the Sheridan School of Animation, Arts and Design.
It took a lot of effort to understand how to make the mouse move a sphere and still be able to get the mouse location on a click.
Clicking on a picture brings it to the front and so on.
It is still buggy, but I will eventually upload a fixed version.
The problem is that the school has not decided if they want to continue on the project,
and for that reason and other projects I have to work on, Kevin and I haven’t been able to finish it.
Check it out:
SAAD sphere
Useful Photoshop image enhancing tuts
Posted by Fabricio in Art, Design, Xperiments / Tuts on April 5th, 2010
Once in a while you need to enhance a photograph, but you don’t work with Photoshop 24/7.
You take photography as a hobby or for use in your work as a web developer, a list of tutorials
form beginner to advanced becomes very handy, not only to get the results but also, to understand better
involved techniques.
Singing Tree
Posted by Fabricio in Art, Design, Interactive, Music on December 9th, 2009
Cerrado (central regionof Brazil) is the perfect place for such installation!
Ferrofluid Art
Posted by Fabricio in Art, Design, Interactive, Music on December 9th, 2009
Ferrofluid is a liquid which becomes strongly polarised in the presence of a magnetic field.
Sachiko Kodama is a japanese fellow known for his art assembling towers with such fluid.
Ypu can find out more on his website: http://www.kodama.hc.uec.ac.jp/spiral/