Wednesday, November 30, 2011

Google Doodle Puzzle

I hope this video is decent quality.  Please, please let me know what you think.  

 

- Joelle 

Monday, November 28, 2011

so far

what it is so far..
might / might not stick to it...we'll see

Saturday, November 26, 2011

unfinished




So I changed the "g"s hat into an almost-grey blue to stand out from the floor and blend in with the colour scheme. The eyes of the first "o" have red gradients on to separate from the white body. And there's more things going on :D More blinking eyes, the other "o" slightly rolling and the "e" goes lalala with its tongues.

The image links to Tim Burton's official site which I used as reference for the characters, drawing style and background. Hope you guys like it! ^^

Friday, November 25, 2011

CHECKITOUT

http://www.swfcabin.com/open/1322233727

almost final

The walking dead google doodle, forgot eyelashes on a frame

Wilfred's google doodle


i have used pink cherry blossoms to do the animation and i have CG rendered the google doodle itself.

Bastille Day near finish

For my final idea, I essentially settled on an idea I actually haven't showed yet. The event my doodle is based on is July 14th, Bastille Day in France. Bastille Day is the equivalent of the Canadian holiday of Canada Day, or the American Independence Day, in which it celebrates the birth of the nation. The subject matter of my picture is based on a Eugene Delacroix's "Liberty leading the people", with the letters of the word substituting the main figures of the painting. At this point, I have work yet to do on the background, in which I have placed a faded crowd of rowdy people toting guns and swords, but it has faded through both the scan process and because the colours used should be a darker shade. Also the final E is in dire need of correction, as i attempted to clothe it but it however appears to be wielding an axe or something that I definitely did not intend it to look like.

Thursday, November 24, 2011

Almost Done

So for the last little while i have been animating the features in my google doodle and i have also been doing some coding so i opted for a simpler design to balance my time between the two. Most of the animations are done now but i will probably go back and refine them next week because they are a little choppy. Also i will work out some interactivity glitches like floating leaves. So, all in all, i think it is looking pretty decent and for the interactive part: if you run you mouse over the leaves they will blow in the wind and if you click on it, it will fall to the ground, then mouse over it to make it grow again. By next week i will have the animations polished and the trees and leaves moving smoother.

Check it out at my web space: http://webspace.ocad.ca/~ag11kd/

-Alex G
So sorry I couldn't come close to finishing up this piece. I've drawn in the four musician guys at least.  I will probably just end up doing an illustration because of time restraints.

First Test


For BallPoint pen day this was a short test I did where I took a bunch of photos which will ultimately be the animation. If I flip through them in my camera they look pretty nice for a test but this computerized element is totally killing me I'm not gonna lie.
Here are some of the photos beginning with the shadow outline of google and then my hand drawing the letter G.
-Lauren

Not done but sooooo close


I don't think I can look at cats anymore. Drawing the same cat over 17 times got kindda repetitive and boring. Now I have to color all of them in and then I'm going to be done!!!! YAY! I'm thinking of coloring the cat in with gray stripes because it would look nice with the color of the yarn ball.

This is the beginning of my animation before the cat runs in

process


still a work in progress. but it actually moves now so..I am pretty happy :)
now I just have to change it so the google letters are all there and the horse jumps over them all in a row instead. Should be easy enough to change and I am tired so I'm just going to leave that until tomorrow. overall, happy with my progress seeing as I managed to forget everything I knew about flash once upon a time.

Alex B



Process..

So I have officially chosen the equilzer music bass for my googledoodle.

I will first start off as just the plain equilzer, then the words google will comes up.

It's only if you HOVER over the image, will the image start to move and the equilzer will start to move.


The green "beat" will start to rise up and down, likewise to the the music equalizer when music plays. 
I'm not that good with technical animation stuff, but I would have loved it if the image beat would go to ANY music your computer plays. That would be cool.
Bu anyways that is my final google doodle idea, and now the stop motion will be in process.

The whole point of the music equalizer is to show what's behind the making of music and how much high technology can create different music. I just wanted to create a google doodle that played with the idea of music, so why not incoprate it into the doodle itself? Music is universal and it never sleeps. The music bars that keep moving will show the constant sound that music makes and how music is so alive. 

Vanessas Google Doodle


google doodle by vanessamichiels, made at DoInk.com

so this is one of the peices i have going on so far, at the end i have a few ideas of how it will finish and how i will clean it up a bit. still, going with my birthday theme for googles thirteenth birthday anniversairy this year i played around with some drawings of cakes and things like that. I still may develop some of the drawings and do a linked page depending if it turns out more effective than this one and cleaner. i am stil thinking of putting the letters google onto the balloons but i am not sure if the colours are iconic enough that i could just place them in at the end or not at all.

Week 3! Christmas Google Doodle

Hey,

Needless to say when I'm excited about a project I devote a lot of time to it! I'm not sure what else to say except how happy I am about my animation turning out the way I saw it in my head. It was hard to stop working on it once I got it finally going. Therefore, below is a screen cap of how my page will look. Because my animation is about 18 seconds long, please wait a a few seconds before pressing play in order to keep things smooth.

As well, this is important:

Put the volume (marked in RED) to the maximum.


Here is the link to my Christmas Google Doodle animation:

http://webspace.ocad.ca/~tp11rh/



move burton move!


Unfortunately, I think I overdid the details on the illustration that my expected animation is just impossible.

So far, colour is done on the illustration (and yes I added a background). The floor and wall is copied from Tim Burton's official site.
I also wanted the "g" to interact the search box. I thought that could somehow make up for being static.
The only animation I could think of would be moving facial features. Like blinking eyes, opening/closing mouths, etc. So I tried that in gif.

I'm still learning how to animate this (freakishly sophisticated!!) image with flash. Or should I just stop with the animation and stay with static illustration?

Week 3 process work






































This week I continued to work on my stop motion animation. I finally have all the right pictures that I need. Here are a few other picture I could get up on the blogger. I started on my flash work. Also I have an ongoing website update and layout changes.

Morse Code

http://webspace.ocad.ca/~pb11sk/

Heres my concept for my Google morse code. Its celebrating the first telegraph sent on May 24th, 1844 by Samuel Morse. His first message sent was "What hath God wroght"? sent from Washington to Baltimore. Its pretty much complete, the only thing that I would like to see happen is a button to start and finish the whole stop motion so it doesnt become repetitive so quickly...

Wednesday, November 23, 2011

and we'll call it Puzzles...

Week Three calls for "Revisions"...
     And yes, I have pretty much completely changed topics and ideas. I will be doing Puzzle Day instead; using simple puzzle pieces and the original Google logo.
I will be making a stop-motion clip with the puzzle being assembled.




- Joelle

Friday, November 18, 2011

processagain
angrybirdsareangry

I SEE CATS


So there is the video I used to draw my frames
And here are the drawing. I wish I could have put it together so you guys can actually see it
walk.

Still in a rough form


Probably should have drawn it a little bigger for more detail, thinking about possible animation in the eyes

Week 2



So for week 2 I have vectored most of my images required for my stop motion. I am missing just the structures itself as well as the background and other doodads. I have also finalized my thoughts for the ending which will help me towards the creation of my stop motion.
There will be a title screen with a 'play' button, made exactly like the app, which will start the video. The first scene shows the structure and pigs and will pan to the left to show the birds. It will then zoom in slightly and the first bird, red, will go onto the slingshot. It will pull back and fire the bird. 1-2 seconds into firing, it will zoom into the bird and he will look at you. Then it will zoom back out as it hits the structure. Everything breaks, and dust clouds will form everywhere. There will then be enough dust to cover the entire structure and as it disperses into the air, the word 'Google' appears. It will stand on the Angry Birds background, and the red angry birds will be where the red 'o' is.

Week 2

Rather than do two versions of this image I have decided to invest all my time into one good one. I have gone through a lot redrawing on this one page and I feel it is my strongest idea so far. 



A. This banner features a stylized G which resonates with the folksy and "woody" village feel of the Hobbit town. A Hobbit dwelling, Bilbo's house, takes up the O space. Gandalf watches the door from a distance, either waiting or approaching, a pipe in his mouth. A G and L are stylized in a wooden/country way to resonate with the village in the book. A sleeping dragon adds interest to the image and an aesthetically pleasing pattern that arises in the smoke that comes from his nose. I decided not to color this picture because it will interfere with scanning, tracing and referencing (encase I change my mind about the color). Earth toned colors are a second choice, will first see how the image looks in illustrator with the Google colors shown under the picture in the square. Will use very washed out colors to show off line work.

B. The door pictured here will appear over the other door image at 5s, giving the illusion of door opening with Bilbo's silhouette at the entrance.

C. Two seconds later the eye here will overlap the closed eye on the dragon showing that the opening of the door has awoken him.

Week 1

I am posting week one here, because I had not had the chance to share my ideas last week. The descriptions of the ideas and other important information is written below the images and correlates with the letter described. 



This first image is my beginning process work. Step 1: I measured the Google logo on my screen to get an idea of the ratio between height and width. I also looked at other Google doodles. Step 2: I made a list of themes I want to do, or find interesting. Step 3.5: I drew these themes out on a piece of paper and I decided which one I wanted. I chose to do mine on "Lord of the Rings" and then "The Hobbit."


A. Salvador Dali's Birthday: A portrait of Salvador Dali takes the position of the O's. Other letters are either supported by "Dali crotches" or carry melting clocks.

B. Halloween theme: Two Pumpkins look at each other in the place of the O's. Bats hang from the G, the L is a hanging platform and the E is a monster. Potential for animation: The lights in the pumpkin's eyes flickers on in off.

C. Rocky Horror Picture Shoe Anniversary: The classic lips take the place of the O's, the rest of the letters are rendered with lipstick which is illustrated beside the E. 

D. Lord of the Rings Anniversary: Gandalf walks towards the Baggin's home which takes the place of the O's.



E. Treasure Island Anniversary: Skull with map in background takes place of O's. Pirate ship takes place of L.

F. Edward Scissorhands Anniversary: Eduard Scissorhands stands in L space, trimmed hedges take space of Os. Spiders on the other letters, girl wrapped around the G. Potential for animation: Hedges turn from squares to dog and cat kissing. 

G. Mario Anniversary: Mario takes place of Os. Letters rendered in Mario font. Potential for animation: the letters change color.

H. John Lennon: Eyes take place of Os. Peace symbolism in other objects. Potential for animation: The eyes blink and flower rotates.

Thursday, November 17, 2011

Google Doodle ~ Process work

For whatever reason, my images decided to upload in a reverse order, so the numbers do not correspond with what idea I like best, but simply what order I made them in. In any case, my original idea last week was to make a Google doodle for the First Day of Summer, however I decided to do more sketches of different events to give myself more choice. In the end, I decided to make my Google doodle centered around constellations. I intend on doing an animation for mine, although it will be fairly simple animations.


Idea #5
In place of the Os in Google, I decided to place a constellation there. The idea for this one is to have the constellations transition from one to the other so that the Google doodle doesn't focus on just one constellation, but many. I also intend on making it twinkle, simulating a night sky.


Idea #4
Again, in place of the Os, I decided to put an illustration there instead. What I had in mind for this one is to make a Google doodle featuring a different constellation per day, making it a mini series of Google doodles. It won't be a static image though so there will be some animation involved.


Idea #3
Continuing with the idea of replacing the Os, this time I have the iconic representation of an astrological sign; in this case, Cancer because it's my own astrological sign, haha. I'm not too keen on this particular idea as I'm not entirely sure what I could do with it in terms of animation or even making it more interesting.

Idea #2
Similar to idea #5 with the twinkling stars, but this time I used different constellations in place of every letter that forms Google. Again, simple animation featuring a night sky.


Idea #1
This is my first idea, which was to have the standard typeface used for Google, but also make it a constellation as well. Again, night sky featuring a simple animation with twinkling stars.

Wilfred's google doodle refined rough

i have decided that my favourite design is the Japanese Girl's Day Celebration Design for Google doodles. I have chosen the colors for the doodle, and i think if i do a animation, i will make the cherry blossoms fly and flowing in the background.
So I have decided to illustrate the 35th anniversary of the making of Star Wars--or the release of the "first" movie ( A New Hope ) , for my Google doodle.  I have not produced to revisions because I think this version will better represent the 35th anniversary.  I will have Jabba the Hut, that orange green  guy we all know and love, blink his eyes, and when they open, one at a time, they will have a three and a five in them, respectively. My other idea was to have r2d2 and c3po stand in as the letters o and l, yet I could not think of a way to incorporate the 35 into that concept.  Although the robot one was well liked, I feel this choice is more original and less stilted in appearance... I am undecided as to whether I should continue in digital media, or traditional.  I am also at a loss as to how to animate the eyes. Any suggestions would be very welcome! Should I digitally render each frame of him blinking on photoshop, and then put them all together in movie maker or something? 


google doodle process

For this week I decided to go ahead with the sketch I had liked the best out of my initial 10. This sketch is to become an animated google doodle including a horse jumping through a jump replacing the first ‘o’ in google. I felt that this would be a good way to represent the Royal Agricultural Winter Fair since most people who know about this event is aware of this infamous cross country jump always included in the Royal Horse Show. It basically involves jumping through a giant bush.

This week, I began figuring out all of the different positions I would need for my horse animation. To keep things simpler and easier for myself I have decided to have the horse jump through in profile as opposed to coming towards us because I have found the first option much easier to break down and illustrate. I have also chosen to only animate an outline of a horse rather than a full colour horse with a rider. The jump itself will be detailed and in colour.

As an extra bit of animation perhaps once the horse jumps through, some flowers could bloom on some of the bushes surrounding the jump.

My next step is to take all of what I have worked on and researched and somehow make it move :)

-Alex B

tim burton process work

Google Doodle for Tim Burton

So I still can't decide which one to do so I did both this week..

Number 1: Monsters in the closet
I just outlined the drawing and filled the shapes with basic colours. Just as stated in my previous blog entry, creatures would be forming the Google letters. I'm planning to animate this, but con to that it would not be as detailed like this. I'm thinking of doing like a flipbook animation to show a more personal touch to the piece.

The other image is the rough storyboard for this idea. Basically it starts with a door. Then a character opens it followed by the rest. As the "e" curls to form the letter, "g" slams the door making "e" look like that and ending the animation.






Number 2: Stainboy

Meet the star of this idea, Stainboy! Tim Burton's original character and the main star of his webisodes with Flinch Studio. He is also the one in charge of touring everyone in Burton's official website. So I thought that he would be the perfect solo character to show Tim Burton's style.

My plan for this idea would be animated. I attempted to make one for this week using DOink. It would be the original Google logo at the beginning. Then Stainboy would push it away, leaving stain on the blank ground. Then the stain grows to form Google and eventually comes to life, staring at Stainboy.





For both my concepts, I take the same approach. Tim Burton is not just a film maker, he's an artist. His illustration style is the one that drove people into his crazy world. And I want to show that. I want to show the dark yet whimsical creatures as a sample of his artistic vision. So I hope that by using the right characters and rendering them as close as Tim Burton would, I would be able to do justice.

week 2 process work
































































This week I started shooting pictures for my stop motion animation video. There was a lot of heat in my face for opening and closing my oven. It took 4 times the regular time to bake each one. It also took me a long time to figure out how to prepare, bake and shoot everything. It wasn't as good as I thought it would be, even though I was prepared to fail a little. I think the shapes and food quality came out really weird. So I am going to reshoot them again. But at least this time, i can learn for my previous experience and do it right. Also, Blogger only lets me upload 5 pictures. the rest can be seen on my webpage.


Rationale for "Ballpoint Pen Day" June 10th

Hi,

Initially when I was browsing a list of pretty hilarious national observance days I came across "Ball Point Pen Day" and thought it might be an interesting topic to explore, plus a straightforward concept that would pair well with/enhance the idea of the simple usability and universality of Google.
I forgot which day it was honestly, so when I went to remind myself which day I was actually doing, I ended up reading the history of the invention of the ball-point pen which is actually way more interesting that I thought. It's worth a little speed-read to get an idea of the lasting impact of a (now) simple invention that we pull out of our bag and use pretty much every day.

An excerpt from the website below: The first great success for the ballpoint pen came on an October morning in 1945 when a crowd of over 5,000 people jammed the entrance of New York’s Gimbels Department Store. The day before, Gimbels had taken out a full-page ad in the New York Times promoting the first sale of ballpoints in the United States. The ad described the new pen as a "fantastic... miraculous fountain pen ... guaranteed to write for two years without refilling!" On that first day of sales, Gimbels sold out its entire stock of 10,000 pens-at $12.50 each!
Another site (fastcompany.com) mentions: "In 1945, the pens went on sale in the U.S., at Gimbel's in New York, for $12.50 each ($145, inflation adjusted). The store sold $125,000 worth on day one, and Bic, which bought the patent, has sold 100 billion-plus since 1950."

Wow.
For my googledoodle I'm planning on creating a stop-animation and my official plan is this: I am going to have a blank sheet that will have only the Google Shading visible at the get-go, then as the animation progresses the black outline of "Google" will be written one by one, and then when that's done each letter will begin to get filled in scribble-style (still neatly, hopefully) from the top down in the corresponding google colours all at once. Maybe music will play (?) I'm planning on it being about 10 seconds. I feel that by showcasing the google logo first slowly, uncoloured, this will just present the name of the brand Google (of course), and then the colours will illustrate the theme of the day by using the medium of ball-point pen ink in the correct colours and scribbly style to give the google logo it's life.

That's my plan, and any feedback/comments/improvements are very welcome :)

Lauren

Alex's Google doodlz V2!

So for my google doodles i decided to go with the earth day themed one that has the smokestacks morphing into trees. I chose this one because it would definitely be a complex and meaningful animation because of how the opposites morph into each other. It shows that it is not too late to stop global warming and we can make a better, cleaner world for ourselves. I arranged the composition around the google logo so that one tree is the L and the other forms the side part of the G, then i put a cloud over the smaller tree to balance everything. So for my roughs i just played around with different types of stylized trees because i don't want realism. Also, the rest of the google logo will remain the same for brand recognition. For the animation part the i broke it down into steps:

1- the smoke blows away
2- the smokestacks start to sprout branches
3- the bg colour is changing to a blue
4- the buildings turn into green hills
5- pretty clouds roll in and birds fly by

6- then the trees will sprout leaves in different shapes and sizes

Also I am working on a special interactive segment of animation, it’s a surprise :P






































this is the first frame and then it will morph from here







-Alex G

sketches...........



(EVERYTHING WILL BE STOP MOTION)
+
The order is not by the number on the sketches, but by the order of the images on this post

IDEA #1 - You know thoes music bars that play the bass of the beat of the song? I wanted to create a google doodle out of it by making hte beats go up and down automatically when you go on the site. Colors: red green yellow
IDEA #2 - Breast Cancer. A simple message on the doodle. The letters beside the pink breast cancer ribbon will be black. The pink will stand out a lot.

IDEA # 3 - FOOD. So in the stop motion, it will be of a mouth from left to right eating the food. (will change some foods to be clearer or follow a food theme, ex- thanksgiving food etc)

IDEA # 4 - The letters will be icy and there will be a polar bear somewhere in the letters. In the stop motion, the bear will wave. I must have the "saving floater lifeguard thing" somewhere. 
IDEA # 5 - Just a random script of "GOOGLE" dozing off the web page.


IDEA # 6- Saving the environment and going green. So the leaf branches will connect all the letters somehow. The animation part will be the moving of the recycling sign and the moving of the windmill.
IDEA# 7 - Tattoo Artist and the beauty of tattoo? Empty letters on last three. The other three have been tatted and the tattoo artist is in the process of tattooing the others.

IDEA # 9 - Art. So every student is in process of working on their art. Every letter will have moving motion of them working. Working hard.
IDEA # 10 - Somehow incorporate an architect draft paper and use the word GOOGLE in the graph. (not developed that well)