tag:blogger.com,1999:blog-36686577242766234242024-03-12T23:57:05.570+01:00blog de bunquer comunicacion grafica audiovisualEn el blog de bunquer podemos mostrar lo que nos gusta de diseño gráfico, web, vídeo, decoración, artesanía, ilustración y los procesos que hemos seguido en algunos de nuestros trabajos de identidad, logotipos, iconos, motion graphics y otros proyectos de diseño.JuanLuhttp://www.blogger.com/profile/12927855602606009323noreply@blogger.comBlogger31125tag:blogger.com,1999:blog-3668657724276623424.post-83434293047337848292014-02-18T12:15:00.000+01:002014-02-18T12:20:51.946+01:00poner video html5 de fondo en una web<div class="separator" style="clear: both; text-align: left;">
La etiqueta <video> pretende sustituir el uso de codecs de terceros como Flash de Adobe para facilitar la incrustación de vídeo en la web. Aparte de los <a href="http://www.nomaspatanes.com/2012/04/video-html5-la-guerra-ha-terminado-y.html" target="_blank">conflictos surgidos por la guerra de formatos</a>, actualmente es bastante fácil <b>colocar un vídeo con HTML5 en nuestra página</b>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
La cuestión está en ¿para qué incrustarlo como parte del contenido? es cierto, para eso ya está Vimeo y Youtube, así que la aplicación más práctica que veo es colocarlo como fondo de la web o sustituyendo al típico slide.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Veamos<b> 5 ejemplos de fondos de vídeo</b> que funcionan bien:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://fernando.is/all-about/" target="_blank">Fernando Maclen</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://fernando.is/all-about/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmOW_sSXnPmgqUsKL3j8HnoNMJYdgGA88SYhBsPWM0L6a5DFuVTOy3KqFq2xmjN6qLeal9zBQnsMNpaXhyphenhyphenNcL3V3ZnYeL2dLySdQ798sq9HV-GwMeeAmSvY4c8FYSu9ItNqRpV0Sh_VJzu/s1600/fernando+maclen.JPG" height="155" width="320" /></a><span id="goog_1319819167"></span><span id="goog_1319819168"></span><a href="https://draft.blogger.com/"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://www.spotify.com/uk/video-splash/?utm_source=spotify&utm_medium=web&utm_campaign=start" target="_blank">Spotify</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.spotify.com/uk/video-splash/?utm_source=spotify&utm_medium=web&utm_campaign=start" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGic7k-Zt6GG14gh_NFTVd6NWEh7p-py3DQr1RC9Wq2bMlHE7W-0XugjynPSz-uhrvmwyxZJrjkEoYi6-2yrYzQ1UiNF3mSrMz-TCRqb46x8mnpc8QNalxXukUND81KGNdjfSkpTaP03r4/s1600/spotify.JPG" height="155" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.bkwld.com/" target="_blank">BKWLD</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.bkwld.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqWw91MTrezd4QDwAmYiP0lhkVblwT_7Nfe7ygAMjDCP9oOJDJWj2NpGa2x_82qbhl3UIuJXaQtnQmCFaW_qHRJmGWZg7iAezZ98xuG42510e-JDPADl_tyNTlqdUzHTC0aaa1-r-veyuQ/s1600/bkwld.JPG" height="156" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.weylandindustries.com/electronics" target="_blank">Weyland Industries</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.weylandindustries.com/electronics" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMERQhE_1ugI4dnH9zxA_pNN9fuIlGmiYMdoNwHWX-ACVGJtof1v23PeQjTGpEu8HSGYlMwI_2ZkKGuUpFuQbNkB4qR01aa0-4R-0Jl-e0OrrFBDENnOtlc_XC9VdtFyAqJCqmBq_goY69/s1600/weylandindustries.JPG" height="155" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://mediaboom.com/home" target="_blank">Mediaboom</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://mediaboom.com/home" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl_LXByS35BTga1un_Wa8orr4JlCTZfk9cUr3Z3r7WaxZ84Gxbs9-6b62K-B1utCd-WwaGDB4ISdKtaSehU4S0b1XwZ8TOkfPAz5nxp-c79xXRzNuJnTleQkHo67Ij_ai_dguWxwPSYE2g/s1600/mediaboom.JPG" height="155" width="320" /></a></div>
<br />
<br />
<b>Un ejemplo completo de la aplicación de la etiqueta video en HTML y como ponerlo de fondo con CSS:</b><br />
<br />
<div class="codigo">
<span style="font-family: Courier New, Courier, monospace;"><video autoplay="autoplay" loop="loop"><br />
<source src="tuvideo.webm" type="video/webm"></source><br />
<source src="tuvideo.ogv" type="video/ogg"></source><br />
</video><br />
<br />
/* video de fondo */<br />
video {<br />
position: fixed;<br />
bottom: 0px;<br />
right: 0px;<br />
min-width: 100%;<br />
min-height: 100%;<br />
z-index: 0;<br />
overflow: hidden;<br />
}
</span></div>
<br />
Para más info podéis visitar este <a href="http://www.html5rocks.com/es/tutorials/video/basics/" target="_blank">ártículo actualizado sobre el tema</a>.<br />
Para convertir vuestros vídeos al formato adecuado podéis usar <a href="http://www.mirovideoconverter.com/" target="_blank">Mirovideoconventer</a>.uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-7805554595060498602014-01-27T14:57:00.002+01:002014-11-15T09:03:51.768+01:00tema de color claro para sublime text<div class="separator" style="clear: both; text-align: center;">
<a href="https://drive.google.com/file/d/0Bx4KmqSXLlMbMkpQZ3VBTzA5LVk/edit?usp=sharing" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ1DmE1ofrSSChVi7Aq8b2NmQdiKR0YybluDHEmfx3rth7srZ_mivlrMrbf03KU9MWJbruSbDwHoa0LqVYguQmjaDoyNIrzkWS7Uv5ENkz5f7y3XyBVwWGhscLvLbqHfYPtIw7qsytq_3p/s1600/sublime+theme+bunquer.JPG" height="182" width="320" /></a></div>
Generalmente los temas de color de <a href="http://www.sublimetext.com/" target="_blank">Sublime Text</a> están muy bien, pero eché en falta uno de colores claros que tuviese mejor diferenciadas las etiquetas de color en HTML y CSS. Por eso edité uno de ellos para hacerlo a mi gusto. <a href="https://drive.google.com/file/d/0Bx4KmqSXLlMbMjZhY0hENmxLem8/view?usp=sharing" target="_blank">Os lo dejo</a> por si alguien se encuentra en la misma situación.<br />
<br />
Para usarlo debéis localizarla carpeta donde se ubica Sublime, la ruta es:<br />
<br />
/appData/Roamming/SublimeText2/Packages/ColorSheme-Default<br />
<span style="background-color: white; font-family: 'Courier New', Courier, monospace; font-size: 14px;"><br /></span>
Partiendo de vuestro usuario, lo que ocurre es que por lo general está oculta como preferencias del sistema, hay que habilitar que muestre elementos ocultos.<br />
<br />uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-81828908416105525032014-01-16T17:54:00.000+01:002014-01-18T09:21:28.025+01:00dibuja cualquier forma sólo con css y html con Vlad ZinculescuEste increible invaders hecho sólo con box-shadow es sólo una muestra de lo que podemos encontrar en la web de <a href="http://ecsspert.com/play/css3-logos/">Vlad Zinculescu</a><br />
<div style="background: red; box-shadow: 0 0 0 1em red, 0 1em 0 1em red, -2.5em 1.5em 0 .5em red, 2.5em 1.5em 0 .5em red, -3em -3em 0 0 red, 3em -3em 0 0 red, -2em -2em 0 0 red, 2em -2em 0 0 red, -3em -1em 0 0 red, -2em -1em 0 0 red, 2em -1em 0 0 red, 3em -1em 0 0 red, -4em 0 0 0 red, -3em 0 0 0 red, 3em 0 0 0 red, 4em 0 0 0 red, -5em 1em 0 0 red, -4em 1em 0 0 red, 4em 1em 0 0 red, 5em 1em 0 0 red, -5em 2em 0 0 red, 5em 2em 0 0 red, -5em 3em 0 0 red, -3em 3em 0 0 red, 3em 3em 0 0 red, 5em 3em 0 0 red, -2em 4em 0 0 red, -1em 4em 0 0 red, 1em 4em 0 0 red, 2em 4em 0 0 red; height: 1em; margin: 50px 0 70px 65px; overflow: hidden; width: 1em;margin: 40px auto">
<br />
<br />
<br />
<br />
<br /></div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ecsspert.com/play/css3-logos/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF5K3LQR0vctEfJUHRsuSSautZdSSuAdo0FqSGVpDC3HnM2Ja9A5taxeffy3h3Ye8cgDlSewhtiZ5BDTdO7ePrLOlZPrcHDEsVnNgyE0HlBUbE71IB1jU4eaBYe2DbCaUeOavYmxSUFdl7/s1600/css3+logos.PNG" height="286" width="640" /></a></div>
</div>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-11822461901844510142012-11-26T11:03:00.000+01:002012-11-26T11:04:00.841+01:00diseños limpios de interfaces web para tiendas on-line<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0YXkYnqSUYRoNc8Nw9QoOhUJf2Mxjx0jtbXz_cRxnXOl8aRnYYgaRDBlJx1iUKHuGJObYEWFrpBiiJ0MOo6O9Hk5_lfX-RoqGvZyzwMFLyupTOuRc57cogs82NC0G-lLWAIy-tDoUh8d5/s1600/cafeevoke.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0YXkYnqSUYRoNc8Nw9QoOhUJf2Mxjx0jtbXz_cRxnXOl8aRnYYgaRDBlJx1iUKHuGJObYEWFrpBiiJ0MOo6O9Hk5_lfX-RoqGvZyzwMFLyupTOuRc57cogs82NC0G-lLWAIy-tDoUh8d5/s640/cafeevoke.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO5ceTovGN1_ftiUPw0uNMsi-yuhyphenhyphenoHSzQj4r4JprF8fq7BWy5TvWJwt8GH0_ihspc2aeIcgLEIZ3_mWk0PbJBHyhbF2mGALH9P9Q1J5_7b599bw4pMjF9TInExLIDJLslLEk6d54_bLQC/s1600/cafeevoke_product.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO5ceTovGN1_ftiUPw0uNMsi-yuhyphenhyphenoHSzQj4r4JprF8fq7BWy5TvWJwt8GH0_ihspc2aeIcgLEIZ3_mWk0PbJBHyhbF2mGALH9P9Q1J5_7b599bw4pMjF9TInExLIDJLslLEk6d54_bLQC/s640/cafeevoke_product.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC37RsYoJnpvcBd3hmefAGkKRBE0G-WoXz1qwitJl08BKNAzxEg90g9h4AeUQf75FwSIHO57Y5qn8ULOJsHkRMujUBUNGViYLIyddUypCmYQZ-Ycajnib_9WftpeDsFZeuwFr8LKsBaXQ_/s1600/myownbike.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC37RsYoJnpvcBd3hmefAGkKRBE0G-WoXz1qwitJl08BKNAzxEg90g9h4AeUQf75FwSIHO57Y5qn8ULOJsHkRMujUBUNGViYLIyddUypCmYQZ-Ycajnib_9WftpeDsFZeuwFr8LKsBaXQ_/s640/myownbike.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcPIpjSqd6GOwygPFq3Sjgo-gom_KvwRgLb5IECrrYrBh4B8DtlJqWeHbq644UtJtQai62h_TD0-Z-3wUl6XNl6Jx2ZsBai5XI3ckzGis7N3vT0i3D2iOXit5h_ZBU9d5nABivk3ByNeL6/s1600/myownbike_lista.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="387" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcPIpjSqd6GOwygPFq3Sjgo-gom_KvwRgLb5IECrrYrBh4B8DtlJqWeHbq644UtJtQai62h_TD0-Z-3wUl6XNl6Jx2ZsBai5XI3ckzGis7N3vT0i3D2iOXit5h_ZBU9d5nABivk3ByNeL6/s640/myownbike_lista.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJhbcGAz8GqUFPe7tiI2B9I2IAlAnt1JpzdrLeWp22jM2B15Ao3GKV4BEou9wxbc-wKAdjmmcmtEWgBBDQGsIZGClikxAWRnqSS-3C3nXd6c3EX61_-DXFF4QyUJTWjBkHMOgSmi1hUmR/s1600/hardgraft.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="412" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJhbcGAz8GqUFPe7tiI2B9I2IAlAnt1JpzdrLeWp22jM2B15Ao3GKV4BEou9wxbc-wKAdjmmcmtEWgBBDQGsIZGClikxAWRnqSS-3C3nXd6c3EX61_-DXFF4QyUJTWjBkHMOgSmi1hUmR/s640/hardgraft.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Algunos diseño originales de tiendas on-line que destacan por su interfaz limpia y enfocada a la buena foto de producto y claridad en la navegación.</div>
uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-21241606134922855272011-12-06T09:22:00.001+01:002011-12-06T09:56:28.652+01:00motion graphics de iconos de cine para sleepless nights<a href="http://www.sleeplessnights.es/" target="_blank" title="sleepless nights proyecto ilustracion para las noches de insomnio">Sleepless Nights</a> es un proyecto personal del ilustrador<a href="http://www.pensamientosdeformados.com/" target="_blank" title="pensamientos deformados portfolio ilustracion Agu Mendez"> Agu Méndez</a> donde cada mes, si eres el elegido, dibuja para tí a la carta en una de sus noches de insomnio.
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.sleeplessnights.es/" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="sleeplessnights" class="aligncenter size-full wp-image-2970" height="105" src="http://bunquer.com/blog/wp-content/uploads/2011/12/sleeplessnights_logoblanco.jpg" title="sleeplessnights_logoblanco" width="346" /></a></div>
<br />
<br />
Para la noche de los iconos de cine hice un motion dónde se explica lo que deben hacer los usuarios para optar a uno de los cuadros ilustrados con su propio personaje. Sólo hay que rellenar un cuestionario eligiendo <strong>película</strong>, <strong>personaje</strong>, <strong>frase</strong> y tu <strong>momento favorito</strong> y si resultas seleccionado Agu dedicará una de sus noches en blanco a hacer de tus palabras dibujos una ilustración para ti, exclusiva y gratuita.<br />
<br />
<iframe frameborder="0" height="335" src="http://player.vimeo.com/video/32615181?title=0&byline=0&portrait=0" width="600"></iframe>
<br />
<br />
La idea de hacer un motion para que la gente lo entendiese mejor fue de Agu. Teníamos poco tiempo así que él se encargó de preparar el material incluyendo un story a modo de guión para que la mayor parte del tiempo no se fuese en pensar que pongo aquí o allí, eso ayuda bastante.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOB6n_BgtKuTOl_mgykXVA832j-AOSYME616YSNzg9Fe-aQYQ0p0f-wA45cZlDvBzwolrC134SZH448mD7LCMdCM5GpSdO3pZX-o71NFXe7rcnc307byGWn286Rv9W36x-74N4Ny5IRg1v/s1600/story.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="storyboard motiongraphics bunquer" border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOB6n_BgtKuTOl_mgykXVA832j-AOSYME616YSNzg9Fe-aQYQ0p0f-wA45cZlDvBzwolrC134SZH448mD7LCMdCM5GpSdO3pZX-o71NFXe7rcnc307byGWn286Rv9W36x-74N4Ny5IRg1v/s640/story.PNG" width="640" /></a></div>
<br />
Antes de empezar con el orden real de la animación probé a animar algunos personajes por separado, según me sugerían algún movimiento que no fuese un despropósito para tenerlo a tiempo y funcionase bien.<br />
A la hora de empezar con textos y transiciones, todo era ir a la parte que más clara tenía y luego darle vueltas a las que más me costaban.<br />
<br />
Los textos los reescribí en AE para tener más libertad y siempre que cerraba una animación los convertía a formas para poder trabajar con el proyecto sin pensar en instalar la fuente en cada lugar donde lo abría, que por lo menos fueron 4 los ordenadores que usé según pillaba tiempo libre. La sonorización fue una parte que se alargó bastante, ya que a esta animación no le pegaba un tema sólo y necesitaba de bastantes efectos para darle solidez a los gráficos.uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-38219399381055266392011-08-04T21:08:00.000+02:002011-08-04T21:10:30.320+02:00Adobe Edge, un largo camino por delanteA todo el mundo le va sonando aquello de que Flash está muerto porque no se ve en muchos dispositivos, etc. En el desarrollo web el inminente sustituto es implementar JQuery, pero este lenguaje puede resultar complejo muy para los diseñadores.<br />
<br />
Adobe avisó con lanzarse a la creación de una herramienta de aspecto similar a Flash y AfterEffects para que las animaciones resultantes fueran HTML-CSS-JAVASCRIPT. Se llama Adobe EDGE y ya se puede probar. Yo como interesado en la animación he intentado hacer algo con este nuevo programa (http://dl.dropbox.com/u/22349705/molino.html), pero el resultado es muy pobre para la cantidad de código que genera.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbCip099k0ivURXRyc5vdswypcFFZNQBKunWnJS7nTQ6s0PQDxu8nme757en2euMZOImy3obBylYxWEDAgG9YGa4ZVLi3u8Y7RlM1ihUKT-IAdY5tWEExZh2pqSiyBJ150JMABu0CO7H16/s1600/edge.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="609" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbCip099k0ivURXRyc5vdswypcFFZNQBKunWnJS7nTQ6s0PQDxu8nme757en2euMZOImy3obBylYxWEDAgG9YGa4ZVLi3u8Y7RlM1ihUKT-IAdY5tWEExZh2pqSiyBJ150JMABu0CO7H16/s640/edge.PNG" width="640" /></a></div>
<br />
Como se ve en la imagen la interfaz intenta disfrazar los div como capas en una línea de tiempo y podemos manejar algunas características muy simples en el panel propiedades. En mi opinión esta herramienta no va a cubrir la necesidad de nadie, ni del desarrollador ni del diseñador. Queda un largo camino para poder hacer algo útil de verdad y aun así es muy posible que venga a ser lo mismo que Dreamweaver es al diseño web.uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-63833113031381544272011-08-03T20:41:00.002+02:002011-08-04T09:35:03.477+02:00Fluid 960 Grid System | 16-column Grid<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXSYzIG8K0-yaFWxoqA1Ehz2Ls190eLJUtosnuv81W2GqfaGrKdCZZTBZqktDbGa2_-bBZd0q7kCCrtuKnTk616CNgSwHTLXyJDdZW6qdXOt0F9fzgjRflfBfXW4yhEX3ew74oeg-Habfj/s1600/fluidgridPNG.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXSYzIG8K0-yaFWxoqA1Ehz2Ls190eLJUtosnuv81W2GqfaGrKdCZZTBZqktDbGa2_-bBZd0q7kCCrtuKnTk616CNgSwHTLXyJDdZW6qdXOt0F9fzgjRflfBfXW4yhEX3ew74oeg-Habfj/s640/fluidgridPNG.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Genial web de referencia para mostrar algunas de las técnicas de animación para un diseño web responsable: <a href="http://designinfluences.com/fluid960gs/#">Fluid 960 Grid System | 16-column Grid</a></div>
uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-88469035271673488952011-07-02T10:02:00.000+02:002011-07-02T10:02:54.299+02:00Blog This!Interesante extensión de chrome que nos permite crear un post en cualquiera de nuestros blogs de blogger con un sólo clic<a href="http://buzz.blogger.com/2011/06/blog-this.html">Blogger Buzz: Blog This!</a>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-18065387672051629622011-04-15T10:41:00.001+02:002011-04-15T10:50:02.292+02:009 vídeos geniales vistos en clase de motionEn las clases de motion nos hemos impuesto como norma traer todos los días vídeos. No hay mejor forma de impregnarse de ideas, tener mas culturilla visual y aprender a ser humildes viendo las genialidades que rondan la Red. En estos dos últimos meses hemos visto muchas cosas y nada mejor que hacer una listica para poder recordarlas:<br />
<br />
<style type="text/css">
<!--
/* You can modify these CSS styles */
.vimeoBadge { margin: 0; padding-left: 100px; font: normal 11px verdana,sans-serif; }
.vimeoBadge img { border: 0; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo {display:none; margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:200px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:200px; height: 30px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; }
-->
</style><br />
<div class="vimeoBadge"><script src="http://vimeo.com/juanlu/badgeo/?stream=album&stream_id=1576396&count=9&thumbnail_width=200&show_titles=no" type="text/javascript">
</script></div>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-26487269392890428392011-03-30T09:57:00.001+02:002011-07-22T12:54:41.074+02:00Bunquer se muda de oficina¡Otra vez! Siete meses justitos hemos estado con la oficina <a href="http://www.bunquer.com/" target="_blank" title="bunquer comunicacion grafica audiovisual en Malaga">Bunquer</a> / <a href="http://www.lasmadrinas.com/" target="_blank" title="Las Madrinas fotografia video bodas en Malaga">Las Madrinas</a> en el <a href="http://bunquer.com/blog/proyectos-y-encargos/nueva-oficina-en-malaga-bunquer-las-madrinas" target="_blank" title="oficina bunquer las madrinas en el centro">Centro Histórico de Málaga</a> ¡y hasta aquí hemos llegado! Todavía estamos en pleno jaleo, sin ordenadores montados, ni mesas, ni internet...<br />
<a name='more'></a><br />
<br />
<img alt="" class="alignnone size-full wp-image-2557" height="333" src="http://bunquer.com/blog/wp-content/uploads/2011/03/mudanza_bunquer_lasmadrinas_sanagustin_malaga_trastos.jpg" title="mudanza_bunquer_lasmadrinas_sanagustin_malaga_trastos" width="500" /><br />
<br />
Hemos estado llevando cosas poco a poco, pero el viernes pasado hicimos el traslado de lo más gordo, GRACIAS a los amigos que nos ayudaron con nuestro millón y medio de trástulos!<br />
<br />
<img alt="interior del estudio en plena mudanza" class="alignnone size-full wp-image-2567" height="333" src="http://bunquer.com/blog/wp-content/uploads/2011/03/mudanza_bunquer_lasmadrinas_sanagustin_malaga_trastos_oficina1.jpg" title="mudanza_bunquer_lasmadrinas_sanagustin_malaga_trastos_oficina" width="500" /><br />
<br />
Ahora nos movemos a las oficinas del <strong>Edificio Arcadia, el nº1 de Ingeniero de la Torre Acosta</strong>, al ladito de casa y del colegio al que Nicolás empezará a ir el año que viene. No hemos podido mantener el número de teléfono, el nuevo es <strong>951 24 30 50<br />
</strong><br />
<br />
En definitiva, que tras este "fallo de cálculo" hemos buscado principalmente eso que llaman <span style="color: black;"><strong>calidad de vida</strong></span> y <strong>conciliación familiar</strong> hasta donde se pueda, que al fin y al cabo para eso somos nuestros propios jefes!<br />
<br />
<img alt="trastos de la mudanza" class="alignnone size-full wp-image-2559" height="333" src="http://bunquer.com/blog/wp-content/uploads/2011/03/mudanza_bunquer_lasmadrinas_sanagustin_malaga.jpg" title="mudanza_bunquer_lasmadrinas_sanagustin_malaga" width="500" /><br />
<br />
En estos meses hemos acabado cansados del coche, de los atascos, de guiris, de guías turísticos con megáfonos, de los precios abusivos, de que cualquier "evento" afecte tu rutina de trabajo (sea Navidad, Carnaval, Festival de Cine, Semana Santa, Feria... ) y hartitos de obras, por todas partes , a todas horas y cada día una nueva...<br />
<br />
<img alt="Obras de La Plaza de la Merced" class="alignnone size-full wp-image-2562" height="333" src="http://bunquer.com/blog/wp-content/uploads/2011/03/obras_plazadelamerced_malaga_marzo2011_rehabilitacion.jpg" title="obras_plazadelamerced_malaga_marzo2011_rehabilitacion" width="500" /><br />
<br />
En definitiva, lo bueno (oficina bonita y equipada, luminosa, bien situada) no ha compensado a lo malo. Espero que este cambio, con todo lo que nos está costando física, mental y económicamente, merezca la pena!<br />
<br />
<img alt="" class="alignnone size-full wp-image-2556" height="660" src="http://bunquer.com/blog/wp-content/uploads/2011/03/lasmadrinas_celebraciones_malaga_balcon_callegranada.jpg" title="balcon_lasmadrinas_fotografia_video_bodas_malaga" width="400" />uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-31786675531716040302011-02-25T14:09:00.007+01:002011-02-25T14:19:53.552+01:00tipos de títulos de crédito en el cineCualquier grafista o motiongrapher no podrá negar que los títulos de crédito de una película pueden ser el culmen de su trabajo. Esa pequeña introducción que para muchos pasa desapercibida, para otros se convierte en una pieza importante de la película. En sus orígenes sólo servía para titular lo que se iba a ver, texto blanco sobre negro cuya tipografía describía de que género se trataba.<br />
<br />
Llegó el momento en que los diseñadores de carteles y algunos directores vieron su potencial y así, los títulos iniciales empezaron a formar parte del empaquetado de la película junto a la campaña gráfica.<br />
<br />
En la actualidad, se puede mirar atrás y hacer un recorrido por este arte con bastante perspectiva. Como cada año en el curso de motion graphics que doy en <a href="http://www.gaussmultimedia.com/index.php?seccion=ver_curso&id_curso=5">gaussmultimedia</a> introduzco un bloque dedicado a la secuencia de títulos, este año, en un intento de clasificarlos por tipos, he creado un esquema con un par de ejemplos significativos para cada categoría, espero que os guste y, por supuesto, estoy abierto a sugerencias:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.bunquer.com/imagenes/tipos-de-titulos-de-credito.png"><img border="0" height="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiH0E7EIAW62y6rdNQDabUX2WpR8Z8X4op3fVIMvl7Z723PzAPs7HDoz1NmE6cz7sXZvPcH5icWOEfu3zoJCs-1su-Jr4e4ApUdqD7BJqxyFAwonZcixd9vfwq0RkNsZveyGqmZBecSSg/s640/tipos-de-titulos-de-credito.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;">Muchos de los títulos que he puesto aquí los puedes encontrar en la web <a href="http://www.artofthetitle.com/">art of the title</a> donde la labor de documentación del site es impagable. Otros están disponibles en youtube, recuerda especificar al lado del título de la película "opening titles". Si te interesa este tema puedes buscar el libro <a href="http://www.indexbook.es/libro.php?434">Uncredited </a>que hace un excelente recorrido por la historia del los títulos y además trae un dvd con muchos de ellos en archivos mov.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-53433077730982496922011-02-04T14:09:00.000+01:002011-02-04T14:09:02.603+01:00estudios de motion graphics en españa (primera parte)Es difícil estar al día de todos los vídeos que se generan en la Red, cada vez veo mejores trabajos de motion graphics y muchos de ellos hechos en España. Haciendo una revisión de estudios que se dedican al motion he hecho una recopilación de los trabajos que más me han ido gustando de aquí a un tiempo.<br />
<br />
<b><a href="http://www.cocoe.com/">cocoe</a></b><br />
<br />
De este estudio situado en Madrid no es fácil escoger un sólo trabajo. <a href="http://www.cocoe.com/">Su web</a> está plagada de animaciones de gran calidad técnica y de un estilo con personalidad propia. Os dejo la continuidad de la sexta, un trabajo muy propio de esta disciplina y vemos muy a menudo en nuestros televisores.<br />
<br />
<iframe frameborder="0" height="360" src="http://player.vimeo.com/video/12173702?title=0&byline=0&portrait=0&color=ffffff" width="640"></iframe><br />
<br />
<br />
<b><a href="http://www.zeligstudio.com/es">zelig studio</a></b><br />
<br />
Ellos se definen como "<span class="Apple-style-span" style="font-family: Arial, Helmet, Freesans, sans-serif; font-size: 12px; line-height: 18px;">un estudio de diseño especializado en proyectos de</span><span class="Apple-style-span" style="font-family: Arial, Helmet, Freesans, sans-serif; font-size: 12px; line-height: 18px;"> </span><span class="Apple-style-span" style="font-family: Arial, Helmet, Freesans, sans-serif; font-size: 12px; line-height: 18px;"><span style="font-style: normal;">broadcast design y motion graphics" y desde luego sus trabajos lo demuestran. Son una marca que pertenece a otras dos grandes del sector como Mediapro y Molinare. Están en Barcelona y entre otras cosas son los creadores de la identidad visual de las noticias de<a href="http://www.zeligstudio.com/es/proyecto/Telediario"> TVE1</a> y <a href="http://www.zeligstudio.com/es/proyecto/la-2-noticias">la 2</a>.</span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helmet, Freesans, sans-serif; font-size: 12px; line-height: 18px;"><strong style="font-style: normal; font-weight: bold;"><br />
</strong></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.zeligstudio.com/es/proyecto/la-2-noticias" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN2Qwn_oWZ-HjvYMJHdfDknIubSxjbRv1-AlonIKmJGlqIiR96S9pAYCuZ66BQMc2zDJdIkD_D3heDNogZ-r2_XEBJn0aHzs6_ZKThNsou5RIPOSHp1Yk5Po74FVOFGVfMHHndopdKd_OT/s1600/zelig_la2.PNG" /></a></div><span class="Apple-style-span" style="font-family: Arial, Helmet, Freesans, sans-serif; font-size: 12px; line-height: 18px;"><strong style="font-style: normal; font-weight: bold;"><br />
</strong></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helmet, Freesans, sans-serif; font-size: 12px; line-height: 18px;"><strong style="font-style: normal; font-weight: bold;"><br />
<a href="http://www.onionlab.com/work.html">onionlab</a></strong></span><br />
<strong style="font-style: normal; font-weight: bold;"><br />
</strong>Estudio multidisciplinar de Barcelona que tiene sus mejores trabajos orientados al motion y a las visuales de conciertos y dj´s. Entre sus trabajos me gusta especialmente una pieza realizada para el festival <a href="http://www.puntoyrayafestival.com/">puntoyraya</a>.<br />
<br />
<iframe frameborder="0" height="360" src="http://player.vimeo.com/video/18004867?title=0&byline=0&portrait=0&color=ffffff" width="640"></iframe><br />
<br />
<b><br />
<a href="http://www.pornographics.es/">pornographics studio</a></b><br />
<br />
Otro estudio barcelonés que lleva desde el 99 haciendo excelentes trabajos de motion, como de muestra la animación tipográfica de La Petit Mort ganadora de un sol de oro.<br />
<br />
<iframe frameborder="0" height="513" src="http://player.vimeo.com/video/3468806?title=0&byline=0&portrait=0&color=ffffff" width="640"></iframe><br />
<br />
<br />
<a href="http://www.dvein.com/"><b>dvein</b></a><br />
<br />
También en Barcelona se encuentra dvein. En sus trabajos destaca la combinación de imagen real con el motion en 2 y 3D. Uno de sus vídeos más brutales son los títulos iniciales del evento Toca Me, realizados como se puede ver en su web, quemando y tratando materiales reales que grababan para luego crear una perfecta fusión con el 3D.<br />
<br />
<iframe frameborder="0" height="512" src="http://player.vimeo.com/video/7936661?title=0&byline=0&portrait=0&color=ffffff" width="640"></iframe><br />
<br />
Hay muchos más que dejaré para una segunda parte de este post.uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-67973481726779647732010-10-21T12:03:00.000+02:002010-10-21T12:03:45.497+02:00motion graphics de mar de colorSi me preguntan que trabajo de animación me ha llevado más horas, sin duda sigue siendo la promo de <a href="http://www.mardecolor.es/">Mar de Color</a>. Además fue una iniciativa propia y quizá sea por eso por lo que le eché tantas horas. Al principio empecé bocetando un storyboard sencillo para hacerme una idea de cuantas secuencias necesitaría aproximadamente.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ8pCGCg92_2H7kKzY886DCJiSECFuZ5NWKP7hIYoJAh4jDv8q0ljh6fDpRf7E0jnRCIl6-xXd61JoT4Df8HVnsftCEb45DxHDtRRtCt5zI7xcemIndCUpW9eQmvkuAX0wkjPVtSnjQ0RH/s1600/storyboard_mardecolor.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="406" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ8pCGCg92_2H7kKzY886DCJiSECFuZ5NWKP7hIYoJAh4jDv8q0ljh6fDpRf7E0jnRCIl6-xXd61JoT4Df8HVnsftCEb45DxHDtRRtCt5zI7xcemIndCUpW9eQmvkuAX0wkjPVtSnjQ0RH/s640/storyboard_mardecolor.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">El siguiente paso fue recopilar todo el material, muchas texturas de papeles, telas, fieltro... vectores de las ilustraciones de Mar como peces, pulpos y por supuesto el musi y la sirena. También busqué fotos reales de conchas marinas, rocas y caracolas para detallar el fondo marino. El proceso en After Effets debía ser muy ordenado, tenía gran cantidad de material, así que intenté ordenar en secuencias y composiciones cada objeto o personaje. Así el barco de papel, por ejemplo, tendría su propia composción que podría usar en las secuencias donde apareciera. La interfaz de AE se veía bastante barroca y como el proyecto lo estaba haciendo en HD 1080 el trabajo no era totalmente fluido.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFImNjxPKjSAWx7euppBZY9LdoAF64YnCtkwPjout12iF8rq4TwC_04XFUKIj-iXb9qQ8aCQUKjJBreOzsbvGK-w_0NNfGRmBeeCwSBYbKmajaLM1xRQfiBqh2rq37bcacjgkMRmuVLXg-/s1600/mardecolor.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFImNjxPKjSAWx7euppBZY9LdoAF64YnCtkwPjout12iF8rq4TwC_04XFUKIj-iXb9qQ8aCQUKjJBreOzsbvGK-w_0NNfGRmBeeCwSBYbKmajaLM1xRQfiBqh2rq37bcacjgkMRmuVLXg-/s640/mardecolor.PNG" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div>Aunque siempre cuando lo veo pienso que podría haber creado alguna secuencia más, la verdad es que también hay que saber decir hasta aquí hemos llegado si quiero verlo hecho algún día.<br />
<br />
<div style="text-align: center;"><iframe frameborder="0" height="225" src="http://player.vimeo.com/video/4458856" width="400"></iframe></div>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-76582706065280466812010-10-07T13:59:00.001+02:002010-10-07T14:00:15.492+02:00logotipo de CortogenialCuando te encargan un logo hay veces que te viene rápido una idea a la cabeza y otras que no sabes por donde tirar. Suele ayudar que la empresa o motivo del logo sea algo muy claro. Pero si hay un tema que suele darme dolor de cabeza es el relacionado con lo audiovisual. Será por lo de "en casa de herrero cuchillo de palo" pero todas las ideas que se me ocurren de primeras incluyen cámaras, fotogramas de cine y demás objetos manidos.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAs0X0L9VgPl9h17gQMrBGB0VFKQFQiHMPZyy7ZY9m5Ye9L1i4BxVKW_Ajdy5Vi3KSnv3OtQzFd0QKCygBeoh35OY57nl6KAEdGDkk79r7qMq0M9m4KA1lnUPZXzhFWlY-6b8pl5B-wExs/s1600/07102010053.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAs0X0L9VgPl9h17gQMrBGB0VFKQFQiHMPZyy7ZY9m5Ye9L1i4BxVKW_Ajdy5Vi3KSnv3OtQzFd0QKCygBeoh35OY57nl6KAEdGDkk79r7qMq0M9m4KA1lnUPZXzhFWlY-6b8pl5B-wExs/s400/07102010053.jpg" width="400" /></a></div><br />
Así después de desechar lo obvio hice algunas propuestas de las que se escogió una que representaba un hombrecillo con un visor que le aumenta el ojo. No era mi preferida, pero bueno, a la nevera van las otras.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIJaqUKGIgSPHqMHfMOzAt2ITT56VIiYoFBzpDN9duqTwusUA1WKKrGZxWocyYq2OpEwwaIFff7lzTpI8xIRyn4-u77X-ihdzQ9Ss5PcKR1mxzJrNinWxHR1rKpBy4gzwJbEAc7Zcq-Gk/s1600/logos+cortogenial.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIJaqUKGIgSPHqMHfMOzAt2ITT56VIiYoFBzpDN9duqTwusUA1WKKrGZxWocyYq2OpEwwaIFff7lzTpI8xIRyn4-u77X-ihdzQ9Ss5PcKR1mxzJrNinWxHR1rKpBy4gzwJbEAc7Zcq-Gk/s640/logos+cortogenial.PNG" width="640" /></a></div>Al final, después de ajustar varias veces el texto que incluía el juego entre la palabra GENIAL y el lugar dónde se realiza la muestra, Puente Genil, quedó así:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1VgHf_NMGzrne1OJEKIe41Qqp_GUeIjj3ogZ7VE2W-J0yzGfJeyrt9VBwwXNz58Nt1DIwFE4PL5hm-ZUO1fMr-IVFGaYiKaUldgxjqpRPVDgjUtMVZL64GLmZZF7epTXHSqUbm2xCpZIp/s1600/cortogenial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1VgHf_NMGzrne1OJEKIe41Qqp_GUeIjj3ogZ7VE2W-J0yzGfJeyrt9VBwwXNz58Nt1DIwFE4PL5hm-ZUO1fMr-IVFGaYiKaUldgxjqpRPVDgjUtMVZL64GLmZZF7epTXHSqUbm2xCpZIp/s640/cortogenial.png" width="640" /></a></div>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-67335382027683708362010-10-04T18:58:00.005+02:002010-10-05T11:12:51.440+02:00Rodaje de Elige UnoHace ya casi un año de este rodaje y fue uno de esos proyectos que te dejan seco el cerebro. El trabajo lo hacíamos junto a otro estudio de unos amigos, <a href="http://brida.es/">Brida Imagina</a>, y lo recibimos como la oportunidad de grabar un gran vídeo, ya que era para el Patronato de Turismo.<br />
<br />
Al principio elaboramos todo un guión con localizaciones por toda la costa del sol, la idea era hacer un trailer de una falsa peli. De esa forma podíamos enseñar una buena parte de lo mejor de la provincia de Málaga dándole algo de historia. Queríamos que tuviese el rollo de Vicky Cristina Barcelona, que al fin y al cabo más que una peli parece un vídeo promocional de Barcelona.<br />
<br />
A pocos días del inicio del rodaje los actores nos fallan... así que la idea se fue deshinchando poco a poco y se empezó a pensar en buscar otro protagonista, el Sol.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2_sMr4C38GvFbkqugGC6-tzGlugGWZuVjZnNjoxCSd8X2fx_A-bSR9qw18nEcujEo5G3NxzI4lEJe9n4vGm-j8AVoHhygVspzgGsebu3GjZXUqE9RLdRY3UzXBrV8rVFnAgQm0Xzax3oO/s1600/04102010047.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2_sMr4C38GvFbkqugGC6-tzGlugGWZuVjZnNjoxCSd8X2fx_A-bSR9qw18nEcujEo5G3NxzI4lEJe9n4vGm-j8AVoHhygVspzgGsebu3GjZXUqE9RLdRY3UzXBrV8rVFnAgQm0Xzax3oO/s640/04102010047.jpg" width="640" /></a></div><br />
La mayoría de las localizaciones se mantuvieron pero esta vez buscábamos planos donde el sol se viese creando los conocidos destellos de lente o proyectando sombras. El vídeo se grabó con una Panasonic HVX200 con un adaptador de objetivos montado. De esta forma la textura y el efecto de fotografía captaban mejor la idea. Ahora que las cámaras relfex graban vídeo eso es lo más habitual y aquello del adaptador suena muy desfasado.<br />
<br />
Como en cualquier rodaje tuvimos un poco de todo, desde grabar un travelling en Renfe con una silla de ruedas, pasando por hacer equilibrios en un barco y hasta quedarnos tirados en Ronda con la furgona clavada en un barranco.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixUofgD4jUi1JtYlYesQK9EVxtwDuc9uEpG3SWlyyJGyhmxBQSLLsIVsOHZMMPXM_rlT_mHvph6D00pnMMaA0AKyAjFkpaSRJxX1uyyEWz2Pgn84FO9FbnZlN9HehhwI-LvLoz-Q4c2cwv/s1600/IMAG0005.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="383" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixUofgD4jUi1JtYlYesQK9EVxtwDuc9uEpG3SWlyyJGyhmxBQSLLsIVsOHZMMPXM_rlT_mHvph6D00pnMMaA0AKyAjFkpaSRJxX1uyyEWz2Pgn84FO9FbnZlN9HehhwI-LvLoz-Q4c2cwv/s640/IMAG0005.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Aquí estoy yo aprovechando el accidente para grabar imágenes del campo, mientras Lucas intentaba no agobiarse y Piki nos echaba fotos.</td></tr>
</tbody></table>Aunque el esfuerzo fue considerable, estamos muy contentos con el resultado y pudimos ver lugares especialmente bonitos de la provincia.<br />
<div id="video"><embed allowfullscreen="true" allowscriptaccess="always" align="center" height="480" src="http://blip.tv/play/hLF9gcugZAA%2Em4v" type="application/x-shockwave-flash" width="600"></embed><br />
<img class="BLUEKAI" src="http://tags.bluekai.com/site/2132" /><br />
</div>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-19231510845747616332010-09-29T12:19:00.000+02:002010-09-29T12:19:08.815+02:00Identidad y web para La CaballeritaEste verano Mamen se puso en contacto con nosotros para pedirnos un logo y renovar la imagen de su web. Ella se dedica a la artesanía hecha con fimo y fieltro principalmente. Su nombre de marca es La Caballerita, lo que nos sugirió una línea de inspiración basada en el estilo vaquero americano.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-TYdU4xE75aczv2h4ln3etOkXnQN3977TxVhMm4BPoKG2PAuenHOHCxB6MgKZPfTKoKUOEzaYQuF2xI1V9y7OE9E6mErfgDhhcPAiieYWkyX6w57rZGQ4zET9K7YBIT5D9fDmnyC9Rbk/s1600/lacaballerita_inspiracion_retrocowgirl.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-TYdU4xE75aczv2h4ln3etOkXnQN3977TxVhMm4BPoKG2PAuenHOHCxB6MgKZPfTKoKUOEzaYQuF2xI1V9y7OE9E6mErfgDhhcPAiieYWkyX6w57rZGQ4zET9K7YBIT5D9fDmnyC9Rbk/s640/lacaballerita_inspiracion_retrocowgirl.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">A partir de ahí Mar hizo la ilustración que serviría tanto para el logo como para los elementos de la web.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTuRu5Ybs1qoHN4fx5ZmjNGaF5oNfOjKY7ayEi8uSe3b3guAaLQIFsK-UZ8WZ3pkTD3sWK0oL7nOTHO3S77ksJ3u9g3owZxch2PnotKZmAHU0Q3iLzlCCqDsUwTdgvBdecKyI8VI85H0M/s1600/caballerita2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTuRu5Ybs1qoHN4fx5ZmjNGaF5oNfOjKY7ayEi8uSe3b3guAaLQIFsK-UZ8WZ3pkTD3sWK0oL7nOTHO3S77ksJ3u9g3owZxch2PnotKZmAHU0Q3iLzlCCqDsUwTdgvBdecKyI8VI85H0M/s640/caballerita2.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76deeJJ9K-M-mwFGwMOXgswqaRkbbxzPuK18Q59VeRQRmXbz-NLGHDb_xz2AcAsKjSuLnKAA9YtXUvfNBLF2llH7Vo8u8FgYkFIggB-VXWDzZLfCPm0TzNm4ddpjBGUypzVjGW_4L6Zrl/s1600/caballerita.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76deeJJ9K-M-mwFGwMOXgswqaRkbbxzPuK18Q59VeRQRmXbz-NLGHDb_xz2AcAsKjSuLnKAA9YtXUvfNBLF2llH7Vo8u8FgYkFIggB-VXWDzZLfCPm0TzNm4ddpjBGUypzVjGW_4L6Zrl/s640/caballerita.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div>También podéis hacerle una <a href="http://www.lacaballerita.blogspot.com/">visita a su blog</a> para ver como ha quedado.uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-2852434497863429672010-09-27T13:02:00.000+02:002010-09-27T13:02:35.600+02:00La nueva imagen de Adobe CS5Mirando aquí y allá he dado con un <a href="http://veerle-v2.duoh.com/blog/comments/the_new_cs5_branding/">post muy curioso</a> donde nos cuentan como se ha creado la nueva imagen de Adobe para sus aplicaciones. A mi personalmente me ha gustado el estilo geométrico cuando abres un programa y los iconos cuadrados con un poco de dimensión.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-kT6CveumyICDwT97zEIY4gbQzsKvWoMo6D1yccHL7DoGXNw1aGRUxp8jrGuycXcX2ing4BdcpmB5ddpscvsZGUcxUt9MQYfntZuK341shIH53ofqwwNW-bs-n4MKvvE0ZOlU1aL4PMb/s1600/cs5_boards.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-kT6CveumyICDwT97zEIY4gbQzsKvWoMo6D1yccHL7DoGXNw1aGRUxp8jrGuycXcX2ing4BdcpmB5ddpscvsZGUcxUt9MQYfntZuK341shIH53ofqwwNW-bs-n4MKvvE0ZOlU1aL4PMb/s1600/cs5_boards.jpg" /></a></div><br />
Esta foto la he cogido de la web de uno de los creadores <a href="http://rhworks.com/archives/2010/04/cs5-desktop-brand.html">Ryan Hicks</a>.uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-90410883609238139412010-09-13T18:33:00.000+02:002010-09-13T18:33:24.533+02:00Nueva oficina!!Estamos muy liados! <br />
<br />
Al fin nos hemos decidido a mudarnos a una oficina, local, estudio... en definitiva, trabajar fuera de casa. Algo que iba siendo necesario en proporción al crecimiento de Nico. <br />
<br />
Por ahora estamos acomodándonos todos a los horarios, idas y venidas en coche, y dejar todo aquello a nuestro gusto. Poco a poco, que lo primero es el trabajo si queremos pagar el alquiler.<br />
<br />
Cuando estemos listos os invitaremos a conocer nuestro nuevo bunquer en pleno corazón malagueño.uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-63557283652385228602010-05-31T17:13:00.002+02:002010-05-31T17:17:19.578+02:00Cartel Creactiva Málaga Junio 2010<span class="Apple-style-span" style="color: #333333; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 18px;">Ya está la versión definitiva del cartel que he realizado para la cuarta edición Creactiva Málaga, con la lista completa de participantes. Este sábado<a href="http://www.mardecolor.es/" style="color: #b85b5a; text-decoration: none;" target="_blank"> Mar de Color</a> estará al lado de los puestecitos de talentosas creadoras como <a href="http://meriprincesita.blogspot.com/" style="color: #6fa09f; text-decoration: none;" target="_blank">La Princesita & Malgenio</a>, <a href="http://www.lavacadijomu.com/" style="color: #6fa09f; text-decoration: none;" target="_blank">La vaca dijo Mu</a>, <a href="http://lapequenoneta.blogspot.com/" style="color: #6fa09f; text-decoration: none;" target="_blank">Noneta </a>y otros 20 más.</span><br />
<span class="Apple-style-span" style="color: #333333; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 18px;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bunquer.com/blog/wp-content/uploads/2010/05/cartel_creactiva_jun2010_web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://bunquer.com/blog/wp-content/uploads/2010/05/cartel_creactiva_jun2010_web.jpg" width="225" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://bunquer.com/blog/wp-content/uploads/2010/05/cartel_creactiva_jun2010_web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><span class="Apple-style-span" style="color: #333333; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 18px;"></span></div><a href="http://vimeo.com/juanlu" style="color: #b85b5a; text-decoration: none;" target="_blank">JuanLu</a> tenía ganas de hacer un stop-motion (también para explicar cómo se hacen en sus clases de Motion Graphics y postproducción de vídeo en <a href="http://www.gaussmultimedia.com/" style="color: #6fa09f; text-decoration: none;" target="_blank">Gauss Multimedia</a>) y al ver mis recortes de fieltro y los botones no se lo pensó dos veces<br />
<br />
<embed src="http://blip.tv/play/hLF9geGUSgA%2Em4v" type="application/x-shockwave-flash" width="600" height="480" allowscriptaccess="always" allowfullscreen="true"></embed>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-23074423335096700102010-04-23T11:00:00.000+02:002010-04-23T11:00:47.326+02:00Cuanta razón tiene Mauro Entrialgo<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSb2P9mI9uyLuX0UXnqe9WL25Bj37tSQT8mkO1iU5sCug0xRYZ5s9ezPXNybSzs14pp4UdYQZIPN6eOGSBb0RV4TXTZc2RgQOG5UYaxUQ7IfjGg8MMCRGwBTvERRuOP0DJ8nRQ5pCFnTS/s1600/6a00d8341bfb1653ef00e54f197be88833-800wi.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSb2P9mI9uyLuX0UXnqe9WL25Bj37tSQT8mkO1iU5sCug0xRYZ5s9ezPXNybSzs14pp4UdYQZIPN6eOGSBb0RV4TXTZc2RgQOG5UYaxUQ7IfjGg8MMCRGwBTvERRuOP0DJ8nRQ5pCFnTS/s320/6a00d8341bfb1653ef00e54f197be88833-800wi.gif" /></a></div>uhttp://www.blogger.com/profile/12440697799372188360noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-87043977292766026872010-04-19T13:43:00.002+02:002010-04-19T13:47:34.672+02:00Malahierba DëividYa está actualizada la web de <a href="http://www.malahierba.es/index.html">Malahierba</a> con la nueva colección de primavera-verano.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyC9p8kJ2AQmcz-d-S6QCX8BHqo5kmIwdhUMud_J00E5F7pQ9dWIMVqlA3lvNdj9PIBoM2DQaRhyMvNQqtR-XQgdqBazaZdZo9Jd4WlZEara90hN2CjRpVkompXHJaTL9CaaXVGcQTJ9Na/s1600/Captura.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyC9p8kJ2AQmcz-d-S6QCX8BHqo5kmIwdhUMud_J00E5F7pQ9dWIMVqlA3lvNdj9PIBoM2DQaRhyMvNQqtR-XQgdqBazaZdZo9Jd4WlZEara90hN2CjRpVkompXHJaTL9CaaXVGcQTJ9Na/s400/Captura.PNG" width="400" /></a></div><br />
<br />
Para quién no conozca esta firma de moda afincada en Barcelona, os puedo decir que con <a href="http://www.malahierba.es/deivid.html">Deïvid</a>, su sexta colección, se han superado. Cuando nos llegaron las primeras fotos nos quedamos con la boca abierta, y así seguimos, viendo como sus prendas recorren en mundo desde las páginas de las <a href="http://malahierbabarcelona.blogspot.com/search/label/prensa">revistas de moda más cool</a>, en <a href="http://malahierbabarcelona.blogspot.com/search/label/tv">la televisión</a>, en todo tipo de <a href="http://malahierbabarcelona.blogspot.com/search/label/eventos">eventos y ferias</a>...<br />
<br />
Uno de sus fundadores, Jesus Moreno, estudió con nosotros en la facultad de Comunicación Audiovisual. Jesús se fue a Barcelona como muchos otros compañeros a estudiar ilustración y buscarse la vida, y después de <a href="http://bunquer.com/blog/?p=142">currárselo mucho</a> emprendió junto a Marijo Torres su propia firma de moda, Malahierba.<br />
<br />
Desde el principio su trabajo ha sido muy bueno, sobre todo auténtico y apasionado. Cada vez que veo sus nuevas cosas deseo que la constancia y el buen hacer se vean recompensados, al menos así debería ser. Poco a poco son más conocidos y quién sabe, lo mismo en el futuro los vemos muy arriba, aunque me consta que para él, el triunfo es poder hacer lo que le gusta.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.malahierba.es/deivid/content/bin/images/large/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://www.malahierba.es/deivid/content/bin/images/large/01.jpg" width="298" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Si queréis saber más sobre su trabajo podéis visitar su <a href="http://malahierbabarcelona.blogspot.com/">blog</a> o seguirlos por <a href="http://www.facebook.com/pages/MALAHIERBA/86857892701?ref=search&sid=1226554418.3340746456..1">facebook</a>.JuanLuhttp://www.blogger.com/profile/12927855602606009323noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-84581078233265753852010-03-24T10:26:00.001+01:002010-03-24T10:32:22.382+01:00Peluqueria gratis para los parados de MálagaEl día 10 de febrero estuvimos en las <strong>12 Horas relámapago por los Parados</strong>, donde Agustín&Hijos ofreció <strong>peluquería gratis</strong> a todos los que presentaran su cartilla del paro y esperaran la cola! Una interesante iniciativa para poner guapo al personal para el dia de los enamorados, y que como podéis ver tuvo una respuesta de público masiva...<br /><br /><a href="http://comunidad.laopiniondemalaga.es/galeria-multimedia/Malaga/Corte-gratis-peluqueria-Agustin-Hijos/11166/2.html"><img class="alignnone size-full wp-image-1287" title="cola_peluqueria_gratis" src="http://bunquer.com/blog/wp-content/uploads/2010/02/cola_peluqueria_gratis.jpg" alt="cola_peluqueria_gratis" width="540" height="270" /></a><br /><br />Este es el vídeo que realizamos con <strong><a href="http://www.factorn.com" target="_blank">Factor ñ</a></strong>, un estudio de Málaga que además de currárselo mucho tienen un <a href="http://www.factorn.com/blog/" target="_blank">blog de arte y diseño</a> que os invito a que visitéis.<br /><br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="390" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blip.tv/play/hLF9gcXfXwI" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="390" src="http://blip.tv/play/hLF9gcXfXwI" allowfullscreen="true"></embed></object><br /><br />Si quieres leer <strong>la crónica</strong> y ver más foto <a href="http://www.agustinehijospeluqueros.com/10_febrero/" target="_blank">visita la web</a>.Mar Rodriguezhttp://www.blogger.com/profile/15082701777427591281noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-27024847791483885372010-02-23T10:47:00.000+01:002010-02-23T10:47:32.376+01:00Bunquer Universal Countdown Leader<embed allowfullscreen="true" allowscriptaccess="always" height="330" src="http://blip.tv/play/hLF9gcfXJAA" type="application/x-shockwave-flash" width="400"></embed><br />
<br />
Siempre que he visto el contador universal que trae adobe premiere por defecto he pensado en hacer el mio propio. Al final me lo he propuesto y ahí está, una práctica para jugar con las formas simples de After Effects. Para inspirarme estuve mirando algunas imágenes de logos vintage.<div class="separator" style="clear: both; text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZksvdI0E1I_v5K8AB9g02Jp-E_0aOPJm58Kycf3hC3sH7mbP1uX5nuvtkROLVb2i5P9GgO9Ryv96RB_PCunfvxJwdexzgr58G3TjKzDtE5mhEFuAsnPB9S9W0XxGfEY2CfKKoGa6HHta/s1600-h/logos-vintage.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZksvdI0E1I_v5K8AB9g02Jp-E_0aOPJm58Kycf3hC3sH7mbP1uX5nuvtkROLVb2i5P9GgO9Ryv96RB_PCunfvxJwdexzgr58G3TjKzDtE5mhEFuAsnPB9S9W0XxGfEY2CfKKoGa6HHta/s320/logos-vintage.jpg" /></a></div>JuanLuhttp://www.blogger.com/profile/12927855602606009323noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-30689380242953939232010-02-17T17:52:00.001+01:002010-02-17T17:53:46.228+01:00Buscando ideas en patterntap.com<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr4D_SM3VuvhVAfz9vEExRvhIKiu3NCWckg-IlikTTLfZuj5bJiwBJhkuylWmWuAopsMDvv08f_JWB09PagIuZD0OK8QkedBN-GmRk0aMx8NFttY1izgk88yb6uWItMbcJUO3HWHFN9p5o/s1600-h/patterntap.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr4D_SM3VuvhVAfz9vEExRvhIKiu3NCWckg-IlikTTLfZuj5bJiwBJhkuylWmWuAopsMDvv08f_JWB09PagIuZD0OK8QkedBN-GmRk0aMx8NFttY1izgk88yb6uWItMbcJUO3HWHFN9p5o/s400/patterntap.PNG" width="400" /></a> </div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Siempre hay que tener bien nutrida la galería de ideas para cualquier proyecto. Si además tienes que motivar a los alumnos para que vean diseños pues más aun. No soy muy partidario de los libros con fotos de webs, me parecen una contradicción, quieres ver diseño web, que mejor que la propia Red para ver la interacción o cómo han solucionado problemas de CSS.<br />
<br />
Esta claro que Internet es infinita y no se puede empezar por cualquier parte, así que os recomiendo <a href="http://patterntap.com/">patterntap.com</a>, una estupenda galería con categorías por elementos.JuanLuhttp://www.blogger.com/profile/12927855602606009323noreply@blogger.comtag:blogger.com,1999:blog-3668657724276623424.post-14027796898305739552010-02-07T19:37:00.002+01:002010-02-07T19:38:48.245+01:00Pixel perfectBuscando aquí y allá para las clases de diseño web de <a href="http://www.gaussmultimedia.com">Gaussmultimedia</a> me he topado con uno de esos complementos de Firefox que nos hace la vida más fácil a la hora de diseñar web.<br />
<br />
Se llama <a href="https://addons.mozilla.org/es-ES/firefox/addon/7943">Pixel Perfect</a>, lo podemos instalar gratuito desde Firefox y nos permitirá cargar las imágenes que queramos para superponerlas en nuestra interfaz. Así nos ahorramos tener que subirla al FTP para ver como queda.JuanLuhttp://www.blogger.com/profile/12927855602606009323noreply@blogger.com