tag:blogger.com,1999:blog-27020849187342280322024-03-14T00:17:38.870-07:00Daniel Collazos Animación DigitalBlog dedicado a la Animación. Realizado por Daniel Collazos Bermúdez, profesor del Instituto Touluse Lautrec - Lima PerúDaniel Collazos Bermúdezhttp://www.blogger.com/profile/09664176412716556833noreply@blogger.comBlogger33125tag:blogger.com,1999:blog-2702084918734228032.post-20110230561213225822017-03-31T09:25:00.001-07:002017-03-31T09:25:28.075-07:00Booktrailers animados<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Rfs1QT4V0ss/WN6CzVo0QoI/AAAAAAAAeII/Jduh7BxT8-ozmx7WfeSuNflwVy3df1xVwCLcB/s1600/daniel-collazos-bermudez-necropolis.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="https://3.bp.blogspot.com/-Rfs1QT4V0ss/WN6CzVo0QoI/AAAAAAAAeII/Jduh7BxT8-ozmx7WfeSuNflwVy3df1xVwCLcB/s400/daniel-collazos-bermudez-necropolis.jpg" width="400" /></a></div>
<br />
El hábito de lectura es algo poco común en nuestro país. Un buen diseño de portada no es suficiente para lograr que el consumidor se anime por comprar un libro. Si bien las cosas han variado bastante en los últimos años y los libros ahora se promocionan con portadas y afiches que parecen intentar seducir a los compradores mediante imágenes con un nivel que se acerca a los famosos posters de películas en muchos casos, tampoco parece terminar de convencer a algunos sectores del mercado.<br />
<br />
En el mundo en el que vivimos, debemos recordar que también los libros son productos y que el esfuerzo que realiza el escritor dedicando horas de su vida frente a un ordenador, ese esfuerzo no es suficiente para convencer a alguien de comprar su obra, sobre todo si ni siquiera sabe de la existencia del libro.<br />
<br />
Me imagino que en varias oportunidades has dedicado tiempo frente al monitor viendo los famosos trailers de películas, los cuales te adelantan el contenido del material que podrás disfrutar en el cine. ¿Qué pasaría si este tipo de promoción se hiciera también con los libros? Es así que surgen los "Booktrailers" (Avances de Libros)<br />
<br />
A través del Booktrailer les contamos a las personas a través de imágenes, sonido y música cuál es la atmosfera que encontrará en el libro que publicitamos. La trama no es revelada, pero se cuentan algunos acontecimientos que aparecen en el material editorial. Por supuesto su objetivo es incitar a la lectura, siendo en muchos casos un factor decisivo para que un potencial comprador, adquiera el libro.<br />
<br />
El acabado de los Booktrailers es variado y depende de lo que se quiere comunicar, también depende del presupuesto que se maneja. Existen Booktrailes que son simplemente videos donde pasan diapositivas (al estilo de un power point), otros que recurren a la animación y finalmente los que son grabados tal cual fueran la promoción de una película (con actores y escenografías reales). Todo depende del presupuesto y la creatividad.<br />
<br />
Junto al equipo de Pixel Creativo creí conveniente utilizar esta estrategia de comunicación en la promoción de mi primer libro: "Necrópolis", por lo cual realizamos 3 “Booktrailers” los cuales desarrollamos mediante animación digital. Mi objetivo fue transmitir la atmósfera oscura y de intriga que proponen los cuentos que narro en el libro.<br />
<br />
Espero disfruten de la experiencia que propongo y que me visiten en el blog de esta nueva faceta de mi vida: <a href="http://danielcollazosbermudez.blogspot.com/">danielcollazosbermudez.blogspot.com</a><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/6Ux8pljXxW4" width="560"></iframe><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/m1_I8hN4HD4" width="560"></iframe><br />
<br />
Además les dejo algunas direcciones de interés:<br />
<br />
Web:<br />
<a href="http://danielcollazosbermudez.com/">http://danielcollazosbermudez.com/</a><br />
<br />
Fanpage:<br />
<a href="https://www.facebook.com/danielcollazosbermudez">https://www.facebook.com/danielcollazosbermudez</a>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-14047439862692720762013-11-06T07:08:00.002-08:002013-11-06T07:15:47.378-08:00Animación Marvel<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Z_dBSnVIzgo/UnpdCoB59EI/AAAAAAAAAfw/11PuIulJdLw/s1600/marvel-comics.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Z_dBSnVIzgo/UnpdCoB59EI/AAAAAAAAAfw/11PuIulJdLw/s1600/marvel-comics.jpg" /></a></div>
<br />
<br />
Animación homenaje a Marvel comics por el estudio de animación Balckmeal<br />
<br />
<iframe allowfullscreen="" height="281" mozallowfullscreen="" src="//player.vimeo.com/video/62452169" webkitallowfullscreen="" width="500"></iframe>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-74293099849270228012013-09-12T21:24:00.000-07:002015-03-04T13:02:57.808-08:00Planos y Angulos Cinematogáficos<div id="__ss_12624716" style="width: 425px;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-llusTI07j3Y/VPdy-YFUESI/AAAAAAAALGY/8BOs_7lANW0/s1600/CameraMan.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-llusTI07j3Y/VPdy-YFUESI/AAAAAAAALGY/8BOs_7lANW0/s1600/CameraMan.gif" height="196" width="320" /></a></div>
<strong style="display: block; margin: 12px 0 4px;"><br /></strong><strong style="display: block; margin: 12px 0 4px;">En este SlideShare (Archivo tipo Power Point) podrá revisar los diversos Planos y Ángulos cinematográficos.</strong><strong style="display: block; margin: 12px 0 4px;"><a href="http://www.slideshare.net/danielcollazos/planos-y-angulos-cinematogficos" target="_blank" title="Planos y Angulos Cinematogáficos">Planos y Angulos Cinematogáficos</a></strong> <iframe frameborder="0" height="526" marginheight="0" marginwidth="0" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/12624716" width="623"></iframe> <br />
<div style="padding: 5px 0 12px;">
View more <a href="http://www.slideshare.net/thecroaker/death-by-powerpoint" target="_blank">PowerPoint</a> from <a href="http://www.slideshare.net/danielcollazos" target="_blank">danielcollazos</a> </div>
</div>
Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com1tag:blogger.com,1999:blog-2702084918734228032.post-44806092557505991132013-09-12T21:22:00.000-07:002013-09-13T21:43:25.154-07:00Story Board<span style="font-family: arial;">Los Storyboards son ilustraciones mostradas en secuenc</span><span style="font-family: arial;">ia (como un comic) con el objetivo de servir de guía para entende</span><span style="font-family: arial;">r una historia, previsualizar una animación o seguir la estructura de una película antes de realizarse o filmarse.<br /></span><a href="http://4.bp.blogspot.com/_tGhxI72lCGs/TDinLHFJoWI/AAAAAAAAALQ/aC8Y584Peco/s1600/01.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5492323554899370338" src="http://4.bp.blogspot.com/_tGhxI72lCGs/TDinLHFJoWI/AAAAAAAAALQ/aC8Y584Peco/s200/01.jpg" style="cursor: pointer; float: left; height: 122px; margin: 0pt 10px 10px 0pt; width: 200px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="http://1.bp.blogspot.com/_tGhxI72lCGs/TDinLvxMjKI/AAAAAAAAALY/7xWRKJaN13w/s1600/02.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5492323565821529250" src="http://1.bp.blogspot.com/_tGhxI72lCGs/TDinLvxMjKI/AAAAAAAAALY/7xWRKJaN13w/s200/02.jpg" style="cursor: pointer; float: left; height: 120px; margin: 0pt 10px 10px 0pt; width: 200px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="http://4.bp.blogspot.com/_tGhxI72lCGs/TDinL1dmmOI/AAAAAAAAALg/uRe3dJZUQWs/s1600/03.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5492323567349962978" src="http://4.bp.blogspot.com/_tGhxI72lCGs/TDinL1dmmOI/AAAAAAAAALg/uRe3dJZUQWs/s200/03.jpg" style="cursor: pointer; float: left; height: 121px; margin: 0pt 10px 10px 0pt; width: 200px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-family: arial;">Cada viñeta equivale a una toma y debe mostrar el momento clave de la acción<br />Los storyboards incluyen instrucciones o apuntes necesarios que servirán al equipo de trabajo para que éste se desarrolle dentro de un plan pre establecido.<br />Ángulo de la cámara,<br />Toma a realizar,</span><br />
<span style="font-family: arial;">Acciones de los actores,</span><br />
<span style="font-family: arial;">Distribución de la escenografía,</span><br />
<span style="font-family: arial;">Sonido (Ambiental, Voces, Música de fondo)<br />etc.<br /><br /></span><a href="http://1.bp.blogspot.com/_tGhxI72lCGs/TDinMEgixeI/AAAAAAAAALo/j313539MJTY/s1600/04.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5492323571388827106" src="http://1.bp.blogspot.com/_tGhxI72lCGs/TDinMEgixeI/AAAAAAAAALo/j313539MJTY/s200/04.jpg" style="cursor: pointer; float: left; height: 200px; margin: 0pt 10px 10px 0pt; width: 123px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-family: arial;"><br /><br /><br />El proceso de storyboarding, en la forma que se conoce hoy, fue desarrollado en el estudio de Walt Disney durante principios de los años 1930, después de varios años de procesos similares que fueron empleados en Disney y otros estudios de animación. El Storyboarding se hizo popular en la producción de películas de acción viva durante principios de los años 1940.<br /><br /></span><a href="http://3.bp.blogspot.com/_tGhxI72lCGs/TDinM6qtp-I/AAAAAAAAALw/bFQBnKthEiI/s1600/05.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5492323585926997986" src="http://3.bp.blogspot.com/_tGhxI72lCGs/TDinM6qtp-I/AAAAAAAAALw/bFQBnKthEiI/s200/05.jpg" style="cursor: pointer; float: left; height: 160px; margin: 0pt 10px 10px 0pt; width: 200px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Una idea aproximada al storyboard podría ser esta comparación entre el comic de Sin City y la pelicula<br />
<br />
<object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/mYuF09P4l7g&hl=es&fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/mYuF09P4l7g&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
<br />
<span style="font-weight: bold;">Ejemplo para crear un Story Board</span> (<a href="http://4.bp.blogspot.com/_tGhxI72lCGs/TDioSb7o3iI/AAAAAAAAAL4/1B1Kx7AQzxY/s1600/07.jpg">descargue aqui</a>)<br />
<br />
<br />
<a href="http://4.bp.blogspot.com/_tGhxI72lCGs/TDioSb7o3iI/AAAAAAAAAL4/1B1Kx7AQzxY/s1600/07.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5492324780267331106" src="http://4.bp.blogspot.com/_tGhxI72lCGs/TDioSb7o3iI/AAAAAAAAAL4/1B1Kx7AQzxY/s200/07.jpg" style="cursor: pointer; float: left; height: 300px; margin: 0pt 10px 10px 0pt; width: 424px;" /></a>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-24077126543495098782013-08-13T10:29:00.000-07:002013-08-13T15:30:51.323-07:00¿Qué es Animación?<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-BgpiOW9f8jY/UgqwReaQTII/AAAAAAAAAbM/lpDloT9HWBg/s1600/animacion.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://2.bp.blogspot.com/-BgpiOW9f8jY/UgqwReaQTII/AAAAAAAAAbM/lpDloT9HWBg/s320/animacion.jpg" width="320" /></a></div>
<br />
Animación es la técnica para dar la sensación de movimiento a imagenes, dibujos u objetos.<br />
La palabra animación proviene del Latin: "Anima"<br />
Anima = Alma<br />
Por lo tanto Animar es dotar de Alma a elementos que no la tienen.Daniel Collazos Bermúdezhttp://www.blogger.com/profile/09664176412716556833noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-4531614077073106552013-08-12T12:40:00.000-07:002013-08-13T15:32:49.895-07:00Historia de la Animación<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-XROfds4Lyl4/Ugqxd27oFeI/AAAAAAAAAbk/qIR6rgUvVNs/s1600/melies.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://2.bp.blogspot.com/-XROfds4Lyl4/Ugqxd27oFeI/AAAAAAAAAbk/qIR6rgUvVNs/s320/melies.jpg" width="320" /></a></div>
<span style="color: #006600; font-weight: bold;"><br /></span>
La Linterna Mágica<br />
<span style="color: #006600;">Inventado por Athansius Kircher siglo XVII</span><br />
Es considerado el primer instrumento de la animación y fue creado por Athansius Kircher (Monje Alemán – siglo XVII)<br />
Se utlizaban transparencias pintadas sobre placas de vidrio que se iluminaban con una lámpara de aceite para reflejar imagenes sobre una pared.<br />
Kircher se basa en el principio de la <a href="http://es.wikipedia.org/wiki/C%C3%A1mara_oscura">cámara oscura</a> para crear la Linterna Mágica.<br />
<br />
<br />
<a href="http://www.aloj.us.es/galba/monograficos/OBSCURA/images/Camara/linterna2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://www.aloj.us.es/galba/monograficos/OBSCURA/images/Camara/linterna2.jpg" style="cursor: pointer; float: left; height: 155px; margin: 0pt 10px 10px 0pt; width: 197px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #006600; font-weight: bold;"><br /><br />Taumotrop</span><span style="color: #006600; font-weight: bold;">o</span><br />
Inventado por el inglés John Ayrton Paris en 1824.<br />
También llamado Rotoscopio, es un juguete que reproduce el movimiento mediante dos imágenes.<br />
Fue diseñado para demostrar el principio de "<a href="http://www.elmulticine.com/glosario2.php?orden=130">Persistencia Retiniana</a>" (el ojo humano retiene la imagen que ve, drante el tiempo suficiente para ser sustituida por otra y asi sucesivamente, hasta realizar un movimiento completo)<br />
Consiste en un disco con dos imágenes diferentes en ambos lados y un trozo de cuerda a cada lado del disco. Ambas imágenes se unen estirando la cuerda entre los dedos, haciendo al disco girar y cambiar de cara rápidamente.<br />
El Taumotropo aparece en la pelicula Sleepy Hollow (El jinete sin cabeza) de Tim Burton, apesar de que la cinta esta ambientada en 1799 y el artefacto fue creado en 1824.<br />
<br />
<br />
<a href="http://redescolar.ilce.edu.mx/redescolar/act_permanentes/luces_de_la_ciudad/Memorias/cine/taumatropo.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://redescolar.ilce.edu.mx/redescolar/act_permanentes/luces_de_la_ciudad/Memorias/cine/taumatropo.gif" style="cursor: pointer; float: left; height: 113px; margin: 0pt 10px 10px 0pt; width: 266px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #006600; font-weight: bold;">Fenaquitoscopio</span><br />
<span style="color: #006600;">Inventado por Fí</span><span style="color: #006600;">sico Belga Joshep Plateau en 1832</span><br />
Plateau definió el principio de la persistencia de los estímulos luminosos en la retina.<br />
Este tiempo no es constante, sino que aumenta cuando el ojo está adaptado a la oscuridad; ése es el mecanismo por el cual, a partir de imágenes fijas, percibimos la sensación de movimiento durante la proyección de una película.<br />
En el cine mudo se pasaban 16 imágenes por segundo; las películas actuales se proyectan a 24 imágenes por segundo, e incluso a 25 para adaptarse mejor a la frecuencia de la televisión.<br />
<br />
<a href="http://www.educa.madrid.org/web/ies.sanisidro.madrid/EXPOSICION/images/fenaquitoscopio2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://www.educa.madrid.org/web/ies.sanisidro.madrid/EXPOSICION/images/fenaquitoscopio2.jpg" style="cursor: pointer; float: left; height: 134px; margin: 0pt 10px 10px 0pt; width: 96px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #006600; font-weight: bold;">Zootropo</span><br />
<span style="color: #006600;">Inventado por William George Horner 1834</span><br />
Proviene de las frases griegas zoe (vida) y trope (girar), creada en 1834 por William George Horner, compuesta por un tambor circular con unos cortes, a través de los cuales mira el espectador para que los dibujos dispuestos en tiras sobre el tambor, al girar, aparezcan en movimiento.<br />
Fue un juguete muy popular en la época y uno de los avances hacia la aparición del cine que se crearon en la primera mitad del siglo XIX.<br />
<br />
<a href="http://serdis.dis.ulpgc.es/~ii-dgc/David/Animacion/pics/zootropo.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://serdis.dis.ulpgc.es/%7Eii-dgc/David/Animacion/pics/zootropo.gif" style="cursor: pointer; float: left; height: 175px; margin: 0pt 10px 10px 0pt; width: 167px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<object height="344" width="425"><br /><param name="movie" value="http://www.youtube.com/v/Ez_UJAafRMs&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"><param name="allowFullScreen" value="true"><br /><embed src="http://www.youtube.com/v/Ez_UJAafRMs&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="344" width="425"></embed><br /></object><br />
<br />
<span style="color: #006600; font-weight: bold;">Eadweard Muyb</span><span style="color: #006600; font-weight: bold;">ridge</span><br />
En 1872, Eadweard Muybridge logró proyectar imágenes en movimiento utilizando varias cámaras de fotos y realiza su Caballo en movimiento.<br />
En 1878 La revista Scientific American publicó seis grabados hechos sobre negativos ampliados de fotografías de Muybridge y propone a sus lectores que recorten las ilustraciones y las montaran en un zootropo<br />
<br />
<a href="http://upload.wikimedia.org/wikipedia/commons/9/93/Le-galop-de-daisy.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://upload.wikimedia.org/wikipedia/commons/9/93/Le-galop-de-daisy.jpg" style="cursor: pointer; float: left; height: 144px; margin: 0pt 10px 10px 0pt; width: 190px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #006600; font-weight: bold;">Zoopraxis</span><span style="color: #006600; font-weight: bold;">copio</span><br />
<span style="color: #006600;">Inventado por Eadweard Muybridge en 1879</span><br />
El zoopraxiscopio utilizaba la luz para proyectar imágenes secuenciales de un disco de cristal, produciendo la ilusión de animación. El principio empleado era el mismo que en los inventos primitivos de proyección, como el zoótropo.<br />
<br />
<a href="http://upload.wikimedia.org/wikipedia/commons/d/dd/Muybridge_race_horse_animated.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://upload.wikimedia.org/wikipedia/commons/d/dd/Muybridge_race_horse_animated.gif" style="cursor: pointer; float: left; height: 126px; margin: 0pt 10px 10px 0pt; width: 189px;" /></a><br />
<br />
<br />
<span style="color: #006600; font-weight: bold;"><br /></span>
<br />
<br />
<span style="color: #006600; font-weight: bold;">Cinematógrafo</span><br />
<span style="color: #006600;">Inventado por Los hermanos Lumière 13 de Febrero 1894</span><br />
Los hermanos Lumière (Franceses) Crearon un aparato que servía tanto como cámara o como proyector: el cinematógrafo, que se basaba en la persistencia retiniana de imágenes en el ojo humano.<br />
La primera exibición se hizo el 28 de diciembre de 1895.<br />
<br />
<a href="http://photos1.blogger.com/blogger/2422/231/1600/cine2.2.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://photos1.blogger.com/blogger/2422/231/1600/cine2.2.png" style="cursor: pointer; float: left; height: 144px; margin: 0pt 10px 10px 0pt; width: 108px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/2cUEANKv964&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/2cUEANKv964&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object> <br />
<br />
Si bien los Hermanos Lumiere inventaron el cinematografo Méliès se convirtió en el creador del espectáculo cinematográfico y aporto multiples contribuciones al lenguaje cinematográfico.<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/dxB2x9QzXb0&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/dxB2x9QzXb0&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object> <br />
<br />
<span style="color: #006600; font-size: 130%; font-weight: bold;">Primeras Animaciones</span> <br />
<br />
<span style="color: #006600; font-weight: bold;">Humurous Phases of Funny Faces</span> de J. Stuart Blackton (1906) fue, probablemente, el primer dibujo animado de la historia.<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/wGh6maN4l2I&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/wGh6maN4l2I&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;">Katsudo Shashin ("活動写真“ = "imágenes en movimiento" ) 1907</span><br />
Autor desconocido, es la primera animación japonesa.<br />
Animación de 50 fotogramas (3 segundos de duración = 16fps) <br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/4DMQx0dTqbs&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/4DMQx0dTqbs&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
En 1914 Winsor McCay produce un dibujo animado llamado "<span style="color: #006600; font-weight: bold;">Gertie, The Trained Dinosaur</span>". Fue el primer dibujo interactivo.<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/UY40DHs9vc4&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/UY40DHs9vc4&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;"> Quirino Cristiani (Argentina) 1917</span><br />
Realiza el primer largometraje de animación: El Apostol (Cine mudo)<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/pMIPwDFJ3mg&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/pMIPwDFJ3mg&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<br />
<span style="color: #006600; font-weight: bold;">1917 La compañía Tenkatsu</span> (Tennenshoku Katsudo Shashin ) encarga al dibujante de Manga Oten Shimokawa realizar la primera animación Japonesa: Mukuzo Imokawa y el guardián de la entrada (Imokawa Mukuzo, Genkanban no maki) <br />
<br />
<span style="color: #006600; font-weight: bold;">1923 Fundación de Disney Cartoon Studio.</span><br />
<br />
<span style="color: #006600; font-weight: bold;">1927 Iwerks y Disney crean a Oswald el conejo afortunado </span><br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/NugPPvBcvXY&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/NugPPvBcvXY&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;">1927 primeras emisiones públicas de TV</span><br />
<br />
<span style="color: #006600; font-weight: bold;">1928</span><br />
<span style="color: #006600; font-weight: bold;"> STEAMBOAT WILLIE</span> fue el film con sonido más exitoso de la época convirtiendo a Mickey en una estrella internacional e impulsando a los estudios Disney. <br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/vdyGJ37lLRk&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/vdyGJ37lLRk&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;">1930 Se crearon los estudios de animación Warner Bross</span>, donde aparecieron grandes animadores como:<br />
Tex Avery (Bugs Bunny), Bob Clampett<br />
(Benito y Cecilio) y Chuck Jones<br />
(volviendo a Bugs y Lucas a lo que<br />
concocemos) entre otros.<br />
<br />
<span style="color: #006600; font-weight: bold;">1944 Se crearon los estudios de animación Hanna Barbera </span>Creados por William Hanna y Joseph<br />
Barbera, volviéndose especialistas en animación para televisión. (Los Picapiedras,<br />
Scooby Doo, Los Superamigos)<br />
<br />
<span style="color: #006600; font-weight: bold;">Segunda Guerra Mundial 1939 - 1945</span><br />
Durante la Segunda Guerra Mundial, de realizaron cortos de animación de propaganda entre los que destaca Der Fuehrer’s Face, de 1943, ganó el Premio de la Academia al mejor corto animado.<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/LEjQY22BSvk&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/LEjQY22BSvk&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;">1950 Se crean los primeros comerciales de TV con animación </span><br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/TiADen321YE&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/TiADen321YE&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;">1958 nace la TOEI</span><br />
La mayor productora de cine de animación de Japón. (Mazinger Z, Candy<br />
Candy, Dragon Ball Z, Sailor Moon, Yu-Gi-Oh, Digimon) <br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/687ztvpJg-I&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/687ztvpJg-I&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;">1963 Osamu Tezuka</span><br />
Se empieza a emitir la serie animada de 30 minutos de duración;<br />
Tetsuwan Atomu ( Astroboy ) basada en el manga.<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/UpNb2kDhHSo&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/UpNb2kDhHSo&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;">1982</span><br />
<span style="color: #006600; font-weight: bold;"> Tron - Steven Lisberge</span>r<br />
<br />
<span style="color: #006600; font-weight: bold;">1985 Cuba</span><br />
<span style="color: #006600; font-weight: bold;"> Juan Padrón realiza su largometraje</span><span style="color: #006600; font-weight: bold;"> "Vampiros en la Habana" 1988</span><br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/OF4teIkfwDo&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/OF4teIkfwDo&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="color: #006600; font-weight: bold;">¿Quién engaño a Roger Rabbit? </span><br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/OFCIaMyMORg&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/OFCIaMyMORg&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<div style="color: #006600; font-weight: bold;">
Creación de Pixar en la década de los 80</div>
<br />
<object height="288" width="479"><param name="movie" value="http://www.youtube.com/v/OridnuWe36Q&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/OridnuWe36Q&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="288" width="479"></embed></object>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/09664176412716556833noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-75462935962832431712013-08-11T12:31:00.000-07:002013-08-13T15:32:27.243-07:00El Frame o Fotograma<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-w2xmJFxxdxE/UgqwowcknuI/AAAAAAAAAbU/E7pr9MaC46c/s1600/frame.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://1.bp.blogspot.com/-w2xmJFxxdxE/UgqwowcknuI/AAAAAAAAAbU/E7pr9MaC46c/s320/frame.jpg" width="320" /></a></div>
<br />
Frame, Fotograma o cuadro es una imagen que sucedida por otras imágenes forman una animación.<br />
En animación se trabaja con la medida de tiempo fps (frames por segundo)<br />
Podríamos decir que el frame es la unidad mínima de toda animación.Daniel Collazos Bermúdezhttp://www.blogger.com/profile/09664176412716556833noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-15606016110347679252013-08-10T12:39:00.000-07:002013-08-13T15:33:18.927-07:00Animación Loop - Animación sin Loop<span style="color: black;">Un loop o bucle es una secuencia de frames de una animación, que se reproducen continua e infinitamente</span><br />
<br />
<span style="font-size: 130%;"><span style="font-weight: bold;">Animación Sin Loop</span></span> (Se reproduce solo 1 vez)<br />
<br />
<img height="147" src="http://4.bp.blogspot.com/_dmIfrqZWwH0/TMH77B7gPbI/AAAAAAAAAL4/xNaHkmSrh4A/s1600/sinloop0001.gif" width="180" /><br />
<br />
<span style="font-size: 130%;"><span style="font-weight: bold;">Animación Con Loop</span></span> (Se reproduce indefinidamente)<br />
<br />
<img height="137" src="http://4.bp.blogspot.com/_dmIfrqZWwH0/TMH7fFpgkFI/AAAAAAAAALw/Ojb-i1U2kwE/s1600/loop.gif" width="153" />Daniel Collazos Bermúdezhttp://www.blogger.com/profile/09664176412716556833noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-82526763637340521162013-08-08T12:42:00.000-07:002014-12-12T09:00:28.657-08:00Animación Completa VS Animación Limitada<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-d8P1zfxzlFQ/UgqxEmXPzFI/AAAAAAAAAbc/FCthW7sVxTQ/s1600/pica.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-d8P1zfxzlFQ/UgqxEmXPzFI/AAAAAAAAAbc/FCthW7sVxTQ/s320/pica.jpg" height="253" width="320" /></a></div>
<br />
En el cine existe un estándar de 24 imágenes por segundo. Esa es la tasa a la que graban las cámaras y proyectan los proyectores. Se toma una fotografía de la imagen cada veinticuatroavo de segundo.<br />
<br />
En la animación, sin embargo, las imágenes no se toman sino que se producen individualmente, y por ello no tienen que cumplir necesariamente con el estándar del cine.<br />
<br />
Una película de animación tiene siempre 24 fotogramas por segundo, pero no necesariamente todos esos fotogramas muestran imágenes diferentes: en la animación, las imágenes suelen repetirse en varios fotogramas.<br />
<br />
<span style="font-weight: bold;">Tasas de animación</span><br />
<br />
En unos: cada imagen es diferente, sin repetición. 24 imágenes por segundo, 1 imagen cada fotograma.<br />
<br />
En doses: cada imagen se repite dos veces. 12 imágenes por segundo, 1 imagen cada 2 fotogramas.<br />
<br />
En treses: cada imagen se repite tres veces. 8 imágenes por segundo, 1 imagen cada 3 fotogramas.<br />
<br />
<br />
<object height="385" width="480"><br /> <param name="movie" value="http://www.youtube.com/v/gIn9qu_TIAg&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><br /> <embed src="http://www.youtube.com/v/gIn9qu_TIAg&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed><br /></object><br />
<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/AgMh5pJqY8Y&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/AgMh5pJqY8Y&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object>;Daniel Collazos Bermúdezhttp://www.blogger.com/profile/09664176412716556833noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-73455504042485832332013-08-07T12:44:00.000-07:002014-12-12T09:01:48.207-08:00Tipos de Animación<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-7kjAabZ-GZw/Ugq09NJNqkI/AAAAAAAAAb0/oNge79oz6jA/s1600/animation.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-7kjAabZ-GZw/Ugq09NJNqkI/AAAAAAAAAb0/oNge79oz6jA/s320/animation.jpg" height="253" width="320" /></a></div>
<span style="color: #006600; font-weight: bold;"><br /></span>
<span style="color: #006600; font-weight: bold;">DIBUJOS ANIMADOS</span><br />
llamados también animación tradicional son creados dibujando cuadro por cuadro, al principio se pintaba cada cuadro y luego era filmado. El proceso se acelero en la década de 1910 al aparecer la animación por celdas inventada por Bray y Hurd que consistía en usar laminas trasparentes en las que movían a sus personajes y así no tenían que pintar el fondo una y otra vez<br />
<br />
<br />
<span style="color: #006600; font-weight: bold;">STOP-MOTION</span><br />
Es una técnica de animación que no entra en la categoría de dibujo animado. Consiste en aparentar los movimientos de objetos estáticos capturando fotografías, cuadro por cuadro. Se divide en :<br />
<br />
- Animación de plastilina (material maleable)<br />
<br />
- Animación de objetos rígidos<br />
<br />
<span style="color: #006600; font-weight: bold;">PIXELACIÓN </span><br />
variante del stop-motion en la que los objetos no son ni modelos (muñecos y plastilina) ni maquetas son objetos comunes e incluso personas. Los objetos son fotografiados repetidas veces y desplazados ligeramente entre cada fotografía.<br />
<br />
<span style="color: #006600; font-weight: bold;">ROTOSCOPÍA</span><br />
Consiste en dibujar directamente sobre la referencia, que pueden ser los cuadros de filmación de una persona real. Blancanieves; la protagonista del primer largometraje animado de Disney fue animada de esta forma. Existe cierto grado de controversia sobre si la rotoscopía es una autentica animación y sobre su valor artístico como tal.<br />
<br />
<span style="color: #006600; font-weight: bold;">ANIMACIÓN DE RECORTES(cut out animation) </span><br />
Es la técnica que usa figuras recortadas, ya sea papel o fotografías. Los miembros del cuerpo de los personajes se construyen a base de recortes. Moviendo y reemplazando las partes del cuerpo recortadas se obtienen diversos movimientos o poses dando así vida al personaje<br />
<br />
<br />
<span style="color: #006600; font-weight: bold;">3D</span><br />
Gráficas echas en el ordenador que poseen un tercer lado ,un programa editor que les permite realizar animaciones y simulación de texturas, iluminación, movimiento de cámaras y efectos especiales, una herramienta completa y maravillosa cuando el que la maneja sabe animación.<br />
<br />
<span style="color: #006600; font-weight: bold;">Otras Técnicas</span><br />
Existen muchas técnicas de animación que sólo han sido utilizadas por unos y que son desconocidas para el gran público.<br />
<br />
Entre estas se incluyen: pintura sobre cristal, animación de arena, pantalla de agujas, pintura sobre celuloide, tweennig.Daniel Collazos Bermúdezhttp://www.blogger.com/profile/09664176412716556833noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-91329149304876555332012-11-03T16:11:00.000-07:002015-03-04T12:59:55.496-08:00Viaje a Otra dimensión - Animación Daniel Collazos Bermúdez<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-PFI6fRbEK1o/VPdx-h__05I/AAAAAAAALGQ/7frplxwp6Do/s1600/801a7f23789681.54e50db73a6cd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-PFI6fRbEK1o/VPdx-h__05I/AAAAAAAALGQ/7frplxwp6Do/s1600/801a7f23789681.54e50db73a6cd.jpg" /></a></div>
<br />
Animación creada en homenaje al programa de radio "Viaje a otra dimensión", emitido por Radio Capital y conducido por el Doctor Anthony Choy.<br />
Viaje a otra dimensión es un programa que trata casos de fenómenos paranormales (Ovnis, Fantasmas, etc)<br />
El audio fue extraído de la publicidad radial del mismo programa.<br />
Para el desarrollo de esta pieza audiovisual, se utilizó animación 2d y 3d.<br />
En la propuesta visual se contempló el uso de altos contrastes. Trabajamos la mayor parte de la animación monocroma para transmitir la atmósfera lúgubre de las películas clásicas de terror. La tipografía también fue desarrollada bajo el concepto antes mencionado.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/toVactW76IY" width="420"></iframe>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-67009647801318556882012-09-17T09:15:00.004-07:002014-12-12T09:01:57.128-08:00Kinetic Type o Tipografía Kinetica<span style="color: black; font-weight: bold;">Cinético, ca:</span><span style="color: black;"> (Del gr. κινητικός, que mueve).1. adj. Fís. Perteneciente o relativo al movimiento. 2. f. Fís. cinemática. 3. f. Estudio de la velocidad a la que se producen ciertos procesos; p. ej., las reacciones químicas o enzimáticas.</span><br />
<br />
<br />
<a href="http://kenzinser.com/wp-content/uploads/2010/08/site-image-storyboard.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://kenzinser.com/wp-content/uploads/2010/08/site-image-storyboard.jpg" style="cursor: pointer; float: left; height: 367px; margin: 0pt 10px 10px 0pt; width: 650px;" /></a><br />
<br />
<br />
<br />
<span style="color: black;">Capacidad que tiene la tipografía para expresar emociones, movimientos, acciones, solamente con el uso de la tipografía misma para animar las palabras y así convertirlas en objetos expresivos eliminando la mera función lectora , dejamos de leer palabras como amor o correr para ver correr las palabras.</span><br />
<br />
<br />
<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/5hbf5_kuJmI&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/5hbf5_kuJmI&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<br />
<br />
<span style="color: black;">Forma parte de este Boom tipográfico que se ha venido dando en el medio, cuando los recursos se agotan, nos damos cuenta que la tipografía siempre ha estado allí y hoy estamos aprovechando como nunca sus múltiples posibilidades expresivas.</span><br />
<br />
<span style="color: black;">Uno de los primeros usos de la Tipografía Kinética, podríamos decir que fue en la decada de 1960 en la pelicula de Hitchcok: North by Northwest. Ver enlace al video<span style="color: #cc0000; font-weight: bold;"> </span></span><a href="http://www.youtube.com/watch?v=jIlqatMQSgI&feature=&p=F3DD7FFDECEF5116&index=0&playnext=1" style="color: #cc0000; font-weight: bold;">aquí.</a><span style="color: black;"> (Animación a cargo de Saul Bass)</span><br />
<br />
<br />
<span style="color: #660000; font-size: 130%; font-weight: bold;">Para el buen uso de este recurso visual</span><br />
<br />
Tener claras ciertas características geométricas y estéticas del tipo de letra con el cual estemos trabajando.<br />
El sonido y el ambiente deben ser desde luego particulares a el mensaje que queremos transmitir.<br />
Algunas tipografías permiten crear sensaciones de mayor o menos estabilidad, sus formas cuadradas y geométricas ayudan al diseñador a encajarlas unas con otras<span style="font-weight: bold;">.<br /><br /><br /><br /><br /><span style="color: #660000; font-size: 130%;">Variables y Recursos Estilísticos</span></span><br />
<br />
<span style="color: #cc0000; font-weight: bold;">Escalado:</span><br />
<span style="color: black;">El escalado o manejo de tamaños es en suma uno de los recursos más utilizados en el medio, con este recursos damos mayor importancia y hacemos énfasis en palabras clave dentro del diseño y en este caso en las palabras de la canción o el diálogo. Las escalas hacen pues que toda la pieza tenga mayor interés visual que un texto plano que no comunica emociones.</span><br />
<br />
<a href="http://1.bp.blogspot.com/_dmIfrqZWwH0/TBLERO7s3DI/AAAAAAAAAG0/ztxppQklGk0/s1600/escalado.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://1.bp.blogspot.com/_dmIfrqZWwH0/TBLERO7s3DI/AAAAAAAAAG0/ztxppQklGk0/s400/escalado.jpg" id="BLOGGER_PHOTO_ID_5481659496808635442" style="cursor: pointer; float: left; height: 232px; margin: 0pt 10px 10px 0pt; width: 294px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #990000; font-weight: bold;">Corte de signo: </span><br />
<span style="color: black;">Se refiere a el corte de los caracteres tipográficos en cualquiera de sus partes sin que estos pierdan la legibilidad, cuando queremos hacer que un texto sin estar completo aún conserve su significado.</span><br />
<span style="color: black;">Este recursos proviene del diseño Grunge, cuyos maestros Neville Brody y David Carson con sus revistas Fuse y Ray Gun respectivamente, marcaron una pauta en la experimentación tipográfica.</span><br />
<span style="color: black;">En la tipografía Cinética, las palabras se convierten en imágenes activas, en movimiento, en acciones!!</span><br />
<br />
<br />
<a href="http://2.bp.blogspot.com/_dmIfrqZWwH0/TBLEqmCDpLI/AAAAAAAAAG8/KlnI82WZmZA/s1600/corte-de-signo.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://2.bp.blogspot.com/_dmIfrqZWwH0/TBLEqmCDpLI/AAAAAAAAAG8/KlnI82WZmZA/s400/corte-de-signo.jpg" id="BLOGGER_PHOTO_ID_5481659932506039474" style="cursor: pointer; float: left; height: 156px; margin: 0pt 10px 10px 0pt; width: 71px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #990000; font-weight: bold;">Interletrado: </span><br />
<span style="color: black;">Es la distancia existente entre las letras, a menor distancia mayor es el ajuste entre las mismas, quedan por así decirlo, mas juntas unas de otras.</span><br />
<br />
<br />
<a href="http://1.bp.blogspot.com/_dmIfrqZWwH0/TBLFG4yRnYI/AAAAAAAAAHE/xu-CN67ztuU/s1600/interletrado.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://1.bp.blogspot.com/_dmIfrqZWwH0/TBLFG4yRnYI/AAAAAAAAAHE/xu-CN67ztuU/s400/interletrado.jpg" id="BLOGGER_PHOTO_ID_5481660418576457090" style="cursor: pointer; float: left; height: 246px; margin: 0pt 10px 10px 0pt; width: 297px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #990000; font-size: 100%; font-weight: bold;">Interlineado:</span><br />
<span style="color: black;">Es la distancia existente entre los renglones, hay que tener cuidado con este recurso lo mismo que con el tamaño de la tipografía ya que tipos muy pequeños en video pueden no ser legibles.</span><br />
<br />
<a href="http://3.bp.blogspot.com/_dmIfrqZWwH0/TBLFfNv2drI/AAAAAAAAAHM/TEDQMdijR6E/s1600/interlineado.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://3.bp.blogspot.com/_dmIfrqZWwH0/TBLFfNv2drI/AAAAAAAAAHM/TEDQMdijR6E/s400/interlineado.jpg" id="BLOGGER_PHOTO_ID_5481660836520294066" style="cursor: pointer; float: left; height: 88px; margin: 0pt 10px 10px 0pt; width: 400px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #990000; font-size: 130%; font-weight: bold;">NOTA:</span><br />
<span style="color: black;">En diseño cualquier cosa es susceptible de ser mejorada, modificada o transgredida, desde que visualmentemente cumpla su objetivo comunicativo.</span><br />
<br />
<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/QGLSUici9hM&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/QGLSUici9hM&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/C6DW3peMza4?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/C6DW3peMza4?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com1tag:blogger.com,1999:blog-2702084918734228032.post-61252366139020323972012-09-17T09:15:00.003-07:002013-08-13T14:48:04.797-07:00H5 - Animación Tipografía y Publicidad<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-mpVTIN1__SQ/UgqpjDcMyoI/AAAAAAAAAZI/9HzB2rvkrXQ/s1600/h5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://2.bp.blogspot.com/-mpVTIN1__SQ/UgqpjDcMyoI/AAAAAAAAAZI/9HzB2rvkrXQ/s320/h5.jpg" width="320" /></a></div>
<br />
<span style="color: black;">The Child del DJ francés Alex Gopher es un impresionante video de animación tipográfica, desarrollado por la empresa francesa de gráfica y animación </span><a href="http://www.h5.fr/" style="color: #990000;">H5</a><span style="color: black;"> bajo la dirección de Antoine Bardou Jacquet en el año 1999.</span><br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/wgHOGqmRVR8?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/wgHOGqmRVR8?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<br />
<span style="color: black;">La empresa H5 trabaja continuamente con directores invitados y en el año 2009 presentan otra de sus animaciones más importantes conocida con el nombre de Logorama, el cual ganó el Kodak Prix de Cannes y el Oscar por mejor corto animado. Corto que también muestro a continuación.</span><br />
<br />
<br />
<object height="384" width="480"><param name="movie" value="http://www.youtube.com/v/1T74l2lSWKc?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/1T74l2lSWKc?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="384" width="480"></embed></object><br />
<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/-u9bvuuPcFk?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/-u9bvuuPcFk?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-35311477756977436882012-09-17T09:15:00.002-07:002013-08-13T14:49:43.709-07:00Michel Gagné<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-h401ddmrCgQ/Ugqp77B-j1I/AAAAAAAAAZQ/U6enENClVbo/s1600/gagne.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://4.bp.blogspot.com/-h401ddmrCgQ/Ugqp77B-j1I/AAAAAAAAAZQ/U6enENClVbo/s320/gagne.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="color: black;">Michel Gagné estudio animación clásica en el Sheridan College y trabajo en Sullivan Bluth Studios por 6 años, trabajando en films como "Un cuento Americano" y "Todos los perros van al cielo", entre otros. ientras trabajaba en Bluth Studios, Gagné trabajo en su propio corto animado llamado "Prelude to Eden" que fue nominado a un Annie Award en 1996.</span><br />
<br />
<span style="color: black;">Despues de su experiencia en Bluth Studios trabajó en los estudios Warner Bross, donde trabajo en producciones como "Iron Giant" y "Osmosis Jones". Recientemente trabajé en los efectos especiales de "Clone Wars" de Cartoon Network y ocacionalmente en Disney y Pixar.</span><br />
<br />
<br />
<br />
<span style="color: black;">A continuación el extraordinario corto más reciente en el que Michael Gagné une sonido con animación abstracta</span><br />
<br />
<object height="386" width="478"><param name="movie" value="http://www.youtube.com/v/UVWKtXDvr04?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/UVWKtXDvr04?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="386" width="478"></embed></object><br />
<br />
<span style="color: black;">Prelude To Eden</span><br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/7kL3MlyVDoI?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/7kL3MlyVDoI?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
El sitio de Michel Gagné:<br />
<a href="http://www.gagneint.com/">http://www.gagneint.com/</a>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-28429888238133962762012-09-17T09:15:00.001-07:002014-12-12T09:02:52.678-08:00Motion Graphics<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-7qdFfB2ICzQ/UgqrH5KoxBI/AAAAAAAAAZs/gpHwNovPo1s/s1600/otion.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-7qdFfB2ICzQ/UgqrH5KoxBI/AAAAAAAAAZs/gpHwNovPo1s/s320/otion.jpg" height="253" width="320" /></a></div>
<br />
<object height="281" width="350"><param name="movie" value="http://www.youtube.com/v/2YY3f-4yH7Q&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/2YY3f-4yH7Q&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="281" width="350"></embed></object><br />
<br />
Consiste en el uso e interacción de elementos gráficos (vectoriales, imágenes, tipografías, etc.) con video, animación y sonido, creando así sensación de movimiento.<br />
<br />
Una rama de los Motion Graphics es la TipografÍa Kinetica o Cinetica.<br />
(Kinetic Type)<br />
<br />
<br />
<span style="font-size: 130%; font-weight: bold;">¿Qué es Kinetic Type?</span><br />
Arte y Técnica de expresar con animación de texto emociones o ideas particulares.<br />
<br />
<object height="281" width="350"><param name="movie" value="http://www.youtube.com/v/QOrcmdOI6uA&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/QOrcmdOI6uA&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="281" width="350"></embed></object><br />
<br />
Utiliza a la tipografía para expresar acciones, movimientos, texturas o emociones, animando y dotando de expresividad a las palabras, estas funciones dejan de ser meramente lectoras para integrarse en el movimiento.<br />
<a href="http://danielcollazosanimacion.blogspot.com/2010/06/kinetic-type-o-tipografia-kinetica.html" style="color: red; font-weight: bold;">Ver más aquí</a><br />
<br />
<br />
<span style="font-size: 130%; font-weight: bold;">Origen</span><span style="font-size: 130%; font-weight: bold;">es</span><br />
<br />
<a href="http://www.icono14.net/revista/num6/articulos/articulo%20roberto/imagenes%20creditos/saul_bass_trabajos.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://www.icono14.net/revista/num6/articulos/articulo%20roberto/imagenes%20creditos/saul_bass_trabajos.jpg" style="cursor: pointer; float: left; height: 108px; margin: 0pt 10px 10px 0pt; width: 110px;" /></a>Se considera a Saul Bass como uno de los pioneros del diseño gráfico animado<br />
<br />
Saul Bass, diseñador, llega a Hollywood a mediados de 1940 para incorporarse al departamento de publicidad de la Warner Bross. Allí trabajo en el diseño de los carteles publicitarios de algunas de las producciones del estudio.<br />
<br />
<br />
<br />
<br />
<a href="http://agenteuve.files.wordpress.com/2008/12/viento.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://agenteuve.files.wordpress.com/2008/12/viento.jpg" style="cursor: pointer; float: left; height: 156px; margin: 0pt 10px 10px 0pt; width: 111px;" /></a>Normalmente los carteles se diseñaban utilizando el gancho que los actores principales tenían sobre los espectadores, lo normal era utilizar retratos de las estrellas con el fondo estático de algún decorado natural o artificial que apareciese en la película y el resultado final podía ser un elaborado trabajo que no hacía referencia a la historia en cuestión.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left;">
Bass<a href="http://tallerochoa.uchilefau.cl/wp-content/uploads/2009/05/saul-bass-vertigo-movie-poster1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://tallerochoa.uchilefau.cl/wp-content/uploads/2009/05/saul-bass-vertigo-movie-poster1.jpg" style="cursor: pointer; float: left; height: 153px; margin: 0pt 10px 10px 0pt; width: 109px;" /></a> comenzó utilizando estilizados gráficos abstractos ricos en contenido simbólico que de un golpe visual consiguen impactar al espectador y llamarle la atención sobre la película anunciada. Cada uno de sus carteles se convierte en una meditada obra de arte moderno.</div>
<br />
En 1954, siendo director de empresa de publicidad<br />
"Saul Bass & Associates", recibe el encargo de Otto Preminger (Director de Cine) de realizar los fondos de los títulos de créditos para el musical "Carmen Jones". Fue la primera vez que colaboró con Preminger y la primera que se hizo cargo de las acreditaciones en su totalidad.<br />
<br />
La relación de Bass con el cine se prolongo durante varias décadas y en más de cuarenta películas, realizando los títulos de créditos u openings de películas tales como:<br />
<br />
• Vértigo de Alfred Hitchcock (1958)<br />
• Anatomía de un Asesinato de Otto Preminger (1959)<br />
• Psicosis de Alfred Hitchcock (1959)<br />
• Ocean's Eleven de Lewis Milestone (1959)<br />
• GoodFellas de Martin Scorsese (1990)<br />
<br />
<object height="281" width="350"><param name="movie" value="http://www.youtube.com/v/eGnpJ_KdqZE?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/eGnpJ_KdqZE?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="281" width="350"></embed></object><br />
<br />
<object height="281" width="350"><param name="movie" value="http://www.youtube.com/v/Ignl1WwvyiU?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/Ignl1WwvyiU?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="281" width="350"></embed></object><br />
<br />
<span style="font-size: 130%; font-weight: bold;"><br />Motion Graphics HOY</span><br />
<br />
Su popularidad ha ido creciendo en los últimos años. Primero de la mano de las televisioras, que empezaron a apostar por este tipo de creaciones para sus cortinillas o Bumpers, consiguiendo así una estética impactante e innovadora. Y después se ha ido extendiendo a otros campos, como la publicidad o la comunicación de las empresas.<br />
<br />
<object height="201" width="250"><param name="movie" value="http://www.youtube.com/v/RThjHLJ9XY8&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/RThjHLJ9XY8&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="201" width="250"></embed></object><br />
<br />
<br />
<object height="201" width="250"><param name="movie" value="http://www.youtube.com/v/FcPI47Xrij0&hl=es_ES&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/FcPI47Xrij0&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="201" width="250"></embed></object><br />
<br />
<span style="font-size: 130%;"><br /></span><span style="font-size: 130%; font-weight: bold;">Motion Graphics en Series de TV</span><br />
<br />
<br />
<object height="281" width="350"><param name="movie" value="http://www.youtube.com/v/V7qwEl-_hVs?fs=1&hl=es_ES"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/V7qwEl-_hVs?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="281" width="350"></embed></object>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-31156053611166636932012-05-22T20:52:00.000-07:002014-12-12T09:02:27.557-08:00Efectos de Sonido<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-04rHjcLymAk/UgqqxhN-MRI/AAAAAAAAAZk/rSJf0TFL8g4/s1600/sound.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-04rHjcLymAk/UgqqxhN-MRI/AAAAAAAAAZk/rSJf0TFL8g4/s320/sound.jpg" height="253" width="320" /></a></div>
<br />
A continuación una lista de links donde podrá descargar efectos de sonido para sus animaciones:<br />
<br />
<a href="http://www.sounddogs.com/showmessage.asp?Code=NSC">http://www.sounddogs.com/showmessage.asp?Code=NSC</a><br />
<br />
<a href="http://www.prankcallsunlimited.com/freesound3.htm">http://www.prankcallsunlimited.com/freesound3.htm</a><br />
<br />
<a href="http://www.pacdv.com/sounds/index.html">http://www.pacdv.com/sounds/index.html</a><br />
<br />
<a href="http://www.prankcallsunlimited.com/freesoundeffects.htm">http://www.prankcallsunlimited.com/freesoundeffects.htm</a><br />
<br />
<a href="http://www.soundjay.com/">http://www.soundjay.com/</a><br />
<br />
<a href="http://www.mediacollege.com/downloads/sound-effects/">http://www.mediacollege.com/downloads/sound-effects/</a>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com1tag:blogger.com,1999:blog-2702084918734228032.post-47390004888916669512012-05-07T08:00:00.002-07:002014-12-12T09:02:34.176-08:00Motion Graphics Memorables<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-jmkjNuerHOg/UgqsvlP26lI/AAAAAAAAAaI/GsiI9OdltLs/s1600/motion.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-jmkjNuerHOg/UgqsvlP26lI/AAAAAAAAAaI/GsiI9OdltLs/s320/motion.jpg" height="253" width="320" /></a></div>
<br />
<span style="font-size: 130%;"><span style="font-weight: bold;">End Titles 300</span></span><br />
<br />
Creative Director: Garson Yu<br />
Executive Producer: Claire O’Brien<br />
Lead Designer/Art Director: Yolanda Santosa<br />
Animator/Designer: Kamal Hatami, Nate Homan<br />
Producer: Reno Robertson<br />
Design & Animation: yU+Co.<br />
<br />
<br />
<a href="http://www.artofthetitle.com/2008/03/17/300/"><img alt="" border="0" src="http://media.artofthetitle.com/film/2006/300/300_end_titles_contact.jpg" style="cursor: pointer; float: left; height: 171px; margin: 0pt 10px 10px 0pt; width: 406px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Haga Click sobre la imagen para vel el video<br />
<br />
<br />
<br />
<br />
<span style="font-size: 130%;"><span style="font-weight: bold;">American Splendor Opening Titles</span></span><br />
<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/x5o-je2oViA?fs=1&hl=es_ES">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/x5o-je2oViA?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<span style="font-size: 130%;"><span style="font-weight: bold;"><br /><br />Hostage opening Titles</span></span><br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/Js4Qe6u0q_o?fs=1&hl=es_ES">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/Js4Qe6u0q_o?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-92095755602312939842012-05-07T08:00:00.001-07:002014-12-12T09:02:45.752-08:00Artistas del Motion Graphics<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ArgY0WcxLdo/UgqsO8GUoMI/AAAAAAAAAaA/6qbKkk13VD8/s1600/kyle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ArgY0WcxLdo/UgqsO8GUoMI/AAAAAAAAAaA/6qbKkk13VD8/s320/kyle.jpg" height="253" width="320" /></a></div>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Kyle_Cooper" title="Kyle Cooper">Kyle Cooper</a></li>
<li><a href="http://en.wikipedia.org/wiki/Len_Lye" title="Len Lye">Len Lye</a></li>
<li><a href="http://en.wikipedia.org/wiki/Maurice_Binder" title="Maurice Binder">Maurice Binder</a></li>
<li><a href="http://en.wikipedia.org/wiki/Norman_McLaren" title="Norman McLaren">Norman McLaren</a></li>
<li><a href="http://en.wikipedia.org/wiki/Oskar_Fischinger" title="Oskar Fischinger">Oskar Fischinger</a></li>
<li><a href="http://en.wikipedia.org/wiki/Pablo_Ferro" title="Pablo Ferro">Pablo Ferro</a></li>
<li><a href="http://en.wikipedia.org/wiki/Saul_Bass" title="Saul Bass">Saul Bass</a></li>
<li><a href="http://en.wikipedia.org/wiki/Stan_Brakhage" title="Stan Brakhage">Stan Brakhage</a></li>
<li><a class="new" href="http://en.wikipedia.org/w/index.php?title=Roberto_Underbob_Marsella&action=edit&redlink=1" title="Roberto Underbob Marsella (page does not exist)">Roberto Underbob Marsella</a></li>
</ul>
Mas informacion...pronto...Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-91592176589820398732012-05-07T08:00:00.000-07:002013-08-13T14:56:35.471-07:00La Historia de PIXAR<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-4NdsUGkPp7A/UgqrjiqNLWI/AAAAAAAAAZ0/W5dUj7Jt7sY/s1600/luxo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://3.bp.blogspot.com/-4NdsUGkPp7A/UgqrjiqNLWI/AAAAAAAAAZ0/W5dUj7Jt7sY/s320/luxo.jpg" width="320" /></a></div>
<br />
En este documental de <a href="http://www.leslieiwerks.com/" target="_blank">Leslie Iwerks</a> conocerás como un trio de visionarios: <a href="http://es.wikipedia.org/wiki/John_Lasseter">John Lasseter</a> (Animador), <a href="http://es.wikipedia.org/wiki/Edwin_Catmull">Ed. Catmull</a> (cientifico de la computación) y<a href="http://es.wikipedia.org/wiki/Steve_Jobs"> Steve Jobs</a> (Presidente de Apple) combinaron arte y ciencia para crear a mediados de la decada de 1980 la empresa de animación 3D más importante del cine.<br />
Durante el documental podrás ver la importancia del trabajo en lápiz y papel para lograr una animación 3D creible y todos los procesos de pre producción de una cinta animada.<br />
<br />
<object height="348" width="612"><param name="movie" value="http://www.megavideo.com/v/YFSUTVCE6feb0d97970c87244aeec373fcbf162c">
<param name="allowFullScreen" value="true">
<embed src="http://www.megavideo.com/v/YFSUTVCE6feb0d97970c87244aeec373fcbf162c" type="application/x-shockwave-flash" allowfullscreen="true" height="348" width="612"></embed></object>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/09664176412716556833noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-56285172208875367532012-05-07T07:59:00.005-07:002013-08-13T15:03:26.068-07:00Alois Nebel – Teaser<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-c0BjZ6dmc9k/UgqtKcOcu4I/AAAAAAAAAaQ/Hmf8OM2Y6WA/s1600/alois.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://3.bp.blogspot.com/-c0BjZ6dmc9k/UgqtKcOcu4I/AAAAAAAAAaQ/Hmf8OM2Y6WA/s320/alois.jpg" width="320" /></a></div>
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="294" src="http://player.vimeo.com/video/25155505?title=0&byline=0&portrait=0&color=ffffff" webkitallowfullscreen="" width="522"></iframe>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-17590032113304089132012-05-07T07:59:00.004-07:002012-05-28T08:01:59.707-07:00Eva de la Argentina - Película animada - Trailer 2011La vida de Evita y Peron. Guion de María Seoane Dibujos de Solano Lopez (El Eternauta). <a class="yt-uix-redirect-link" dir="ltr" href="http://www.ciudadevitavive.com.ar/" rel="nofollow" target="_blank" title="http://www.ciudadevitavive.com.ar">http://www.ciudadevitavive.com.ar</a> El lugar del vecino<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/RcxnE10rhDE" width="560"></iframe>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-22228622588703947322012-05-07T07:59:00.003-07:002012-05-28T08:01:53.243-07:00Teaser de Pelicula ArrugasARRUGAS es un largometraje de animación 2D para un público adulto basado en el aclamado cómic del mismo título de Paco Roca (Premio Nacional de Cómic 2008). Arrugas narra la amistad entre Emilio y Miguel, dos ancianos recluidos en un geriátrico. Emilio, que acaba de llegar a la residencia en un estado inicial de Alzheimer será ayudado por Miguel y otros compañeros para no acabar en la planta superior de la residencia, el temido piso de los asistidos que es como llaman allí a los desahuciados. Su alocado plan tiñe de comedia y ternura el tedioso día a día de la residencia porque aunque para muchos sus vidas habían acabado, ellos acababan de empezar una nueva.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/FwlXFKGQGXI" width="560"></iframe>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-52205195421552452972012-05-07T07:59:00.002-07:002013-08-13T15:04:44.599-07:00Animate al terror<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-sPlLYRQMtw0/UgqtdxAY6ZI/AAAAAAAAAaY/B-zCP7tazcs/s1600/fears.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://3.bp.blogspot.com/-sPlLYRQMtw0/UgqtdxAY6ZI/AAAAAAAAAaY/B-zCP7tazcs/s320/fears.jpg" width="320" /></a></div>
<br />
<br />
<a href="http://livingincinema.com/wp-content/uploads/2008/06/fears-of-the-dark-001-450.jpg"><img alt="" border="0" src="http://livingincinema.com/wp-content/uploads/2008/06/fears-of-the-dark-001-450.jpg" style="cursor: pointer; float: left; height: 209px; margin: 0pt 10px 10px 0pt; width: 450px;" /></a>Fears of the Dark: <a href="http://www.primalinea.com/pdn/images/index.html">http://www.primalinea.com/pdn/images/index.html</a>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-80713313000100115662012-05-07T07:59:00.001-07:002012-05-28T08:01:33.684-07:00Boogie el aceitoso<a href="http://1.bp.blogspot.com/_-mJUIT5zwSc/Sjb-WCH0RKI/AAAAAAAACd4/pIlNGrz_1Ks/s400/Boogie.jpg"><img alt="" border="0" src="http://1.bp.blogspot.com/_-mJUIT5zwSc/Sjb-WCH0RKI/AAAAAAAACd4/pIlNGrz_1Ks/s400/Boogie.jpg" style="cursor: pointer; float: left; height: 300px; margin: 0pt 10px 10px 0pt; width: 400px;" /></a>Boogie el Aceitoso es una pelicula animada basada en el comic del argenitino Roberto Fontanarrosa, donde la violencia no tiene límites.<br />
<br />
La propuesta animada fue realizada por Illusion Studios y tambien cuenta con una versión en la nueva tecnilogía de 3D.<br />
<br />
Para conocer más de esta producción, llena de violencia y humor negro (bastante oscuro por cierto), ingrese a: <a href="http://www.boogielapelicula.com/esp/index_esp.html">http://www.boogielapelicula.com/esp/index_esp.html</a>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0tag:blogger.com,1999:blog-2702084918734228032.post-14890913312229834352012-04-25T13:25:00.000-07:002015-02-17T12:33:26.124-08:00Tutorial para crear Tipografía Cinética<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-yMwF5WVopJ4/Ugquy4XLVGI/AAAAAAAAAa0/Wuvupyu1DAQ/s1600/kinetic.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="http://1.bp.blogspot.com/-yMwF5WVopJ4/Ugquy4XLVGI/AAAAAAAAAa0/Wuvupyu1DAQ/s320/kinetic.jpg" width="320" /></a></div>
<br />
<span style="font-size: 130%;"><span style="color: #990000; font-size: 100%;"><span style="color: black;">A continuación algunos pasos báscios de utilidad para generar una animación con tipografía Kinética.</span></span><span style="color: #990000; font-weight: bold;">Paso 1 : Crear el Layout</span></span><br />
<br />
<span style="color: black;">Toda animación debe comenzar con una hoja de papel en blanco. Planea todos los movimientos y formas complejas que estarán en la animación. Para que puedas manipular mejor los elementos procura que todos ellos sean vectores.</span><br />
<br />
<span style="color: black;">La hoja de papel digital que vas a crear debe tener la medida que tendrá tu escenario (por ejemplo: 1024 x 768 pixels) y debe estar trabajada en color RGB (Colores de monitor)</span><br />
<br />
<span style="color: black;">Usando la herramienta de texto empieza a colocar el texto.</span><br />
<br />
<span style="color: black;">Para conseguir mejores resultados separa cada texto en diferentes layers.</span><br />
<br />
<span style="color: black;">Tip Avanzado: Si tu audio contiene más de una persona hablando, es una buena idea que asignes una tipografía diferente para cada personaje. Esto le indica al usuario que hay más de una persona hablando y que se trata de una conversación.</span><br />
<br />
<br />
<br />
<a href="http://www.crookedgremlins.com/wp-content/uploads/2008/09/lainout.png"><img alt="" border="0" src="http://www.crookedgremlins.com/wp-content/uploads/2008/09/lainout.png" style="cursor: pointer; float: left; height: 199px; margin: 0pt 10px 10px 0pt; width: 500px;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #660000; font-size: 130%;"><span style="font-weight: bold;">Paso 2: Moviendo las palabras a sus propios layers.</span></span><br />
<br />
<span style="color: black;">Desde que vamos a animar todas las palabras individualmente, ella deben estar en distintos layers. No tengas miedo de esto, el resultado valdrá la pena.</span><br />
<br />
<span style="color: black;">Con todas las letras en distintos layers, acomódalas girándolas, agrandándolas, cambiándolas de color, etc, deacuerdo a lo que estas planeando hacer con la animación.</span><br />
<br />
<span style="color: black;">Algunos ejemplos de movimientos interesantes, deacuerdo al significado de las palabras:</span><br />
<a href="http://johnnylee.net/kt/video/early_demos_final.mov"><br />http://johnnylee.net/kt/video/early_demos_final.mov</a><br />
<br />
<a href="http://johnnylee.net/kt/video/tech_demos_final.mov">http://johnnylee.net/kt/video/tech_demos_final.mov</a><br />
<br />
<a href="http://johnnylee.net/kt/video/hopin4_final.mov">http://johnnylee.net/kt/video/hopin4_final.mov</a><br />
<br />
<a href="http://johnnylee.net/kt/video/lol-full-7.mov">http://johnnylee.net/kt/video/lol-full-7.mov</a><br />
<br />
<br />
<span style="color: #990000; font-size: 130%;"><span style="font-weight: bold;">Paso 3: Animando y sincronizando audio</span></span><br />
<br />
<span style="color: black;">La característica fundamental de la animación de tipografía kinetica es que la tipografía se sincroniza perfectamente con el audio que esta oyéndose. Algo sucede ( la tipografía se centra, se agranda, etc) con una palabra especifica al mismo tiempo que se escucha algún sonido. Así tendrás una sincronización interesante con el audio y un evento que sucede en el audio.</span><br />
<br />
<span style="color: black;">Tip: La animación es más interesante aun si consigues un fondo texturado o con degrades.</span><br />
<br />
<br />
<span style="color: black;">Ejemplos de tipografía kinetica:</span><br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/sdRnBcBfuRs?fs=1&hl=es_ES">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/sdRnBcBfuRs?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/y9LlnLTH87U?fs=1&hl=es_ES">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/y9LlnLTH87U?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<br />
<br />
<a href="http://www.crookedgremlins.com/09/01/2008/kinetic-typography-tutorial/" style="color: #cccccc;">http://www.crookedgremlins.com/09/01/2008/kinetic-typography-tutorial/</a>Daniel Collazos Bermúdezhttp://www.blogger.com/profile/02420464597521842659noreply@blogger.com0