339

LivingDesign.info is a creative and inspiration resource dedicated to design and life and everything in-between

LivingDesign.infoLivingDesign.infoLivingDesign.info LivingDesign - Home LivingDesign - Home

Tag Archives: Computer graphics

25 September 1
Comment

Making Future Magic: iPad light painting

Under - Art, Media, Motion Graphics, Photography, Technology, Typography

iPad light painting

Very innovative use of iPad by Dentsu and BERG in this iPad light painting video ‘Making Future Magic’:

This film explores playful uses for the increasingly ubiquitous ‘glowing rectangles’ that inhabit the world.

We use photographic and animation techniques that were developed to draw moving 3-dimensional typography and objects with an iPad. In dark environments, we play movies on the surface of the iPad that extrude 3-d light forms as they move through the exposure. Multiple exposures with slightly different movies make up the stop-frame animation.

iPad light painting

Read more here and here.

23 September 6
Comments

Coloring the ‘Migrant Mother’

Under - Art, Design, My Musings, Photography

Migrant Mother

There were three things (among several) that I really wanted to do for some time:

  1. Colorize a black and white photo (that I’ve never done before)
  2. Give Recolored a try and
  3. Start using my Wacom A5 tablet that I bought a year ago for sketching and never got the time to actually use it

So, having combined all of these into one task, I picked up the iconic photograph of Migrant Mother for this, taken by Dorothea Lange in 1936 during the Great American Depression, which I also mentioned few days back.

The thing that I wanted to avoid in this exercise is to have that artificial look-n-feel that we normally get to see when a black and white photograph is converted into color. Also, rather than just adding colors to make this photograph look like a real color-photo, my objective would be to capture the essence of this photo in colors and retain it. This can be done by using a color palette that is not overpowering and simply complement the original image.

Keep reading …

19 April 3
Comments

Here comes (Digital) Circlism!

Under - Art, Illustration
Bob Marley - Digital Circlism by Ben Hein

Bob Marley - Digital Circlism by Ben Hein

A modern artistic expression or a mix of Pop Art and Pointillism? Ben Hein developing this technique in Photoshop by understanding the dynamic movement of facial contours.

22 February 2
Comments

Flyfire

Under - Design, Industrial Design, Inspiration, Technology
Flyfire, Raster Image Display – Mona Lisa

Flyfire, Raster Image Display – Mona Lisa

Imagine transforming any ordinary space into a highly immersive and interactive display environment! This is what exactly SENSEable City Laboratory and ARES Lab (Aerospace Robotics and Embedded Systems Laboratory) aiming at MIT.

From the project website:

In its first implementation, the Flyfire project sets out to explore the capabilities of this display system by using a large number of self-organizing micro helicopters. Each helicopter contains small LEDs and acts as a smart pixel. Through precisely controlled movements, the helicopters perform elaborate and synchronized motions and form an elastic display surface for any desired scenario.

With the self-stabilizing and precise controlling technology from the ARES Lab, the motion of the pixels is adaptable in real time. The Flyfire canvas can transform itself from one shape to another or morph a two-dimensional photographic image into an articulated shape. The pixels are physically engaged in transitioning images from one state to another, which allows the Flyfire canvas to demonstrate a spatially animated viewing experience.

Visit Flyfire project website to learn more about it.

21 December Share your
thoughts

Going West

Under - Inspiration, Media, Motion Graphics

With well over 500,000 hits on YouTube this ad truly capturing imaginations. The video is visualization of an excerpt from the novel Going West by Maurice Gee. This excellent piece is produced by Colenso BBDO and animated by Line Andersen for the New Zealand Book Council whose mission is to inspire and promote reading in New Zealand.

Bringing Books and People Together
Like no other human activity reading opens up our imagination. It enables us to understand those around us. It allows us to project the future and reach back into the past. Reading can entertain, challenge and educate. We believe that reading can transform people’s lives.

16 August Share your
thoughts

Grids, grids and more grids

Under - Design, My Musings, Resources

A while ago I mentioned Grid Designer for web page layouts that I used as Photoshop overlay. I just discovered two more apps that can do the same with some advance features.

Gridmaker

Developed by Paul Holliday, Gridmaker is a free plugin to create grid layers within Photoshop CS4. Gridmaker offers almost the same functionalities as Grid Designer apart from grid export to CSS. With real-time grid formation (online only) and export to a PNG, this utility is quite handy for web layouts.

Gridmaker by Paul Holliday

Gridmaker by Paul Holliday

In my tests the online version appears to be more flexible as Photoshop plugin simply adds a new layer every time you update grid and render it. The best way to work with this tool is to layout grid online and exports it as PNG to use in Photoshop.

Boks

This visual grid editor based on blueprint CSS appears to be the most advance grid solution yet. Built by Quentin T with Adobe Air, the application has a very simple interface to layout grid with PNG and CSS export. You can in fact create a basic HTML structure in Boks and it generates the script for you.

It handles grid configuration, baseline rhythm pimpin’, CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!

Boks by Quentin T

Boks by Quentin T

Learning from an Institution

Under - Design, My Musings, Usability

After my graduation from NCA in 1998 in Graphic Design, I decided to build my career around interactive media rather than following the mainstream. Having decided that, I found it quite difficult to find inspirational and motivational work within ‘New Media’ locally and/or regionally. At that time things within digital media space were taking shape and the industry itself was without a clear identity. I had done my very first website design project a year earlier in 1997 for a Lahore based IT firm called Techlogix, this was my entry point into interactive media design. My relationship with computer graphics actually started in 1992 with Harvard Graphics, Corel Draw (that I still prefer to use over Illustrator), layer-less Photoshop (that I initially didn’t like) and when we used to run Windows 3.1 from DOS to be able to run all those graphic applications!

Back then in Pakistan the IT industry itself was very small and scattered, and was mostly around hard-core software development than anything else. Pursuing my interest abroad wasn’t an option back then so what I left with was – Internet.

Oregon TimeWeb  by Second Story, © Second Story

Oregon TimeWeb - Second Story

Things changed around the time when dot com bubble burst but, by that time, I was on solid grounds within digital media and that’s where I owe a ‘thank you’ note to two design studios – ‘Second Story’ and ‘Terra Incognita’. Their work inspired me to keep going within interactive media when I felt creatively trapped. Both studios specialise in online storytelling and building engaging user experience within a carefully chosen segment of digital marketplace, where I hardly find any mainstream digital agency’s presence. That might be because you need to have a kind of technical and design intellectual edge over others to be able to churn out the kind of projects these studios specialise in. I indeed learnt from their online projects, half a world away, that what a ‘user experience’ is actually like – when most of the design studios at that time were busy building fancy Flash intros.

Music Genres Table - Second Story

Music Genres Table - Second Story

Gettysburg Address - Second Story

Gettysburg Address - Second Story

Their contribution to interactive media design is deeper than skin – away from commercial glitter, design nonsense and digital media clichés. They are those who took user interaction design to another level and pioneered online storytelling. It has been over 10 years since I first visited their websites and portfolios, but I still have the same level of respect to their work which even grows when every time I visit their new projects. These two studios formed an inspirational institution for me at a time when I was in a real need to look at something. They are like Bauhaus to me.

Brad Johnson (Second Story) and Bart Marable (Terra Incognita), thank you very much for the wonderful and inspiring work!

Churchill and the Great Republic

Churchill and the Great Republic - Terra Incognita