<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>animación Archives</title>
	<atom:link href="https://www.luisan.net/blog/tag/animacion/feed" rel="self" type="application/rss+xml" />
	<link>https://www.luisan.net/blog/tag/animacion</link>
	<description>Diseño gráfico, diseño web, identidad corporativa, marketing y multimedia</description>
	<lastBuildDate>Wed, 09 Sep 2020 20:03:04 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.luisan.net/blog/wp-content/uploads/2026/09/cropped-icono-ln-512x512-1-32x32.png</url>
	<title>animación Archives</title>
	<link>https://www.luisan.net/blog/tag/animacion</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Efecto Parallax</title>
		<link>https://www.luisan.net/blog/diseno-grafico/efecto-parallax</link>
					<comments>https://www.luisan.net/blog/diseno-grafico/efecto-parallax#respond</comments>
		
		<dc:creator><![CDATA[LN Creatividad y Tecnología]]></dc:creator>
		<pubDate>Thu, 24 Apr 2014 22:26:23 +0000</pubDate>
				<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[animación]]></category>
		<category><![CDATA[arte digital]]></category>
		<category><![CDATA[diseño de interfaces experimentales]]></category>
		<category><![CDATA[diseño de páginas web]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[páginas web]]></category>
		<category><![CDATA[tendencias]]></category>
		<guid isPermaLink="false">http://www.luisan.net/blog/?p=2087</guid>

					<description><![CDATA[<p>Parallax es el desplazamiento o diferencia aparente en la posición de un objeto visto desde 2 puntos de vista diferentes y se mide por el ángulo o semi-ángulo de inclinación entre los dos puntos de vista. El término viene del griego parallaxis que significa alteración, los objetos más cercanos tienen un parallax más alto que [...]</p>
<p>The post <a href="https://www.luisan.net/blog/diseno-grafico/efecto-parallax">Efecto Parallax</a> appeared first on <a href="https://www.luisan.net/blog">LN Creatividad y Tecnología Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><img fetchpriority="high" decoding="async" class="alignleft size-full wp-image-2099" src="http://www.luisan.net/blog/wp-content/uploads/2014/04/parallax.png" alt="parallax" width="300" height="216" />Parallax es el desplazamiento o diferencia aparente en la posición de un objeto visto desde 2 puntos de vista diferentes y se mide por el ángulo o semi-ángulo de inclinación entre los dos puntos de vista. El término viene del griego parallaxis que significa alteración, los objetos más cercanos tienen un parallax más alto que los que se sitúan a mayor distancia cuando se observan desde 2 posiciones diferentes. Los astrónomos utilizan este efecto para medir las distancias a las estrellas.</p>
<p><span id="more-2087"></span></p>
<p>Parallax es también un villano (un bicho bastante feo por cierto que se define como «a demonic looking parasitic cosmic entity») que debutó en el número 50 de Green Lantern de DC Comics y Parallax se llamó al efecto que se introdujo en el sistema operativo de Apple iOS7 que hacía que el fondo de la pantalla pareciese moverse a velocidad distinta que el contenido, creando un ligero efecto de profundidad, el fondo de la pantalla parece que sigue nuestra mirada.</p>
<p>El diseño de la interfaz de usuario (UI User Interface o UX User Experience) de este iOS7 se realizó por medio de capas lo que permitió que cuando se mueve el dispositivo móvil se pueda mover no solo el wallpaper o background sino también otros elementos de la pantalla provocando un cierto efecto sutil de 3D o una ligera tridimensionalidad.</p>
<p>Aplicado el efecto parallax al <a title="Diseño web" href="http://www.luisan.net/diseno-paginas-web/diseno-web.html">diseño web</a> en general o al diseño de interfaces experimentales en particular, ciertamente que se consigue algo muy dinámico, moderno y agradable si se hace con gusto y moderación, el movimiento se realiza con una leve fricción, aceleración o efecto easing que provoca una sensación de inmersión en el contenido muy novedosa y una secuencia narrativa con nuevas y creativas posibilidades.</p>
<p>Sin embargo este efecto es tan antiguo y conocido como la propia historia de la civilización y más recientemente desde que existe la animación, <a href="https://www.elparquedelosdibujos.com/colorear/dibujos-para-colorear-personajes-infantiles/dibujos-para-colorear-disney/dibujos-colorear-disney.php" target="_blank" rel="noopener noreferrer">Walt Disney</a> ya investigó y utilizó esta técnica en los años 40 como se puede observar en este didáctico vídeo:</p>
<p><iframe class="fusion-hidden" data-privacy-type="youtube" src="" data-privacy-src="//www.youtube.com/embed/86zPz3J4MdM?rel=0" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe><div class="fusion-privacy-placeholder" style="width:420px; height:315px;" data-privacy-type="youtube"><div class="fusion-privacy-placeholder-content"><div class="fusion-privacy-label">Por razones de privacidad YouTube necesita tu permiso para cargarse.</div><a href="" data-privacy-type="youtube" class="fusion-button button-default fusion-button-default-size button fusion-privacy-consent">I Accept</a></div></div></p>
<p>Actualmente el «<strong>Efecto Parallax</strong>» se ha trasladado a multitud de interfaces de <strong>diseño web</strong> como se puede ver en estos ejemplos:</p>
<p><a href="http://www.culturalsolutions.co.uk/" target="_blank" rel="noopener noreferrer">http://www.culturalsolutions.co.uk/</a></p>
<p><a href="http://www.numero10.ch/fr/home/" target="_blank" rel="noopener noreferrer">http://www.numero10.ch/fr/home/</a></p>
<p><a href="http://matthew.wagerfield.com/parallax/" target="_blank" rel="noopener noreferrer">http://matthew.wagerfield.com/parallax/</a></p>
<p><a href="http://boy-coy.com/" target="_blank" rel="noopener noreferrer">http://boy-coy.com/</a></p>
<p><a href="http://www.madwell.com/" target="_blank" rel="noopener noreferrer">http://www.madwell.com/</a></p>
<p><a href="http://www.iutopi.com/" target="_blank" rel="noopener noreferrer">http://www.iutopi.com/</a></p>
<p><a href="http://uk.rimmellondon.com/" target="_blank" rel="noopener noreferrer">http://uk.rimmellondon.com/</a></p>
<p><a href="http://janploch.de/" target="_blank" rel="noopener noreferrer">http://janploch.de/</a></p>
<p><a href="http://unfold.no/" target="_blank" rel="noopener noreferrer">http://unfold.no/</a></p>
<p>The post <a href="https://www.luisan.net/blog/diseno-grafico/efecto-parallax">Efecto Parallax</a> appeared first on <a href="https://www.luisan.net/blog">LN Creatividad y Tecnología Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.luisan.net/blog/diseno-grafico/efecto-parallax/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2087</post-id>	</item>
		<item>
		<title>The annual Pictoplasma Festival in Berlin</title>
		<link>https://www.luisan.net/blog/diseno-grafico/ilustracion/the-anual-pictoplasma-festival-in-berlin</link>
					<comments>https://www.luisan.net/blog/diseno-grafico/ilustracion/the-anual-pictoplasma-festival-in-berlin#respond</comments>
		
		<dc:creator><![CDATA[LN Creatividad y Tecnología]]></dc:creator>
		<pubDate>Tue, 11 Jan 2011 19:11:05 +0000</pubDate>
				<category><![CDATA[Ilustración]]></category>
		<category><![CDATA[animación]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[character design]]></category>
		<category><![CDATA[eventos]]></category>
		<guid isPermaLink="false">http://www.luisan.net/blog/?p=1282</guid>

					<description><![CDATA[<p>Seguramente conocéis ya "Pictoplasma" www.pictoplasma.com, son una referencia desde hace años en el mundo de la creación de personajes, la ilustración, animación, etc. pues bien, del 6 al 9 de abril se celebra en Berlin "The annual Pictoplasma Festival", un festival de "character design" y "arte contemporáneo" al que no le va a faltar de [...]</p>
<p>The post <a href="https://www.luisan.net/blog/diseno-grafico/ilustracion/the-anual-pictoplasma-festival-in-berlin">The annual Pictoplasma Festival in Berlin</a> appeared first on <a href="https://www.luisan.net/blog">LN Creatividad y Tecnología Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Seguramente conocéis ya «Pictoplasma» <a title="Pictoplasma" href="http://www.pictoplasma.com" target="_blank">www.pictoplasma.com</a>, son una referencia desde hace años en el mundo de la creación de personajes, la ilustración, animación, etc. pues bien, del 6 al 9 de abril se celebra en Berlin «The annual Pictoplasma Festival», un festival de «character design» y «arte contemporáneo» al que no le va a faltar de nada y al que sería estupendo poder asistir.<br />
Más información en <a title="Pictoplasma festival en Berlin" href="http://berlin.pictoplasma.com" target="_blank">The annual Pictoplasma Festival in Berlin</a></p>
<p>El libro que publican anualmente recopilación de «character design» global es una referencia desde hace muchos años en el mundo de la ilustración:</p>
<p><a href="http://publishing.pictoplasma.com/" title="Pictoplasma character portraits" target="_blank">http://publishing.pictoplasma.com/</a></p>
<p><a href="http://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-1.jpg"><img decoding="async" class="alignnone size-full wp-image-1286" title="ilustracion-pictoplasma-1" src="http://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-1.jpg" alt="" width="600" height="297" srcset="https://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-1-300x148.jpg 300w, https://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-1.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><a href="http://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-2.jpg"><img decoding="async" class="alignnone size-full wp-image-1290" title="ilustracion-pictoplasma-2" src="http://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-2.jpg" alt="" width="600" height="297" srcset="https://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-2-300x148.jpg 300w, https://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-2.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><a href="http://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-3.jpg"><img decoding="async" class="alignnone size-full wp-image-1293" title="ilustracion-pictoplasma-3" src="http://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-3.jpg" alt="" width="600" height="297" srcset="https://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-3-300x148.jpg 300w, https://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-3.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><a href="http://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-4.jpg"><img decoding="async" class="alignnone size-full wp-image-1294" title="ilustracion-pictoplasma-4" src="http://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-4.jpg" alt="" width="600" height="297" srcset="https://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-4-300x148.jpg 300w, https://www.luisan.net/blog/wp-content/uploads/2011/01/ilustracion-pictoplasma-4.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><iframe class="fusion-hidden" data-privacy-type="facebook" src="" data-privacy-src="http://www.facebook.com/plugins/like.php?href=http://www.luisan.net/blog/ilustracion/the-anual-pictoplasma-festival-in-berlin;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe><div class="fusion-privacy-placeholder"  data-privacy-type="facebook"><div class="fusion-privacy-placeholder-content"><div class="fusion-privacy-label">Por razones de privacidad Facebook necesita tu permiso para cargarse.</div><a href="" data-privacy-type="facebook" class="fusion-button button-default fusion-button-default-size button fusion-privacy-consent">I Accept</a></div></div></p>
<p>The post <a href="https://www.luisan.net/blog/diseno-grafico/ilustracion/the-anual-pictoplasma-festival-in-berlin">The annual Pictoplasma Festival in Berlin</a> appeared first on <a href="https://www.luisan.net/blog">LN Creatividad y Tecnología Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.luisan.net/blog/diseno-grafico/ilustracion/the-anual-pictoplasma-festival-in-berlin/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1282</post-id>	</item>
		<item>
		<title>Alma, un corto de animación en 3D de Rodrigo Blaas</title>
		<link>https://www.luisan.net/blog/diseno-grafico/ilustracion/alma-un-corto-de-animacion-de-rodrigo-blaas</link>
					<comments>https://www.luisan.net/blog/diseno-grafico/ilustracion/alma-un-corto-de-animacion-de-rodrigo-blaas#respond</comments>
		
		<dc:creator><![CDATA[LN Creatividad y Tecnología]]></dc:creator>
		<pubDate>Mon, 15 Feb 2010 22:43:26 +0000</pubDate>
				<category><![CDATA[Ilustración]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[animación]]></category>
		<category><![CDATA[character design]]></category>
		<category><![CDATA[ilustradores españoles]]></category>
		<guid isPermaLink="false">http://www.luisan.net/blog/?p=837</guid>

					<description><![CDATA[<p>Alma es el primer corto de animación en 3D de Rodrigo Blaas y ha sido candidato a los Premios Goya 2010 en la categoría de cortos de animación, no ha ganado pero la calidad de la pieza está fuera de toda duda, el diseño de los personajes, la calidad de las texturas y el ambiente [...]</p>
<p>The post <a href="https://www.luisan.net/blog/diseno-grafico/ilustracion/alma-un-corto-de-animacion-de-rodrigo-blaas">Alma, un corto de animación en 3D de Rodrigo Blaas</a> appeared first on <a href="https://www.luisan.net/blog">LN Creatividad y Tecnología Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Alma es el primer corto de animación en 3D de Rodrigo Blaas y ha sido candidato a los Premios Goya 2010 en la categoría de cortos de animación, no ha ganado pero la calidad de la pieza está fuera de toda duda, el diseño de los personajes, la calidad de las texturas y el ambiente recreado es impresionante, ha sido premiado en numerosos festivales de todo el mundo.</p>
<p>Aquí podéis ver el corto entero:<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4749536&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object></p>
<p><a href="http://www.luisan.net/blog/wp-content/uploads/2010/02/alma.jpg"><img decoding="async" class="size-full wp-image-840 alignleft" title="alma" src="http://www.luisan.net/blog/wp-content/uploads/2010/02/alma.jpg" alt="" width="500" height="250" srcset="https://www.luisan.net/blog/wp-content/uploads/2010/02/alma-300x150.jpg 300w, https://www.luisan.net/blog/wp-content/uploads/2010/02/alma.jpg 500w" sizes="(max-width: 500px) 100vw, 500px" /></a><a href="http://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_01.jpg"><img decoding="async" class="size-full wp-image-845 alignleft" title="ALMA_01" src="http://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_01.jpg" alt="" width="480" height="270" srcset="https://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_01-300x168.jpg 300w, https://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_01.jpg 480w" sizes="(max-width: 480px) 100vw, 480px" /></a><a href="http://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_04.jpg"><img decoding="async" class="size-full wp-image-846 alignleft" title="ALMA_04" src="http://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_04.jpg" alt="" width="500" height="228" srcset="https://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_04-300x136.jpg 300w, https://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_04.jpg 500w" sizes="(max-width: 500px) 100vw, 500px" /></a><a href="http://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_00-175x300.jpg"><img decoding="async" class="size-full wp-image-841 alignnone" title="ALMA_00-175x300" src="http://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_00-175x300.jpg" alt="" width="175" height="300" /></a><a href="http://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_02-300x150.jpg"><img decoding="async" class="size-full wp-image-843 alignleft" title="ALMA_02-300x150" src="http://www.luisan.net/blog/wp-content/uploads/2010/02/ALMA_02-300x150.jpg" alt="" width="300" height="150" /></a></p>
<p><a href="http://www.almashortfilm.com" target="_blank">www.almashortfilm.com</a></p>
<p>The post <a href="https://www.luisan.net/blog/diseno-grafico/ilustracion/alma-un-corto-de-animacion-de-rodrigo-blaas">Alma, un corto de animación en 3D de Rodrigo Blaas</a> appeared first on <a href="https://www.luisan.net/blog">LN Creatividad y Tecnología Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.luisan.net/blog/diseno-grafico/ilustracion/alma-un-corto-de-animacion-de-rodrigo-blaas/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">837</post-id>	</item>
		<item>
		<title>Freaklances &#8216;la serie&#8217;</title>
		<link>https://www.luisan.net/blog/transformacion-digital/freaklances-la-serie</link>
					<comments>https://www.luisan.net/blog/transformacion-digital/freaklances-la-serie#respond</comments>
		
		<dc:creator><![CDATA[LN Creatividad y Tecnología]]></dc:creator>
		<pubDate>Mon, 18 Jan 2010 16:21:21 +0000</pubDate>
				<category><![CDATA[Transformación Digital]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[animación]]></category>
		<category><![CDATA[character design]]></category>
		<category><![CDATA[ilustradores españoles]]></category>
		<category><![CDATA[marketing digital]]></category>
		<guid isPermaLink="false">http://www.luisan.net/blog/?p=696</guid>

					<description><![CDATA[<p>El 2º capítulo de ROI que en la serie de animación es el nombre de un consultor de marketing freelance es ciertamente muy bueno y divertido, se ríe uno de cómo somos todos en este mundillo del marketing, los resultados, las estadísticas y las analíticas, de las agencias y de los que trabajan para agencias, [...]</p>
<p>The post <a href="https://www.luisan.net/blog/transformacion-digital/freaklances-la-serie">Freaklances &#8216;la serie&#8217;</a> appeared first on <a href="https://www.luisan.net/blog">LN Creatividad y Tecnología Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>El 2º capítulo de ROI que en la serie de animación es el nombre de un consultor de marketing freelance es ciertamente muy bueno y divertido, se ríe uno de cómo somos todos en este mundillo del marketing, los resultados, las estadísticas y las analíticas, de las agencias y de los que trabajan para agencias, seguro que casi todos hemos estado o estaremos en el futuro y más de una vez una vez en un lado y otras en otro, es inevitable y según te pille&#8230; Freaklances &#8216;la serie&#8217; estupendos guiones que con mucho humor explican perfectamente el día a día de las agencias de marketing digital y creativas.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8592892&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object></p>
<p><a href="http://www.freaklances.blogspot.com" target="_blank">http://www.freaklances.blogspot.com</a> (Gracias por incluirnos en su blog).</p>
<p><a href="http://vimeo.com/freaklances" target="_blank">http://vimeo.com/freaklances</a></p>
<p>The post <a href="https://www.luisan.net/blog/transformacion-digital/freaklances-la-serie">Freaklances &#8216;la serie&#8217;</a> appeared first on <a href="https://www.luisan.net/blog">LN Creatividad y Tecnología Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.luisan.net/blog/transformacion-digital/freaklances-la-serie/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">696</post-id>	</item>
	</channel>
</rss>
