SH-53 Prepare for publish

source/posts/2014-11-14-how-we-created-bulutfon-animation-russian.md → source/posts/2014-12-17-how-we-created-bulutfon-animation-russian.md

@@ -1,6 +1,6 @@
 ---
 title: Как создавалась анимация, посвященная "Bulutfon"
-date: 2014-11-14
+date: 2014-12-17
 author: kamilagareeva1
 tags: animation, bulutfon, created, design, business, ru
 ---
@@ -26,28 +26,28 @@ tags: animation, bulutfon, created, design, business, ru
 
 Моделируя главный персонаж, мы хотели, чтобы он получился жизнерадостным, умным, молодым, предприимчивым бизнесменом с обаятельной улыбкой и добрыми глазами. Кроме того, мы сделали его образ, приближенным к реальности, с человеческими пропорциями.
 
-![main character](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-character.jpg)
+![main character](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/character.jpg)
 
 ### 3 этап – создание комикса…
 
 После того, как история известна и главный персонаж готов, мы перешли к следующему ответственному этапу – созданию комикса. В нём изложена главная идея каждого отдельного предложения компании, краткое анимированное объяснение с целью сделать понятным предназначение того или иного продукта. Наш комикс получился кратким и очень ёмким.
 
 Для упрощения работы мы использовали примечания – небольшие заметки, объясняющие мелкие детали, как, например, настроение персонажа и т.д., стрелки, чтобы видеть движение персонажа внутри отдельного плана. Вот что у нас получилось:
 
-![storyboard](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-storyboard.jpg)
+![storyboard](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/storyboard.jpg)
 
 ### 4 этап – превращение главного персонажа в марионетку при помощи «костей» в специальной анимационной программе…
 
 После того, как работа над комиксом закончена и сделаны все поправки, мы перешли к следующему этапу – превращению нашего персонажа в марионетку. Мы создали ему «скелет», помогающий управлять героем во время анимации. Наш персонаж может разговаривать, моргать и менять выражение глаз, может удивляться, быть грустным и смеяться. Как всякий мультипликационный герой, он очень пластичен и гибок.
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-bones.JPG)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/bones.JPG)
 
 
 ### 5 этап – создание всех объектов, которые будут использованы при анимации…
 
 Мы подготовили все необходимые объекты, которые использовались в ходе анимирования. Для некоторых элементов мы создали «кости», поскольку они также участвуют в анимации. Мы выбрали очень чистые открытые цвета: желтый, зеленый, красный, голубой, теплый серый.
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-objects.JPG)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/objects.JPG)
 
 ### 6 этап – анимирование…
 
@@ -59,7 +59,7 @@ tags: animation, bulutfon, created, design, business, ru
 
 Каждый  план мы рендерили и сохраняли в папку, как отдельный файл.
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-story.jpg)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/story.jpg)
 
 Вот что в результате у нас получилось:
 
@@ -68,7 +68,7 @@ tags: animation, bulutfon, created, design, business, ru
 
 В нашей анимации мы использовали большое количество различных звуков. Использование звуков позволило нам верно расставить акценты, создать ощущение падающих предметов или звуки шагающего человека и т.д.
 
-![character with bones](/assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-voice.jpg)
+![character with bones](/assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/voice.jpg)
 
 ### 8 этап – подборка музыки для фона…
 
@@ -78,15 +78,15 @@ tags: animation, bulutfon, created, design, business, ru
 
 Теперь, когда анимация выполнена и подобрана музыка, нам осталось сделать завершающий этап – объединить все отдельные элементы анимации в один общий файл – видео файл.
 
-![character with bones](/assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-merge.jpg)
+![character with bones](/assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/merge.jpg)
 
 В итоге мы получили великолепный ролик для компании Bulutfon:
 
  [Как создавалась анимация, посвященная "Bulutfon"](http://vimeo.com/102756655)
 
 Вы можете найти нас на Dribbble
 
- [Анимация, посвященная "Bulutfon" на dribbble](https://dribbble.com/shots/1676198-Bulutfon-Animation)
+ [Анимация, посвященная "Bulutfon" на Dribbble](https://dribbble.com/shots/1676198-Bulutfon-Animation)
 
 Благодарим за внимание.
 

source/posts/2014-11-14-how-we-created-bulutfon-animation-spanish.md → source/posts/2014-12-17-how-we-created-bulutfon-animation-spanish.md

@@ -1,6 +1,6 @@
 ---
 title: Cómo creamos la animación para Bulutfon.
-date: 2014-11-14
+date: 2014-12-17
 author: kamilagareeva1
 tags: animation, bulutfon, created, design, business, es
 ---
@@ -26,26 +26,26 @@ Esta historia cuenta sobre los productos de Bulutfon, explicando todas las oport
 
 Despues de crear la historia lo siguiente mas importante es crear un personaje principal. Creamos este personaje con la idea en la mente de un joven hombre de negocios, muy sincero, energético, con una sonrisa simpático y ojos amables. Lo hicimos muy cercano a la realidad, con proporciones humanas.
 
-![main character](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-character.jpg)
+![main character](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/character.jpg)
 
 ### 3. paso es crear un storyboard...
 
 Despues de tener la historia y el personaje principal listos, fuimos al siguiente paso, uno de los más importantes, crear el story board. El storyboard no tenia muchos detalles, solo plasmamos la idea principal de cada frase de la historia. Lo realizamos como un pequeña descripción de la animación para cada escena, para hacer a las personas entender nuestro producto y la misión de nuestro producto, pusimos muchas notas en las márgenes (flechas que mostraban de donde a donde nuestro personaje debía moverse, asi como tambien muchos comentarios que nos ayudaran a no perder una sola idea), el resultado fue:
 
-![storyboard](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-storyboard.jpg)
+![storyboard](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/storyboard.jpg)
 
 ### 4. paso es crear un personaje principal que funcione a través de huesos en el programa de animación...
 
 Despues de que el storyboard esta completamente listo con todas las correcciones necesarias, continuamos al siguiente paso, que es crear los huesos del personaje principal. Lo creamos con puntos con todas las funciones necesarias para animarlo. Por ejemplo, dibujamos varios tipos de bocas y ojos, para darle la oportunidad de hablar, parpadear y cambiar la expresión de sus ojos, de normal a sorprendido o tristes, etc. tambien el caracter puedes estirar y aplastar, mover sus piernas, brazos, cabeza, cejas y la corbata.
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-bones.JPG)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/bones.JPG)
 
 
 ### 5. paso es crear todos los objetos que necesitaremos en la animación...
 
 Preparamos todos los elementos que vamos a usar en nuestra animación. Para algunos objetos creamos también huesos para generar animación en ellos. Escogimos los colores principales muy abiertos como por ejemplo amarillo, verde, rojo, azul mezclado con un gris suave.
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-objects.JPG)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/objects.JPG)
 
 ### 6. paso es realizar la animación...
 
@@ -56,17 +56,17 @@ Aqui un pequeño resumen con los principios básicos para realizar animación di
 
 Cada escena fue renderizada y guardada en carpetas diferentes.
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-timeline.jpg)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/timeline.jpg)
 
 Este es nuestro resultado:
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-story.jpg)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/story.jpg)
 
 ### 7. paso es realizar los efectos de sonido...
 
 Estamos usando muchos efectos de sonido en la animación, es necesario. Brinda acentos en cada movimiento, demuestra peso en los objetos que caen, demuestra peso en el caminar del personaje 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)
+![character with bones](/assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/voice.jpg)
 
 ### 8. paso es realizar la musica de fondo...
 
@@ -76,7 +76,7 @@ La música de fondo es solo para el acompañamiento de la animación. Todo el to
 
 Cuando tenemos la música de fondo y tenemos todos los archivos de la animación completos y los efectos de sonido mezclados, solo necesitamos realizar un último paso, que es el montaje final uniendo todas la piezas en un solo video.
 
-![character with bones](/assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-merge.jpg)
+![character with bones](/assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/merge.jpg)
 
 Ahora despues de todo el trabajo realizado podemos observar nuestro resultado final:
 

source/posts/2014-11-14-how-we-created-bulutfon-animation-turkish.md → source/posts/2014-12-17-how-we-created-bulutfon-animation-turkish.md

@@ -1,6 +1,6 @@
 ---
 title: Bulutfon animasyonunu nasıl hazırladık
-date: 2014-11-14
+date: 2014-12-17
 author: kamilagareeva1
 tags: animasyon, bulutfon, dizayn, iş, tr
 ---
@@ -27,25 +27,25 @@ Bu hikaye bize; Bulutfon ürünlerini anlatıyor; iş kurmayı kolaylaştırmak
 
 Hikayeyi oluşturduktan sonraki önemli adım, bir ana karakter oluşturmaktır. Bu karakteri; aklımızda çok samimi, zeki, enerjik, hoş gülümseyişe ve nazik gözlere sahip genç bir işadamına ihtiyacımız olduğu fikri ile oluşturduk. İnsan ölçülerine uygun olarak gerçeğe çok yakın bir şekilde hazırladık.
 
-![main character](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-character.jpg)
+![main character](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/character.jpg)
 
 ### 3. adım, bir hikaye panosu oluşturulması...
 
 Hikaye ve ana karakter hazır olduktan sonra, bir sonraki çok önemli olan hikaye panosu oluşturma adımına geldik. Hikaye panosunu çok fazla detay olmadan oluşturduk, sadece hikayenin her cümlesindeki ana fikri ekledik. İnsanların ürünümüzü ve ürünümüzün amacını anlamalarını sağlamak için her bir sahneyi kısa animasyonlu açıklama şeklinde hazırladık. Kenar boşluklarına birçok not (karakterimizin nereden nereye hareket ettiğini gösteren oklar ve her bir sahneye, sahnedeki fikri kaybetmemek için bize yardımcı olması amacıyla birçok yorum) ekledik. Sonuç bu:
 
-![storyboard](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-storyboard.jpg)
+![storyboard](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/storyboard.jpg)
 
 ### 4. adım, Ana karakterin bir kukla olarak, iskeletiyle birlikte animasyon programında oluşturulması...
 
 Tüm düzeltmeler yapılıp hikaye panosu tam olarak hazır olduğunda, sonraki adıma, karakterin kuklaya dönüştürülmesine geçtik. İş adamımıza animasyon ekleyebilmek için, onu ihtiyaç duyabileceğimiz iskelet ve tüm fonksiyonlar ile birlikte oluşturduk. Örneğin; konuşması, göz kırpması ve gözlerinin ifadesini normalden şaşırmışa veya normalden mutsuza değiştirebilmesini sağlamak için çok tipte ağız ve göz çizdik. Aynı zamanda çizgi karakter olduğundan ezilebilir ve uzayabilir; ayaklarını ve ellerini, kafasını, kaşlarını oynatabilir; hatta kravatına bile animasyon eklenebilir.
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-bones.JPG)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/bones.JPG)
 
 ### 5. adım, Animasyon için gerekli olan tüm nesnelerin oluşturulması...
 
 Animasyonda kullanacağımız bütün öğeleri oluşturduk. Bazı öğelere animasyon ekleyeceğimizden onlar için de ayrıca iskelet oluşturduk. Ana renkleri; çok yumuşak gri ile karıştırılmış sarı, yeşil, mavi ve kırmızı gibi çok açık renkler olarak seçtik.
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-objects.JPG)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/objects.JPG)
 
 ### 6. adım, bir animasyon oluşturulması...
 
@@ -56,18 +56,18 @@ En önemli adım, iskeleti değiştirerek karakterlerin hareket etmesini sağlam
  Her bir sahneyi işledik ve bir klasör içine ayrı bir dosya olarak kaydettik.
 
 
- ![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-timeline.jpg)
+ ![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/timeline.jpg)
 
 Sonuç olarak aldığımız bu:
 
-![character with bones](../assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-story.jpg)
+![character with bones](../assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/story.jpg)
 
 
 ### 7. adım, ses efektlerinin oluşturulması...
 
 Animasyonda bir çok ses efekti kullandık. Bu çok gerekli. Hareketlerdeki vurguyu öne çıkarır, düşen bir nesneye ağırlık verir, yürüyen bir adama ağırlık verir vs.
 
-![character with bones](/assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-voice.jpg)
+![character with bones](/assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/voice.jpg)
 
 ### 8. adım, arka plan müziğinin oluşturulması...
 
@@ -77,7 +77,7 @@ Arka plan müziği, animasyona refakatçi gibidir. Tüm ruh hali arka plan muzi
 
 Arkaplan müziği elimizde olduğunda, tüm animasyon dosyalarını tamamlanmış olarak hazırladığımızda ve tüm ses efektleri tamamlandığında; yapmamız gereken sadece bir adım kalıyor, tüm dosyaları tek bir video dosyası olarak birleştirmek.
 
-![character with bones](/assets/images/articles/2014-11-14-how-we-created-bulutfon-animation/2014-11-14-how-we-created-bulutfon-animation-merge.jpg)
+![character with bones](/assets/images/articles/2014-12-17-how-we-created-bulutfon-animation/merge.jpg)
 
 Şimdi; tamamlanmış tüm çalışmalardan sonra, final animasyonunu görebiliriz: