Skip to content

Commit

Permalink
SH-53 Make some fixes on the English article
Browse files Browse the repository at this point in the history
  • Loading branch information
Murat Kemal BAYGÜN committed Dec 2, 2014
1 parent 2173914 commit 94749ab
Showing 1 changed file with 23 additions and 23 deletions.
46 changes: 23 additions & 23 deletions source/posts/2014-11-14-how-we-created-bulutfon-animation.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,49 +8,49 @@ tags: animation, bulutfon, created, design, business, en

In this article I will try to give a short explanation about creating an animation.

1. step is creating a story
2. step is creating a main character
3. step is creating a storyboard
4. step is creating main character as a marionette, with bones in an animation program
5. step is creating all the objects that we will need in the animation
6. step is making an animation
7. step is making sound effects
8. step is making a background music
1. step is creating a story...
2. step is creating a main character...
3. step is creating a storyboard...
4. step is creating main character as a marionette, with bones in an animation program...
5. step is creating all the objects that we will need in the animation...
6. step is making an animation...
7. step is making sound effects...
8. step is making a background music...
9. step is applying the merging process...



### 1. step is creating a story
### 1. step is creating a story...

This story is telling us about Bulutfon products, explaining all the opportunities that Bulutfon gives to customers, offering very comfortable services, to make business foundation easier.

### 2. step is creating a main character
### 2. step is creating a main character...

After creating the story the next important step is creating a main character. We created this personage with the idea in mind, that we need a young businessman, very sincere, smart, energetic, with the nice smile and kind eyes. We made him very close to the reality, with human proportions.
After creating the story the next important step is creating a main character. We created this personage with the idea in mind, that we need a young businessman, very sincere, smart, energetic, with the nice smile and kind eyes. We made him very close to the reality, with human proportions.

![main character](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-character.jpg)

### 3. step is creating a storyboard
### 3. step is creating a storyboard...

After knowing that the story and with main character ready, we went to the next, very important step, which is creating the storyboard. We made the storyboard not too much detailed. Just put the main idea of each sentence of the story. We made it like a short animated description to every single scene, to make people understand our product and the mission of our product. We put a lot of notes in the margins (arrows, which show us from where to where our character is moving and also a lot of comments for the each scene, to help us to not lose the idea of the scene). The result is:
After knowing that the story and with main character ready, we went to the next, very important step, which is creating the storyboard. We made the storyboard without too much detail, just put the main idea of each sentence of the story. We made it like a short animated description to every single scene, to make people understand our product and the mission of our product. We put a lot of notes in the margins (arrows, which show us from where to where our character is moving and also a lot of comments for the each scene, to help us not to lose the idea of the scene). The result is:

![storyboard](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-storyboard.jpg)

### 4. step is creating main character as a marionette, with bones in an animation program
### 4. step is creating main character as a marionette, with bones in an animation program...

After storyboard is totally ready with all the corrections that were made, we went to the next step, which is creating the main character as a marionette. We created him with bones and all functions, that we will need, to animate him. For example, we drew several types of mouth and eyes, to give him opportunity to speak and blink and change his eyes expression, from normal to surprised or from normal to sad etc. Also as a cartoon’s character he can be squashed and stretched. He can move his legs and hands, his head, his eyebrows, even his tie can be animated.
After storyboard is totally ready with all the corrections that were made, we went to the next step, which is creating the main character as a marionette. We created him with bones and all functions, that we will need, to animate him. For example, we drew several types of mouth and eyes, to give him opportunity to speak and blink and change his eyes' expression, from normal to surprised or from normal to sad etc. Also as a cartoon’s character he can be squashed and stretched. He can move his legs and hands, his head, his eyebrows, even his tie can be animated.

![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-bones.JPG)


### 5. step is creating all the objects that we will need in the animation
### 5. step is creating all the objects that we will need in the animation...

We prepared all the elements, that we will use in our animation. For some elements we also created bones, because we will animate them also. We chose main colors very open, like yellow, green, red, blue, which are mixed with very soft grey.

![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-objects.JPG)

### 6. step is making an animation
The most important step is making animation of characters by manipulating bones. We were trying to make them plastic and comic, very lifeful and adorable. For making animation more realistic we were using rules, that Walt Disney developed.
### 6. step is making an animation...
The most important step is making animation of characters by manipulating bones. We were trying to make them plastic and comic, very lifeful and adorable. For making animation more realistic we were using rules, that Walt Disney developed.
Here is a very short review with the main principles of making animation:

[Main principles of making animation ](http://www.youtube.com/watch?v=l-KtwW6eptM )
Expand All @@ -60,17 +60,17 @@ Every single scene we rendered and saved in a folder as a separate file.

![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-timeline.jpg)

This is what we got as a result:
This is what we got as a result:

![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-story.jpg)

### 7. step is making sound effects
### 7. step is making sound effects...

We were using a lot of sound effects in the animation. It is necessary. It gives accents into a movement, it gives weight to a falling object, it gives weight to walking men etc.

![character with bones](/assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-voice.jpg)

### 8. step is making background music
### 8. step is making background music...

Background music is just like an accompaniment to the animation. The whole mood depends on the background music. The animation rhythm and music rhythm have to work synchronously to make all scene finished. We chose energetic and very funny music according the rhythm of the animation and the nature of the main character. So all together they work great as a system.

Expand All @@ -80,11 +80,11 @@ When we have background music and when we have all the animation files finished

![character with bones](/assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-merge.jpg)

Now after all of the work that have been made, we can see final animation:
Now after all of the work that have been made, we can see final animation:

[How we created Bulutfon animation](http://vimeo.com/102756655)

...and we have shared to Dribbble
...and we have shared to Dribbble


[Bulutfon animation on dribbble](https://dribbble.com/shots/1676198-Bulutfon-Animation)
Expand Down

0 comments on commit 94749ab

Please sign in to comment.