Tero Juuti

Pacifist Biathlonist motion illustration

An old style pixel animation illustration for an article about whether it would be possible to win in Biathlon if one was a pacifist and refused to shoot a gun. The article is only in Finnish but I still won’t spoil the outcome. The illustration was inspired by the C64 classic Winter Games. I made short loops in pixel graphics so the files were pretty light and smoothly running, even if the pixel size was quite large. In addition to the animated loops I made some stills featuring the same character.

500 – custom typography

500-typo-kirjaimet-2K-neliö

Talouselämä is one of the major economy magazines in Finland. They publish an annual Top 500 companies in Finland -issue and wanted me to design the number 500 for this year’s cover.

After some sketching we decided to go for the isometric perspective look. The text “500” itself isn’t typographically the most interesting, since two out of three numbers are the same, but the “extra dimension” in the perspective gave it some more possibilities. I made some cubes and piled them up for the basic forms, which were then refined further. After the forms were for the most part ready I added some details in “impossible perspective”, so the letters could be seen as from two different viewpoints. It’s a small detail but a nice added bonus, if someone spots it.  The red color is the main color of the magazine and the gray tones are also used frequently.

Finnish Photobook Award

Valokuvataidekirjapalkinto-logo-prese-anim-800px
A logo designed for a new Finnish Photobook Award (http://photobookaward.fi/) that’s being awarded for the first time in 2017.

The symbol is a mix of books’ pages and a shutter. I personally like the symmetry of it quite a lot. The type is custom-made, all the A’s are missing the horizontal line so they’d look a bit like books from the side. The lines of the letters also continue between different letters on the same or next lines, where possible without it being too attention-grabbing.

The logo gif on top shows the three different language versions (Finnish, English & Swedish, not sure if the last one is going to be in use though), and below is a version with all three. More to come later (including motion version).
Valokuvataidekirjapalkinto-logo-monikielinen

Book of Hours

BookOfHours-kansiversiot

Book of Hours is a book by photographer Ida Pimenoff with her photography and writing. I’ve known Ida for a long time, and was very happy she asked me to design the book with her. The form of the book was changing along the process but finally turned out to be quite close to an idea we spoke of early in the making of the book; a notebook with a feeling of everyday.

There are two different covers, both are shots of the same cloud taken moments apart, so the impression is similar but not identical. There are folds in both front and back covers there the cover image continues. The paper is Lessebo Design, which feels very nice and smooth in the fingers.

The book is bound with swiss binding, so the spreads open (almost) completely. The images can be seen completely and the fold doesn’t hide them.

BookOfHours-aukeamakuvia 2 BookOfHours-aukeamakuvia 6 BookOfHours-aukeamakuvia 8

Many of the images are shot in panoramic format so the book shape was built around them, with some flexibility for other formats. At times the editing of the book felt a lot like editing a film because of the cinema-like quality of many shots.

BookOfHours-aukeamakuvia 3 BookOfHours-aukeama tekstillä BookOfHours-aukeamakuvia 4

With smaller images and texts I paid a lot of attention to the interplay of the elements within the spreads and also from one spread to the next.

The only typeface used in the book is Minion Pro, a common font that is nevertheless very well done and quite friendly and familiar in appearance. The typeface is designed with different versions for different text sizes, many of which were in use in the texts.

Book of Hours, like Ida’s earlier books, was published by Kehrer Verlag. Here’s a flip-through video of the book.

Media-avain

media-avain-800px-musta-gray-anim

Media-avain (Media Key in english, though the site is only in Finnish for now) is a web-based service giving parents more accurate tools to estimate the suitability of media (movies etc.) for kids, compared to only loooking at the age ratings. It also provides advice for discussion.

I designed the logotype for the service and since they deal with and advertise in movies, it made sense to have an animated version also. The symbol itself is a bit cryptic and gives room for interpretation. It also includes the initial letters of the words Media and Avain, but it’s not immediately obvious when seen without the other text. The colors come from the rating colors used on the site, blending together for more tones.

media-avain-logo-liukuva%cc%88ri-portfolioon1200px

Writings by Maija

Maijazine-kansi

-…………0+ is a self-published collection of writings by Maija. I edited and designed the zine from a larger collection of writings originally published in Maija’s Facebook page. The text is very abstract, so while designing the layout I was mostly working to make the text appear visually interesting instead of a conventional layout process.

Maijazine-kooste-2K-aukeama1 Maijazine-kooste-2K-aukeama3 Maijazine-kooste-2K-aukeama5 Maijazine-kooste-2K-aukeama10 Maijazine-kooste-2K-aukeama11

Maijazine-kooste-800px

Retro Pixel Action

Retro pixel graphic animations in Commodore 64-style were needed for a finnish TV advertisement for RAY, so Anima Boutique asked me to do them. The clips are pretty short since they were cut between live-action footage, but the Vimeo clip linked has a helpful slow motion replay of each. I drew the elements in actual C64 pixel dimensions (well, actually cropped a bit from top and bottom since screens are different shaped nowadays) and scaled them up at the end.

anima-huone-3x

Note the small light points in the darkened room.

ukemikooste-3x

The locations in this clip are Säynätsalo Town Hall (designed by Alvar Aalto), a random suburb motorway interchange and the Senate Square of Helsinki with the cathedral on the background.

tennishahmo-6x

The tennis girl was redrawn even smaller so the pixel size is doubled from the other clips.

Inland Empire Floral

A logo I made for a friend’s florist business in Spokane, Washington, USA. The typography is handmade, starting from pencil sketches and ending up in clean vector forms. The shapes continue from letter to letter and interact. An animated version playing with the connections is in the video above. Below is an optically corrected version.

InlandEmpireFloral-opticalcorrections-1200px

Helicopter Mom – v0.2.

A pixel animation video, presented as a trailer for an upcoming art game. No audio, but instead there’s a fancy ‘mute’ symbol in the corner. Some retiming and minor graphical changes compared to v.0.1.

Jazz Dance lettering

HelsinkiTraditionalJazzDanceCo-square-black-transparent-1000px

I made these works for Helsinki Traditional Jazz Dancers group for use in a poster (Jazz History Through Times being the name of the performance). They liked the style so much I even reused the first image as their logo. The texts were made directly with an ink bottle pipette, which turned out to be a good way to keep fluidity and randomness in the letters.

JazzHistory-edit-flat-1-transparent