Structural Patterns

NEGOCIO at el Centro Cultural Las Cigarreras de Alicante is an ambitious attempt to present an archive of the creation of games as art largely over the last twenty years, though one work – “White Chess” by Yoko Ono dates back to 1966. The majority of works have been created in the 21st century. The exhibition presents a mix of digital and analog games and the vast majority of the exhibition is interactive – allowing visitors to play the games on exhibit as intended by the artists.

I’ve been honored with the inclusion of VAGAMUNDO: A Migrant’s Tale (2002) included the exhibition (pictured above). This is a sculpture and video game originally presented on the street that unfortunately is as timely today as 16 years ago due to the Trump administration’s stance regarding immigration.

The curators – David Machado Gutierrez, Alba Garcia Martinez, Beatriz Martinez-Villagrasa and Miguel Soria Andurell state:

The origin of the game, is lost in the memory of time; the game is perhaps as old as the very existence of the human being on earth. But what does the game transmit to us today apart from its playful appearance? Can art use it as a tool that reflects on challenges and social reality? Does it also work as an act of criticism? This exhibition does not pretend not to answer these questions, since it would be too ambitious, but it is formulated so that the spectator participates and, using the works of art as a guide. The exhibition investigates in the multiple planes what may unfolds in games as art.

Below are a selection of photographs documenting the exhibition.

Two game sculptures by Cuban artist Abel Barroso

Carlos No’s Intifada – a “ping-pong table which, in place of a net, has been divided into two halves by a very high brick wall, topped by barbed wire that heightens a feeling of insurmountabilty. There arises in the spectator the curiosity of seeing the other side, the place which one is forbidden to see and be in, as if one had discovered Lewis Carrol’s charade in the passage to the other side of the looking-glass. In this wonderland that comprises this side and the other side, both the space and the visitor’s steps are divided into two.”

“Velvet-Strike is a mod of the first-person shooter video game Counter-Strike. The mod, developed by Anne-Marie Schleiner, Joan Leandre, and Brody Condon, adds “protest sprays” to the game’s existing graffiti function.”

“Ladrillazo is a historical game that takes you to the real estate bubble of the first decade of the 21st century. There were days of wine and roses, an interpretation center in each town, an airport in each city, mortgages at 40 years, masons with minister salaries, Olympic dreams, AVEs and golf resorts.”

“Pac-Art is a version of the immensely popular Arcade video game Pac-Man. In this case, Pac-Art has transformed Pac-Man into an artist who has to devour famous works of art and flee from ghost-artists who threaten him.”

Ravalpoly by Alba Refulgente – a game of real estate speculation in Barcelona that re-contextualizes the game Monopoly.

Visitors will have the opportunity to play Yoko Ono’s “White Chess.”

Many other artists and game makers are included in this exhibition, including Brenda Romero, Connor Monahan, Molleindustria, Richard Hofmeier, Jason Rohrer, Joan Priego amongst others. And one more image of VAGAMUNDO:

Custom t-shirts are more than just an excellent way to express yourself, they’re also incredible ways to get your artwork in the public space. Whichever you’re placing a custom order for, it’s important that your art or design comes out the way you want it to.

There’s nothing worse than seeing your work of art fail to translate to what you had in mind, which is where following this guide can help. Here’s how to get the best screen printing results from your art submission on sites like The TeeHive or Threadbird.

Using Vector

Vector based images and screen printing are a match made in t-shirt heaven. These files can be resized at any scale without losing an ounce of detail thanks to the mathematical equations surrounding their magnitude and direction. Even better, these images use both lines and curves.

When it comes to color assignment, vector is superbly clean. All you’ll need to create a vector image is a program like Corel Draw, Adobe Illustrator, or Inkscape.

Using Raster

Unlike vector images, raster uses pixels instead of lines. This makes using the correct DPI crucial from the get go, but it translates wonderfully to screen printing when done correctly. For reference, a web image looks stellar at 72 DPI while screen printing requires at least 300 to look decent.

While you might not be able to scale up with a raster image, you can create images at the same size they would be on the t-shirt. This gives you the ability to pay close attention to small details, which also helps in translation. Programs like Photoshop and Gimp utilize these types of images.

Screen Printing 101

The true secret to achieving a fine quality print is using highly defined artwork. That can be easier said than done, as many people find themselves with excellent art that simply isn’t ideal for screen printing.

Often times, individuals opt to do a test print first to make sure their design will translate like they want it to. While it’s always a good idea to test out a company’s quality first, test prints are often made using a different technique. Most of the time, companies will use a digital print or direct to garment printing.

The best way to make sure your art will look fantastic after the printing process is done is to contact the company you plan to work with. It isn’t uncommon for their artists to be able to recreate your image in a more screen print-friendly version. Always double-check to see if that comes with an extra cost, though.

Tips and Tricks

When uploading files to print, make sure they were created in the proper format beforehand. Simple saving something as a .pdf or .eps isn’t going to cut it when it comes to the quality you’re looking for.

Avoid using:

• .jpg
• .png
• Photographs
• Sketches
• Or anything with a low resolution

If you are dealing with hard copies of your artwork, it’s best to email the company you’re considering working with. Most have designers on hand that can work with you to ensure your work of art translates properly to the screen printing process. If you happen to live close by, it never hurts to drop in for an in-person chat.

Getting the Color Right

If your design is pre-made and ready to go, then all you’ll need to do is pick the color garment you think it would look best on. Try out different option to see what you like the most, and don’t be afraid to use multiple colored clothing items.

When designing from scratch, you have more ground work to do but a lot more room to play with. Simulate both ink and garment color combination by creating mock-ups first so your can proof the results before placing an order.

Most printing services use Pantone colors, but it’s important to keep in mind that the colors you’ve used in your vector or raster piece might become slightly off during the printing process. This happens because computer monitors vary widely in color, brightness and contrast.

What you see on your monitor might not be the same the printer sees on their screen. If you own a Pantone Solid Coated Formula Guide, then making a note of which shade you intended to use will solve this problem. If not, the printer will choose the closest available Pantone based on what they see.

Nailing the Best Prints

Getting the best screen print results for your artwork takes some time and dedication, but the above advice will help your work translate the best it possibly can. You’ll have a slew of awesome t-shirts ready to go before you know it!

This articles has been written by Ashley Lipman

So I export a lot of my illustrations or frames from my animations to images that can be printed onto various products from t-shirts to coffee mugs to stickers and I post them to RedBubble or Society6 or TeePublic. This design I really like and I partly do this because I want to wear some of the stuff that I draw, and this is such a case.

Yesterday (2/23/2015) morning I attended a data visualization presentation by New York Times graphics editor Amanda Cox at Columbia University’s Mailman School of Public Health. Amanda presented some great examples from the Times as well as other sources while breaking down her presentation to the topics Scale, Context, Pattern and Annotation Layer. I arrived late and missed the majority of the Scale portion. The following are notes from the presentation…

Make the data open, make it flexible, present a user with an interface to manipulate the presentation of the data, to see the data in various groupings.

The power of text: the most common thing that people do on a page is read and by far it is only the top of the page that people read. Most people do not click on buttons.

The example that Amanda presented regarding pattern is “Mapping America: Every City, Every Block”

Form is key to revealing patterns – use of familiar geography to superimpose information employing color, shading, shape and size. In geographic placement of data regarding the House District results one may quickly grasp that urban versus rural areas is decisive.

Annotation Layer
Annotation should be minimal, no more than a layer of pointers or outlines or brief notes superimposed onto graphics be it image or video. Amanda momentarily turned it over to a video interview with NY Times Science Graphics Editor Jonathan Corum:

She then presented a brief video documentation explaining aerial skiing by United States Olympic aerialist Ryan St. Onge and science reporter Henry Fountain in which extremely simple annotation is superimposed on to the video to make important points. She also compared this very simple graphic with and without annotation – “graphs are stronger when they say something” – Amanda Cox.

An example of the using annotation to illustrate different ways of looking at data is the NY Times “One Report, Diverging Perspectives” – a visualization of the last jobs report before the 2012 elections. The visualization allows one to view the report with “Democratic Goggles” and “Republican Goggles.” The data is the same and both interpretations are true, however the manner in which the data is interpreted depends one’s perspective.

Amanda Cox showed varying forms of engagement through the representation of data. In “All the Medalists: Men’s 100-Meter Sprint,” the reports begins the page with a 3D video animation that depicts the change of speed of gold medalists in the 100 meter run from 1896 to 2012. Following the video the page scrolls down to scatterplot displaying the same information. Of course, the time based animation will engage the viewer very differently than the static scatter chart.

The final example that Amanda Cox presented was a the superimposition of two separate data visualizations to present a cultural and historical reality of the United States. One was a visualization of the Republican versus Democratic votes in the 2012 Presidential Elections from southern states. The pro-Obama areas presented an arch of concentration that presented strong similarities to a very old visualization of cotton farms across the same states. When these two visualizations are collapsed one over the others, a strong sense of history regarding the present is established as the areas that were once cotton farm areas voted strongly for Obama.

Amanda made a point that beyond interactivity and cool graphics is the strength of the content. If one has minimal resources, focus on the content and in depth research. Practically, with so many people looking at the web on their phones, a simple text and image may be much more effective than an immersive experience.

Soon, I’ll be launching an RSS feed featuring illustration of famous news broadcasters such as Barbara Walters. Each news broadcast personality will be set against the icon or colors of the corporation they worked for.

Through the BOMBLOG, I just launched a series of compositions titled “Helsinki Web Sketches” that combine photos that I took during a residency at HIAP with WebGL code using three.js, rotoscope animations and video. Interact with the pages and click through them to see the various sketches.

The Helsinki Web Sketches are designed for modern desktop browsers that support WebGL.

At Hunter College’s Film & Media Studies program, I teach an introductory production course in visual communication in which I cover graphic design basics, image and text composition, typography basics as well as an introduction to data visualization… The course is a medley of current topics related to visual communication. One of the lectures focuses on layout and the use of the golden ratio in art, design and architecture. As Euclid described the golden ratio: “A straight line is said to have been cut in extreme and mean ratio when, as the whole line is to the greater segment, so is the greater to the less.” We look at examples dissected by Kimberly Elam in her book Geometry of Design. We apply shapes such as the pentagon, star pentagram, the Fibonacci spiral to historical graphics such as the work of the Stenberg Brothers…

Since I cover this sort of material in teaching, I was struck by the work of Claudia Wieser upon entering her October 2013 exhibition at Marianne Boesky Gallery in Chelsea, NY. Generally, I prefer work that is socially and/or politically engaging, but these galleries presented such a beautiful twist on design elements that I found myself in a visual funhouse. Work is presented throughout the gallery on the walls and floor, not as individual pieces, but rather constellations that speak to one another. The individual elements to the exhibition are simple – geometric shapes cut into mirrors, tiles or wood, graphic elements layered on to classical Western art. She seems to effectively extract the geometric design formulas applied to traditional Western sculpture and painting and then reapply them as sculptural elements to create new visualizations.