Tag Archives: digital tools

Kinetic Text

Screen Shot 2018-05-07 at 21.46.33

For my kinetic text video prompt, I struggled with what exactly I wanted to animate. “Men are trash” and other short phrases popped into my head… Ideas of a visually creative video with strong repetitive sentence or saying was what I was leaning towards. After a bit of brainstorming and planning, I came to the conclusion that maybe that wouldn’t be the most engaging video to animate. At least it was not in my opinion. In the end I chose to animate a poem I wrote in January of last year, after struggling with bouts of depression and choosing the right anti-depressant. The tone of the poem is hard to decipher, I think it may be different for every one that reads it. So, choosing the right song to fit it took a bit a time. I shuffled through the Submarine movie soundtrack by Alex Turner, through the album of my fellow New England native Lin Tullgren, and even some weird chillwave tracks. Nothing quite fit right. It was only until I stumbled upon an old favorite song of mine from the soundtrack of Spirited Away, did I feel like my poem had a certain tone. The song is called “The Sixth Station,” it comes on during the part in the movie when Chihiro and her small group of unlikely companions silently take a train across a lake. The feeling of the track is not necessarily sad, nor hopeful… I would say overall the song is categorized as deeply emotional and beautiful.

In this poem I specifically focus on the condition of my pillow on my bed, and how it is affected by the going-ons in my brain. Due to that topic I chose to use a watercolor painting of a bedroom from the Studio Ghibli film When Marnie Was There. I put the opacity on low and made the bottom layer a dull moss green. I chose this shade of green due to its peaceful demeanor, but also because the color green represents growth, renewal and rebirth. From a psychological perspective, the color green helps create an equilibrium between the head and the heart. Green is an emotionally positive color, that helps give us the ability to love and nurture ourselves. The message or purpose of my poem is to say that I am working on getting better, that after every hardship I go through I will get up and clean up the mess.


I would like to preface this by saying that not every animated word was timed accurately in combination with the song. The file was so large due to the text and the length of the video that the song would often not play back while I attempted to watch the animation while working on it. So there are a few parts in the video where a word may take up too much time on its own on screen, which makes those parts a bit boring and uncomfortable. I did not foresee the program moving so slowly for this studio prompt, however, I had to make do with what I had and try my best to anticipate changes in the music.



Throughout the video I wanted to animate the words or sentences with certain effects that complimented them and perhaps even emphasized them. In hindsight, this was not really doable. Therefore I had to be more creative and straight forward with my animation. For example, throughout the entire video I kept every word at 65% opacity, but when I wanted to really emphasize the feeling or image of a word I put the opacity to 100%. I chose to fade out a lot of the words and sentences because it felt appropriate in conjunction with the song, as well with the overall emotion of the poem.



With some words I was allowed to use an effect that fit the meaning or action of the word appropriately. For example, for the word ‘tingling’ I used an effect that spun it onto the screen letter by letter, and spiraled it all the while. Some other words I wanted to use an certain effect but couldn’t find the right one. So instead I would simply play around with a trim line to have it come on screen in a more interesting way. With other words I would animate them onto and off of the screen in unison with a change in the music. Luckily this was not difficult to do as the entire song consists of only piano.


More later on in the video I decided to stop focusing so much on the relationship of the animation effect and the meaning of the word, and to focus more on the animation of words and sentences with the movement of the piano playing. Despite not being able to hear the changes in the song while animating most of the poem, I somehow still managed to sync them up. However at the point of these next two screenshots, the song had ended and I was unaware. In a way it is fitting but I wish I had known so I could have been able to go back to the beginning of the video and shorten the screen time of some unimportant words.



Unfortunately this animation took 13 hours to render to a video file, so it would take a bit more time to go back and edit all of the things I had unintentionally animated. Overall, I am happy with how this video came out, despite how difficult and frustrating it was, I think it paid off mostly.


Digital Tools: The Art of the GIF


When making my GIFs, I drew inspiration from the styles of Paula Scher, Daniel Buren, and Anni Albers. Paula Scher and Daniel Buren often evoke bright color schemes, which was something I wanted to experiment with this semester. Albers created patterns that were very concerned with movement on the page – some of her designs are almost optical illusions – and I wanted to carry that concept over to my GIFs.

My first attempt at a GIF as the one below – I call it “The Disappearing Button.” l started by creating the red and black button background, then overlaid a large white button across the top. Because of the way that the background moves and the white spaces connect, the white button on top seems to disappear and reappear – even though only the background is moving.

This ended up being one of my simplest GIFs, but one of my favorites, and I thought, most successful. It’s able to create the appearance of more movement than is actually happening within the frames. Compared to the first GIF in this post, it was fairly simple to make – I just kept transforming and wrapping the background by about 25 px every frame. It only took me about an hour to make, but it looks complex. I ended up trying to recreate the success of this GIF for the rest of the GIF assignment, though I don’t know if I succeeded.


I continued to play with white space and movement, but also focused on color palettes. I generally have a very dark color palette in my artwork but after seeing Daniel Buren’s experiments with light and color, I decided to experiment as well. I decided to continue playing with empty space and overlaps and made the GIF below, which I call, “Red and Blue All Over,” which is a play on bruising. I wanted to just use red and blue but also attempt to make a third color, purple, out of them. I used the same layer-transform-wrap process as in Disappearing Button, except I had the red and blue circles moving in opposite directions, rather than the same direction.

I think it works to some degree, but is not as successful as I would have liked. Ultimately, to get the brighter purple that I wanted, I would have had to devote some time to make sure the thinly striped red and blue circles lined up more perfectly – so that only red and blue, no white, showed. This GIF ended up being a lot more stagnant than I wanted it to be – it’s cool, but because the background isn’t moving, the top layer doesn’t get much of a sense of transformation.  If I had to remake this GIF I would have had the background moving, rather than the individual circle layers. It was a lot more tedious to have both those layers moving in opposing directions, and not enough payoff.


I had a lot of fun playing with movement and colors in these GIFs. If I could go back, I wouldn’t have stuck so rigidly to a primary color palette. It definitely got me out of my comfort zone and into areas that I wanted to explore, but it would have been cool to look at some other bright colors. Buren and Scher both play with bright colors a lot but certainly don’t just stick to primary colors – I think their work might be less successful that way.

Digital Tools: The Art of The Gif

  This GIF (much like the others that I have made) came about largely by accident. I began making the pattern by kind of stamping with a brush that I had created while attempting to mimic a motif in Sicilian tiles that I was referencing. There is now very little resemblance, but I like the way that it turned out. It’s my first GIF that employs bold colors and I’m pleased with the continuity that’s created beyond the frame by the pattern. It seems like a pattern that could be used in fashion design, so I wanted to echo that same kind of dynamism in the GIF. I used a lens warping effect within a center sphere in the frame in order to create this flashing/popping effect. I’m a big fan of delicate and soft color palettes— shades and tones which seem to seamlessly meld with each other. There’s a strange metallic yet even flesh-like quality to the palette in this GIF, and it strikes me as being as off-putting as it is pretty. I had a very specific reference for the pattern, copying the rectangular designs that covered a building I had photographed in Prague. Each corner of the square converged in a center point, which gave it a really cool three-dimensionality that I kept coming back to. I found that it does interesting things to other images when used as a transparent overlay. These crinkling distortions are just that— distortions that I played around with in GIMP. It looks like they ended up having a sort of wave effect which I find really cool.   This was the one pattern that I made from something in my sketchbook. It was just a very simple floral line design which I managed to cut out and color in GIMP, turning it ultimately into a brush. There’s not really a specific inspiration for this, other than my admiration for more complex floral patterns and sinuous lines. I wasn’t quite sure how to turn it into a GIF, so I ended up making distortions in alternating sections of the image.