Motion Sketch + Audio KeyFraming with expressions

October 21, 2012

I have been very behind on my assignments and wanted to make an animation that will embody 2 things that we learned in the same time. The idea comes from one of the illustrations that I was doing for another project. All of the illustrations belong to me. I would love to shout out big Thanks to Ali Sajjadi for recording the voice of the planet. The sound of the UFO is my funny interpretation :)

Annoying UFO from oyakosebay on Vimeo.

When it comes to the technical parts I would like to talk about the process a little bit. Everything started with a sketch.

Then came the process of creating texture for the Planet and make that UFO look more realistic.

Next step was to use Motion Sketch in After Effects to create the path for the UFO to annoy the planet. I've also created eyes on a different layer to manipulate their movements following the UFO. After that is done, it was time to record the voice of the planet. At that moment Ali Sajjadi - my fellow ITP 2013 student - happened to be sitting next to me and accepted the challenge gracefully. This voice created the feel of the character; an annoyed planet yelling to the UFO.

To make the planet talk I needed to add another layer and trace a mouth on top. Once that's done I added an expression to the scale of that layer and I attached that expression to the KeyFramed audio of Ali speaking. The volume of the sound is controlling the scale of the mouth. I had to test couple of different multipliers to find the exact effect I wanted. Also I had to figure out how to move the anchor point of the mouth layer. If your anchor point is not on the center of the mouth you will be getting some interesting results that does look very very wrong. It took a while but as always it was a tiny button that was the magic of moving the anchor.

I also played with the glowing of the UFO by attaching that layer's glow radius effect to the sound of UFO. That created very settled glow in queue.

Hope you enjoyed the end product.

First Evert Kinect Motion Capture

October 17, 2012

Here is the data in After Effects.

kinecttopin First Experiment from oyakosebay on Vimeo.

Big Screens - READY & GO !!!

October 14, 2012

Terra Nova is the name of our project with Evan Emolo. The initial story boards can be found here . It's all at the beginning stages but I would like to share some visuals. I am working mostly on the visual structure and assets of the content which will be all executed in illustrator and animated in After Effects. Instead of talking about the idea I would like to share the visual assets that we have right now.

Last week I worked on the characters. Here is a video of the character creation by yours truly.

Big Screens Project - Character creation documentation from oyakosebay on Vimeo.

Impressionist Palette - The Painter Installation

May 3, 2012

The processing sketch can be found in here. The program is taking a picture using a mouse click and starts to draw the painting in impressionist style.

The program goes trough random x and y location pixels take the R , G, B values of that particular pixel and uses that value to fill the brush stroke on that location. Because of this process of picking random points one by one and putting a brush stroke over it you don't see the end result immediately. It takes a little bit time for the painting to appear. The brush stroke by brush stroke reveal of the painting mimics the actual process of portrait making. The subject need to sit down for a bit to be able to see the end product.

I am trying to implement a tool that would save the painting and email it to the person but I couldn't be able to figure it out yet. UPDATE : IT IS SAVING NOW :)

I wanted to create the sense of oil painting by placing a canvas on an easel and project the image on the canvas. It makes the experience much more organic.

I am hoping to add different brush strokes with the use of comparison in the RGB colors of the pixels - For Example if the pixel color is dark use this brush stroke , if it is close to the skin tone use this stroke.

Connected - The wireless router - The 3D model and more

April 29, 2012

Connected by Deqing Sun & Oya Kosebay Connected is a sculpted representation communicating the data of the ratio of the population versus the internet users among the 12 most populated countries in the world. It is designed to communicate by its form, which is inspired by the quintessential icon of wireless internet port of Apple’s Airport. Connected is a 3D version of this icon creating groves on a spherical surface, each grove becoming a country. The data is presented by using 2 different materials, “white” representing the non internet users, “black” representing the internet users and the combined height representing the population of the country. The data is actually pulled from two different years, 2009 & 2011, making the difference of internet users between these 2 years incredibly visible. The project is trying to change how the wireless routers looks right now which is nothing more than a box housing the electronics. Adding with the data the wireless router is recognizable with it’s shape to communicate successfully the Free Wi-Fi service that it provides if attached to ethernet network. We are seeing this project to change the design of the wireless routers to make an object not to be hidden anymore. Connected by Deqing Sun & Oya Kosebay Connected is 3D printed and ready to be presented at this point. We changed our approach and our model a lot. Now it looks like this.

The shape is inspired by the Apple computer's Airport Icon. Each grove represent a country. We are presenting on this first model only 12 countries, in order from the most populated.

The model uses two different materials to present the internet user ratios within each countries. Two different levels in each grove also represents how much of difference happened in the number of internet users in the same country in the course of 2 years - from 2009 to 2011. The first data that we were using was 2009 data and I found a more recent version of it. When we generated the curve to represent the new data we realized that there was a lot of difference in the visual so we decided to share that information as well. The cost for world wide web decreased greatly in the pass 2 years and it effected a lot of the most populated countries where the technology became more affordable.

Here is the pictures of the final 3D printed product

Final Installation Idea - Combining the Van Gogh Palette

April 25, 2012

It's that time of the year again. It's time to come up with a concept to present as a final product. What I am thinking is a simple paint your portrait installation using video mapping and a MAX patch. The installation will use a processing sketch that mimics the brush strokes of Van Gogh. The image will be painted on a canvas and it is going to either be the portrait for the person looking at it or the body of the person that is getting inside the original painting.

"Van Gogh Palette" Coming to Life

April 24, 2012

The Van Gogh Palette is almost ready for action. What I am using in the program is a pointillizing technique to visualize the captured image. Right now the image from the camera is captured by a mouse click and immediately the program starts to draw the brush strokes using the color of the pixel at the x and y location of the image taken. The end product becomes a portrait that is made of brush strokes. At the moment the brush is only a simple rectangle but it still looks pretty :)

My next step is going to be to come up with different brush strokes and place them in designated areas of the image. For example the peripheral can be done by using a different brush and the face can be made with a different brush.

During the process the image doesn't appear suddenly, it takes time for it to form the portrait and you witness the process , stroke by stroke. I want to keep this process since I want to mimic a painting being made in front of your eyes.

I have started to play with the OpenCv blob detection too to capture the image at the right moment.

From here on it is going to be all about tweaking. Here is a video of the process too. Stay tuned :)

Connected Update - Where we are now?

April 13, 2012

The Sculpting data Into Everyday Object project is wrapping up. We have presented our first test and models couple of weeks ago and now it's the last stretch to finish the 3d printing. The shape of the object is slightly changed but before talking about it here is the initial models of our wireless router that communicates the ratio of internet users versus the population of the countries.