Making Warhol 2017 with Three.js and Blender

Intro

Andy Warhol is known for his paintings of the various Campbell’s soup flavors, and known for propelling the pop-art movement known for its use of bright colors and hip images. Warhol is regarded as one of the most recognizable artists of the 20th century.

Part of his artwork of Campbell’s soup cans was the idea of repetition, and mimicked the industrial production of food characteristic of the time. Simply painting the cans meant Warhol could paint 32 cans and have them nearly identical. The idea of Warhol 2017 was to take a 21st century approach on this work of art.

Making the Cans

I began with modeling the cans in blender, going off the original paintings for reference, at an orthographic projection to allow for accurate measurements. The cans in the painting were slightly tilted so I tilted mine as well to see if I could get it to have the sameĀ  proportion exactly.

Next I unwrapped the UV coordinates for the can using the smart UV project (which is very powerful if used correctly). Then flipped the UVs for the can’s face so it can easily be added within blender.

The aspect ratio for the label was the same as the image because I used it as a reference, so it was just a matter of taking the label from the original painting and pasting it on.

Using three.js

three.js is a lot of fun to use. It gives you a lot of freedom along with a bunch of cool prefabs, this project taught me how easy it is to make the web do cool graphics.

The final result!

I had a lot of fun making this, I could have optimised the page to show more cans and have different variations for different flavours. Maybe I’ll improve it in the future. All in all I got 100% on that final art project.