Author Archives: Clarke Powell

Kinetic Text

Screen Shot 2018-04-22 at 10.30.47 PM

For this project it was preferred that we use text that we had written ourselves. The text we used could be as long or as short we liked.  When I began brainstorming for this project, I was not sure of what kind of text to use at first. I did not want to limit myself to just one word but I also did not want to end up having to fit in a whole page of text. I am not much of a song writer or poet so that was out of the question. I do however, like creating small dialogues between characters from time to time so I decided to start from there.

  Initially, I was going to have simply shaped characters on the screen along with the text, but I scrapped the idea out of fear they might take too much attention away from the text. Since I could not have my characters I had to think of other graphics to go with my text. I started to think of phones and the small phrases commonly used over them. I then began to brainstorm several phrases I could build scenarios on. I also began designing phone graphics to put alongside the text so I could have more to work with. My idea was not very specific when it came to the overall structure of the project. All I started out knowing is that I wanted it to start out slow with a few phone sound effects and then build to a loud climax.

  Most of the graphics were based off the different types of phones I’ve had. I was very young when I got my first phone. So young in fact that my first phone was a flip phone. Then the next one was a phone that had the back slide out to reveal a keyboard. After that my next phone was the first of the standard smartphones we use today. I made a graphic representing each of these along with a graphic for the most symbolic a all phones the rotary telephone.

20180422_222232_HDR

20180422_222252_HDR

I had specific ideas on how I wanted each phone to move in the project and I kept those ideas in mind when making the final graphics in illustrator. I wanted my flip phone graphic to flip open. I created two frames: one was closed the other was open. I put a click sound between the two frames in order to imply movement. For the the phone with a keyboard I designed two halves. One was the top with the screen. The the other was the bottom with the keyboard. I put the bottom half behind the top half. Then I  keyframed the top half sliding up enough to reveal the keyboard on the bottom half.

Screen Shot 2018-04-22 at 10.26.04 PM

While designing the smart phone my intention was to make several different screens and have them slide onto the phone frame I created. Then a call screen would come up and I would keyframe it in After Effects to imply the person hit the decline button. However, all the screens aside from the call screen seemed to be a bit much so I decided to scrap them. I also gave the  smartphone a gradient color screen to set it further apart from the older models.. The other phones’ screens just went from black to blue to suggest there was a call. Finally, There was the telephone graphics I based off of rotary telephones. Despite the fact that you don’t see them around their likeness is still used as a symbol for calls. Whenever I get called on my smartphone it’s always two rotary phone handle symbols that pop up on the screen. This is reflected in my smartphone design for the call screen. I had two phone designs for rotary phones. The first was the classic rotary dial phone. I wanted to use it towards the end of the video to transition from the loud noise of the climax to the calm end. I split it into two parts: one for the base and one for the phone handle. I wanted the handle to come down to the base as the climax starts to settle down. The second graphic I designed was a rotary phone handle hanging from the cord. I wanted it to drop down during the climax along with a few other items.

Screen Shot 2018-04-22 at 10.27.00 PM

Once I finished my phone graphics I had decided on what kind of music or sound I was going to use. I already knew I wanted to use various sound effects, especially for the climax. I thought about using music as well but decided not to because I did not want it to take away from the sound effects. I also decided against voiceover for the same reason.  Since my ideas on how to go about structuring the video were still fairly vague, I just picked out as many sound effects as could (but ended up looking for more later on anyway).

  Along with small sounds that build up to louder climax I also wanted each of the cell phone models to have a small segment of the video to themselves. I decided to jump right into video making and working things out as I went along.  The first segment went to the flip phone. I just used two pieces of simple text (“Hello” and “Oh hi!”) and from there I thought that I would have each phone have its own independent segment of a random phone scenario. However, as I continued I began to build a single narrative. This narrative being that someone is deliberately ignoring someone else. The next segment was with the keyboard phone being filled with text messages and then having “I’m Busy” typed out as a response. The smartphone segment had the call screen come up and the red phone decline button was pressed. Then it transitioned to a voicemail being typed out.

  Even after those segments I still had a decent portion of the video to fill before the climax. I decided to take elements from the previous segments and combine them in different ways to build up to the climax. When I finally got to my climax I ended up using less elements than expected. I mainly just implemented the rotary phone graphics and voicemail text.

  Despite the constant trial and error I still managed to keep to my original ideas. I had to adjust many of the audio levels so the climax would not be unbearable to hear. I also think that in some cases the phone graphics might overshadow the text but they both serve their purpose well overall.  

Space Oddity

SolarSystembg

For this project our class was assigned to create a video response to David Bowie’s music video “Space Oddity”. Our video had to include aspects of futuristic sound and space. I did not really know that much about Bowie at first. I knew some of his songs, but that’s pretty much a given with his popularity. I spent a decent amount of time looking at some of his video for inspiration.

  Screen Shot 2018-03-08 at 7.21.47 PM

My original vision for this project was to work solely in black/white and grayscale.  I managed to stick with that idea for the first 45 seconds. I thought that if I kept my color palette simple it would be easier to plan down the road. I also had some black and white fractals already made and thought they could be put to good use in this project. As it turns out, being to limited in my use of color is more troublesome than having too many colors to choose from. As I got deeper into the project I could not help but add bright colors against the black background I ended up with. I always liked color schemes that involved black and another bright color. The way it can be set next to another color and almost absorb it has always been interesting to me.

  I was also planning to use mostly fractals but as I went further along  I realized I did not have much of a narrative with them.  So I had to come up with a new idea and go back to square one. I searched through images  dealing with space in general. This is when I came across a picture of a common science project dealing with displaying our solar system. I then realized that while looking through more detailed representations of space (diagrams, illustrations, etc.), I nearly missed an opportunity to explore something more simple. The simple shapes of the rings and painted stirofoam balls were brimming with possibility. Instead of being confined to the more complicated forms of space I was presented with, I could start with these simple shapes and make them into something new.

  I decided to limit my search solely to solar system displays. I was not planning on copying the display exactly but I did want to understand the general structure. However the graphics I designed did end up looking for the most part like the models minus one or two solar rings.

  unnamed-1

I did multiple sets of  rough thumbnails and sketches to work out what I wanted to do. The music I chose had many changes in pace and I wanted my video to reflect that. I made sure not to get to detailed so I would be able to make changes as the music dictated. I made somewhat of a small narrative involving my solar system design. I broke up the song into small acts several times to see which option would be the best. Eventually I settled on:

 
  1. Starting the song off by slowly entering a dark space.
  2. Then when it is pitch black reveal the solar system on a tower-like display.
  3. The climax is light show of some sort
  4. The story ends abruptly with the space going dark again and the planets falling off the display


unnamedSolarSystem Tower 

  One of my graphic designs for the solar system was a display on top of a tower like structure. The idea of for this originally sprung from wanting to do a pan up shot to the planets. “Why not have them towering over?” I thought.

    I started out with black and white graphics, then jumped into slight color with the rings around the solar system. I chose a basic color ranged from red to blue so I could keep it simple. During the planning period I did consider using literally all the basic colors of the rainbow. However, I decided against it since it seemed to make the video too busy.

  I originally planned to implement some actual animated cells in my work but I found that using the basic tools in After Effects fit better with the overall futuristic style of the video.

  Ultimately my video ended up looking a bit more simple design wise. I think the simplicity helps it in a way. The simple shape gave me more room to experiment without worry of over complicating things or making the video too busy. Given how many times I had to rework  a scene or two I’m grateful for that.  

Digital Tools: The Art of The GIF

 

The inspiration for this gif originated from one of the brushes I created in Photoshop. I designed this brush after the cross hatching drawing technique I learned in my art studies. When I started to stare at the lines where they intersect I could see all the shapes they made. Then I thought it would be more interesting to see the lines move in different directions and see how the shapes in between them change. I decided to make four rows of lines going in different directions. I made the vertical and right diagonal rows go clockwise and the horizontal and left diagonal lines go counter clockwise. Initially, I was going to have the lines rotate all the way around but since I was assigned to work only in photoshop that seemed a bit too tedious. So instead I decided to let each row go in a direction for a few frames then have them rotate back. I also made the frame where the lines rotate the most invert colors to add more interest.

 

  When I first started this glitch portrait I was not sure what kind of glitches I wanted to use. I decided to take the trial and error approach and stop when I found something I liked. After several tries I finally came across the black screen and the disjointed face glitches as seen above. I achieved the former by first turning the png file into a txt file. Then I copied a small portion of text and pasted it in random places. The first glitch I made only had this glitch at the bottom part of the picture. I decided to copy the first glitch photo and repeat the same process going further up the txt file as I went along. I repeated this task until I had several glitch photos that could serve as animation frames to make the glitch look as if it was creeping up the photo.  I created the disjointed face glitch while messing with a bmp file.  I also erased the eyes out of my normal photo and layered it on top to give the glitch an eerie feeling.

 

  My original idea for this gif was orange and purple rectangles rotating at different rates on a white background. However I liked the idea of the background alternating between the two colors in time with the squares movements. I eventually settled on the background color changing in accordance with the corresponding rectangle that reaches the bar at the bottom of the screen. It took about 13 frames to animate each rectangle going up or down. Once I got them to go in opposite directions on the vertical axis I copied and flipped the frames around to create a loop effect. I also made the bar at the bottom change its color to a slightly darker version of the color of the background and rectangle.