Inspirerende beelden

Anxiety

Anxiety. Dit is een motion graphic in de vorm van een vereenvoudigd ook wat paranoide om zich heen kijkt.

Architecture

A for Architecture. De letter A is een blauwdruk van een gebouw, A voor Architectuur.

occupybook.jpg-1323291818

Occupy. Wat ik hier erg mooi aan vond is dat het woord ‘OCCUPY’ de hele cover “occupied” oftewel, bezet.

POLYGON

Polygon – Dit is een voorbeeld van een woordbeeld, een polygon is een driedimensionale vorm, en het woord spat als het ware uit elkaar in drie dimensionale vormen (polygons) en verandert weer terug. Ik vond het een goede inspiratie.

tumblr_ms7scxk6LP1r2geqjo1_500

Motion graphics – the lunar cycle. Dit is een mooi voorbeeld van motion graphics, er gebeuren hier veel dingen tegelijk en het is volledig symmetrisch.

tumblr_msid0w82bZ1qdqvyko1_400

Pyramids – gemaakt in processing, ik vond dit een interessant voorbeeld van animatie gemaakt in processing, ze hebben met vlakken bestaande uit slechts lijnen drie dimensionale pyramides weten te creëren met schaduw en belichting zonder de 3D functie te gebruiken.

tumblr_mtb2vlvxfe1so5yglo1_400

Crossing lines – gemaakt in processing, dit laat zien dat het ook makkelijk mogelijk is om illusies te creëren in processing.

tumblr_mtcgdlnmeG1r2geqjo1_500

Motion graphics – infinite shape.

Dit is gemaakt in processing, dat laat maar weer eens zien wat er allemaal mogelijk is in dat programma.

tumblr_mtd1l1n5Dk1r8tkaro1_1280

In this image I like the effect of the cutting, the text or the colour means nothing to me.

wood-texture-big-0116-08-texturepalace-20copy-640

I like how THE WILD is made up of elements out of the wild.

Advertisements

Creative Coding

Het woord spreekt eigenlijk wel voor zich, maar ik zal het een beetje toelichten.

Creative Coding is het creatief gebruik van coding en het programma processing, waarmee onder andere woordbeelden gemaakt kunnen worden, kunst en motion-graphics met eventueel ook interactieve elementen – en dit limiteert zich niet tot de computer zelf, het is ook mogelijk om processing te laten reageren op bijvoorbeeld geluid wat binnenkomt via een microfoon of zelfs door een webcam en nog veel meer.

Ik vind het een programma waar zo oneindig veel mogelijkheden in zijn en het is zo simpel te gebruiken, als je iets niet begrijpt kun je het gewoon op zoeken. Als je het mij vraagt vind ik dat ze Processing ook voor een deel in bijvoorbeeld basisscholen of aan kleine kinderen zouden kunnen leren, hoe eerder je begint hoe beter – en zij zullen nog veel betere designers worden dan wij!

 

Wat is Processing?

Processing is een programma wat gebaseerd is op een ander programma genaamd Design by Numbers, gemaakt door het MIT media lab. Dit was een programma ontwikkeld in 1990 om het voor designers, kunstenaars en andere niet-programmeurs makkelijker te maken te leren programmeren. In 2001 zijn Casey Reas en Benjamin Fry, allebei ex-medewerkers van het MIT media lab een nieuw programma begonnen – Processing!

Processing is een programma wat bijna oneindig mogelijkheden heeft op het gebied van design als je weet hoe je er mee om moet gaan en weet hoe het werkt. Het programma is gebaseerd op codes die je invoert in een zogenaamde sketch, en deze codes worden dan vervolgens vertaald naar een beeld – en dit kan heel variërend zijn, dit kan met zo een beetje alles interactief zijn, met het klikken van je muis, met het bewegen van je muis, het drukken op bepaalde toetsen enzovoorts.

Het is mogelijk om animatie toe te voegen, het is mogelijk om beelden in te laden en je kan zelfs 3D beelden genereren in het programma zelf – deze codes zijn uiteraard ook te gebruiken voor op websites, wat natuurlijk erg interessant is. De bestanden waaruit deze schijnbaar enorme bestanden bestaan zijn in feite zeer klein – ze bestaan gewoon uit tekst, code, en er is ook heel veel gratis informatie over te vinden op het internet.