Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

FlatGuitars rocks the vector-based illustrative style

This artistic showcase literally ‘draws’ together some of music’s most recognisable guitars

For enthusiasts, the instruments that define legendary records and the artists themselves are important. Couple this with the fervent obsessiveness associated with guitar players and you should understand the appeal of this site.

FlatGuitars presents a growing collection of illustrated guitars associated with the world’s most famous players. The brainchild of Spanish designer David Navarro, the concept originated from his photo-realistic rendering of a Gibson Explorer in Photoshop. Taking inspiration from José Guizar’s David decided to embrace the vector-based trend for the ‘flat’ illustrative style.

“I tried to represent the essence of all those guitars in a simple way, so using vector shapes is the best way I found to do it,” David says. “Then I started developing an idea for the site, keeping the guitar as the hero with a few little points of interaction in every corner.”
Development was then handed over to David’s friends at Buenos Aires agency Ingamana, adding the versatility and richness the project required: “Standard web technologies such as HTML5’s <canvas> element, CSS, JavaScript, etc, coupled with a responsive approach kept things consistent across screens and devices. The sound of the guitar is activated when zooming in and on Google Chrome we added a subtle graphic audio visualiser, leveraging Web Audio API for analysing and rendering the Grooveshark streamed audio.”