<?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>ΣMΣ Blog &#187; photoshop</title>
	<atom:link href="http://www.mariommoreno.com/blog/category/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mariommoreno.com/blog</link>
	<description>Blog variado y desvariado</description>
	<lastBuildDate>Sat, 16 Jul 2011 12:12:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Bufa&amp;Sons &#8211; Animación musical</title>
		<link>http://www.mariommoreno.com/blog/2010/12/bufasons-animacion-musical/</link>
		<comments>http://www.mariommoreno.com/blog/2010/12/bufasons-animacion-musical/#comments</comments>
		<pubDate>Thu, 02 Dec 2010 18:57:31 +0000</pubDate>
		<dc:creator>Mario M.</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Música]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[ilustración]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.mariommoreno.com/blog/?p=136</guid>
		<description><![CDATA[Aquí os dejo una sencilla animación hecha con photoshop y flash, para los créditos de un video documental sobre un grupo musical realmente singular llamado Bufa&#38;Sons, especialistas en tocar instrumentos caseros reciclados. Además, aprovecharé para explicar algunos de las tecnologías que he usado. Partí de tres caricaturas hechas con la Wacom Cintiq, a partir de [...]]]></description>
			<content:encoded><![CDATA[<p>Aquí os dejo una sencilla animación hecha con photoshop y flash, para los créditos de un video documental sobre un grupo musical realmente singular llamado <a title="Bufa&amp;Sons en Youtube" href="http://www.youtube.com/watch?v=jX6CwZQSDww" target="_blank">Bufa&amp;Sons</a>, especialistas en tocar instrumentos caseros reciclados. Además, aprovecharé para explicar algunos de las tecnologías que he usado.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/5uQkJ7PTCFA" /><embed type="application/x-shockwave-flash" width="425" height="350" src="http://www.youtube.com/v/5uQkJ7PTCFA"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=4nAklIkMy4g" target="_blank"><img class="alignright" style="margin: 0pt 0pt 0pt 5px;" title="Puppet Wrap Photoshop" src="http://img.youtube.com/vi/4nAklIkMy4g/2.jpg" alt="" width="120" height="90" /></a> Partí de tres caricaturas hechas con la Wacom Cintiq, a partir de bocetos a lápiz que posteriormente coloreé y sombreé. Para realizar las diferentes posturas para los distintos fotogramas, utilicé la herramienta<a title="Puppet Wrap Photoshop" href="http://www.youtube.com/watch?v=4nAklIkMy4g" target="_blank"> Puppet Wrap</a> de Photoshop, que permite articular un objeto para darle una nueva forma, como si de una marioneta o objeto flexible se tratara. Os dejo un tutorial para que veáis como funciona.</p>
<p>Finalmente utilicé flash para crear las diferentes secuencias y  reproducirlas en sincronía con la música, y una vez terminado, exporté el resultado a video.</p>
<p>En cuanto esté listo el video final, lo pongo aquí mismo <img src='http://www.mariommoreno.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mariommoreno.com/blog/2010/12/bufasons-animacion-musical/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cerveza Cerberus &#8211; Diseño de Etiqueta</title>
		<link>http://www.mariommoreno.com/blog/2010/09/etiqueta-cerveza-cerberus/</link>
		<comments>http://www.mariommoreno.com/blog/2010/09/etiqueta-cerveza-cerberus/#comments</comments>
		<pubDate>Mon, 20 Sep 2010 11:40:35 +0000</pubDate>
		<dc:creator>Mario M.</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[ilustración]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.mariommoreno.com/blog/?p=101</guid>
		<description><![CDATA[Dentro de los proyectos del ámbito de la cerveza artesana, como la web de cervesaartesana.es o el portal web y tienda online cervezaartesana.es , también hay lugar para el diseño de etiquetas, como ya sucedió con la Cervesa Guineu, o la creación de animaciones. En este caso, el proyecto se presentó como la creación de [...]]]></description>
			<content:encoded><![CDATA[<p>Dentro de los proyectos del ámbito de la cerveza artesana,  como la web de <a href="http://www.cervesaartesana.es" target="_blank">cervesaartesana.es</a> o el portal web y tienda online <a href="http://www.cervezaartesana.es" target="_blank">cervezaartesana.es</a> , también hay lugar para el diseño de etiquetas, como ya sucedió con la <a href="http://www.guineu.cat/" target="_blank">Cervesa Guineu</a>, o la creación de <a href="http://www.mariommoreno.com/flash/auca/" target="_blank">animaciones</a>.</p>
<p><img class="aligncenter size-full wp-image-126" title="cervezaworks" usemap="#cerveza" src="http://www.mariommoreno.com/blog/wp-content/uploads/2010/09/cervezaworks.jpg" alt="" width="550" height="117" /></p>
<map name="cerveza">
<area shape="rect" coords="0,0,180,117" href="http://www.cervesaartesana.es" target="_blank" />
<area shape="rect" coords="180,0,340,117" href="http://www.cervezaartesana.es" target="_blank" />
<area shape="rect" coords="340,0,458,117" href="http://www.guineu.cat/" target="_blank" />
<area shape="rect" coords="458,0,550,117" href="http://www.mariommoreno.com/flash/auca" target="_blank" />
</map>
<p>En este caso, el proyecto se presentó como la creación de una marca de cerveza artesana y su respectivo nombre, logotipo y etiqueta.</p>
<p style="text-align: center;"><a href="http://www.mariommoreno.com/blog/wp-content/uploads/2010/09/CerberusDemo.jpg" rel="lightbox[101]"><img class="size-medium wp-image-102 aligncenter" title="Etiqueta Cerveza Cerberus" src="http://www.mariommoreno.com/blog/wp-content/uploads/2010/09/CerberusDemo-288x300.jpg" alt="Etiqueta Cerveza Cerberus" width="288" height="300" /><br />
<small>click para ampliar</small></a></p>
<p>Se tomó el nombre de <em>Cerberus</em>, por el valor mitológico del mismo y su semejanza con la palabra <em>cerveza. </em>Así en lugar de ser el <a href="http://es.wikipedia.org/wiki/Cerbero" target="_blank">Cerberus mitológico</a> que custodia las puertas del inframundo, este Cerberus tendría la misión de custodiar las puertas a un mundo de artesanía y calidad.  Y las tres cabezas sirvieron como referencia a los tres pilares de la cerveza: agua, cebada y lúpulo (obviando la levadura, aun siendo importante, pero menos icónica). Por último se añadió el prefijo Artés, buscando por un lado la denominación del origen de la misma, y evitando de paso la confusión con el municipio de Cervera. Se pueden apreciar las referencias a la antigua Grecia, origen del ser mitológico, en las cenefas y la arquitectura del portal.</p>
<p>La ilustración se realizó en Photoshop, a partir de varios bocetos a lápiz.</p>
<p>Aunque por causas diversas el proyecto de colaboración con esta marca acabó por cancelarse, creí que el trabajo hecho no debía quedarse guardado en el fondo de un cajón. Es por esto que me decidí a escribir este post e incluir el trabajo en mi portafolios. Espero que os guste.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mariommoreno.com/blog/2010/09/etiqueta-cerveza-cerberus/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Felicitación de El Duende de la Navidad</title>
		<link>http://www.mariommoreno.com/blog/2009/01/felicitacion-duende-navidad/</link>
		<comments>http://www.mariommoreno.com/blog/2009/01/felicitacion-duende-navidad/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 16:35:08 +0000</pubDate>
		<dc:creator>Mario M.</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[ilustración]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.mariommoreno.com/blog/?p=31</guid>
		<description><![CDATA[Supongo que debería haber posteado esto durante las fiestas, pero mejor tarde que nunca. La cuestión es que la postal de navidad que he creado y enviado este año ha sido un éxito En general ha gustado mucho, ya que el juego era divertido, sencillo y corto (y viciaba un poco), así que sólo tengo [...]]]></description>
			<content:encoded><![CDATA[<p>Supongo que debería haber posteado esto durante las fiestas, pero mejor tarde que nunca.<br />
La cuestión es que la postal de navidad que he creado y enviado este año ha sido un éxito <img src='http://www.mariommoreno.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  En general ha gustado mucho, ya que el juego era divertido, sencillo y corto (y viciaba un poco), así que sólo tengo que lamentar el haber usado la última versión de motor de flash, cuando este aun no estaba demasiado extendido. Por lo demás, el trabajo ha merecido la pena y sin duda el año que viene habrá más.</p>
<p>Aquí tenéis un enlace para ver y jugar a la postal de navidad de este año. Así que si no lo habéis hecho aun, ahora podréis ayudar al duende de la Navidad a repartir los regalos:</p>
<p><a title="Jugar al Duende Navideño" href="http://www.mariommoreno.com/flash/gifts" target="_blank"><img src="http://www.mariommoreno.com/blog/fotos/JugarDuende.jpg" alt="Jugar Duende Navideño" width="284" height="146" class="clear"/></a></p>
<p>Aquí tenéis un primer plano del duende navideño. Empecé a sombrearlo en alta resolución, pero por tiempo (y porque el tamaño del juego no lo necesitaba), tuve que acabar el resto del cuerpo de forma rápida.</p>
<p><img src="http://www.mariommoreno.com/blog/fotos/DuendeDetalle.jpg" alt="Detalle Duende" width="570" height="588" /></p>
<p>Aprovecho también este artículo para  enseñar la postal que hice para las navidades anteriores. Un super Árbol de Navidad personalizable <img src='http://www.mariommoreno.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a title="Ver Árbol decorado" href="http://www.mariommoreno.com/flash/arbolNavidad/?idArbol=33" target="_blank"><img src="http://www.mariommoreno.com/blog/fotos/ArbolVer.jpg" alt="Ver árbol decorado" width="284" height="146" class="clear"/></a> <a title="Decorar árbol" href="http://www.mariommoreno.com/flash/arbolNavidad/" target="_blank"><img src="http://www.mariommoreno.com/blog/fotos/ArbolDeco.jpg" alt="Decorar Árbol" width="284" height="146" class="clear"/></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mariommoreno.com/blog/2009/01/felicitacion-duende-navidad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Acciones de Photoshop (Ejemplo y Tutorial)</title>
		<link>http://www.mariommoreno.com/blog/2008/07/acciones-de-photoshop-ejemplo-y-tutorial/</link>
		<comments>http://www.mariommoreno.com/blog/2008/07/acciones-de-photoshop-ejemplo-y-tutorial/#comments</comments>
		<pubDate>Wed, 02 Jul 2008 14:39:29 +0000</pubDate>
		<dc:creator>Mario M.</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.mariommoreno.com/blog/?p=10</guid>
		<description><![CDATA[Como introducción rápida para quien no sepa que son las acciones de Photoshop, explicaré que se trata de un conjunto de pasos (efectos de color, filtros, recortes, etc) que pueden ser grabados para poder aplicarlos más tarde a diferentes imágenes, ahorrando así mucho tiempo. Estos pasos pueden grabarse en lo que se llama una acción, [...]]]></description>
			<content:encoded><![CDATA[<p>Como introducción rápida para quien no sepa que son las acciones de Photoshop, explicaré que se trata de un conjunto de pasos (efectos de color, filtros, recortes, etc) que pueden ser grabados para poder aplicarlos más tarde a diferentes imágenes, ahorrando así mucho tiempo.</p>
<p>Estos pasos pueden grabarse en lo que se llama una acción, y estas pueden agruparse en lo que se conoce como conjunto de acciones, que pueden guardarse en un archivo (.atn). Gracias a esto, podemos encontrar gran cantidad de acciones por internet, que nos permitirán dar vida a las típicas fotos tipo &#8220;me ha quedado bien, pero le falta algo&#8221;.</p>
<p>El otro día encontré por casualidad un conjunto de acciones de Photoshop que me hicieron recordar lo potentes que pueden ser y por eso he decidido escribir un post para compartir mi descubrimiento.</p>
<p><strong></strong><br />
<strong>Un ejemplo de efecto retro<br />
</strong></p>
<p>Uno de los mejores sitios para encontrar un gran surtido de acciones es la página <a title="Acciones en DeviantArt" href="http://browse.deviantart.com/resources/applications/psactions/?order=9&amp;alltime=yes" target="_blank">DeviantArt.com</a>, donde los usuarios comparten acciones para photoshop (entre muchas otras cosas como ilustraciones, fotografias, tutoriales, etc).</p>
<p>Hay muchos usuarios que colaboran enviando acciones, y uno de ellos es <a title="DeviantArt de Night-fate" href="http://night-fate.deviantart.com/" target="_blank">Night-fate</a>, que ha colgado ya <a title="Acciones Photoshop de Night-Fate" href="http://night-fate.deviantart.com/gallery/#photoshop-actions" target="_blank">50 sets de acciones</a>. Aunque muchas de las acciones tienen efectos muy similares, seguro que encontraréis más de una que os sorprenderá.</p>
<p>El mosaico de imágenes que hay a continuación, lo he creado para que podáis ver los resultados de aplicar un conjunto de acciones a una foto normal. Este <a title="Set 50 Acciones retro" href="http://night-fate.deviantart.com/art/photoshop-actions-50-90199632" target="_blank">set de acciones</a> lo podréis descargar <a title="Set 50 Acciones retro ZIP" href="http://www.deviantart.com/download/90199632/photoshop_actions___50_by_night_fate.zip" target="_blank">aquí</a>.</p>
<p style="text-align: center;"><a title="Acciones Photoshop Retro" href="http://www.mariommoreno.com/blog/fotos/AccionesRetro.jpg" target="_blank" rel="lightbox[10]"><img src="http://www.mariommoreno.com/blog/fotos/AccionesRetro_th.jpg" alt="Mosaico Imagenes" width="400" height="228" /><br />
click para ampliar</a></p>
<p><strong></strong><br />
<strong>Ejemplo de foto antigua<br />
</strong></p>
<p>Existen otro tipo de acciones algo más complejas, que en alguno de los pasos puede pedir al usuario que realice una acción, o que cargue una imagen en concreto. Este es el caso de esta acción, que en un momento dado, te pedirá que selecciones un archivo de textura, que habrás descargado antes con el archivo de acción.</p>
<p>Aquí tenéis el resultado aplicando la acción a una foto de una casa abandonada que hice hace tiempo. La <a title="Acción Foto Antigua" href="http://rawimage.deviantart.com/art/Gum-Bichromate-Print-65153550" target="_blank">acción para crear fotos antiguas</a> la podéis descargar <a title="Acción Fotos Antiguas ZIP" href="http://www.deviantart.com/download/65153550/Gum_Bichromate_Print_by_rawimage.zip" target="_blank">aquí</a>.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.mariommoreno.com/blog/fotos/CasaAntigua.jpg" alt="" /></p>
<p><strong></strong><br />
<strong>Como se usan las acciones de Photoshop</strong></p>
<p>Para empezar a usar un conjunto de acciones tendréis que hacer lo siguiente:<a title="Tutotial Acción Photoshop" href="http://www.mariommoreno.com/blog/fotos/TutAcciones.jpg" target="_blank" rel="lightbox[10]"><img class="alignright" style="float: right;" src="http://www.mariommoreno.com/blog/fotos/TutAcciones_th.jpg" alt="Tutorial Acción Photoshop" width="200" height="322" /></a></p>
<ul>
<li>Descargarlo de internet (imagen de ejemplo descargándolo desde Deviantart.com).</li>
<li>Descomprimir el archivo en el caso que venga en formato ZIP o RAR.</li>
<li>Guardar imágenes extra en el caso de que las haya.</li>
<li>Abrir archivo de acciones <strong>*.atn</strong> (se abrirá Photoshop si no está abierto ya).</li>
<li>Abrir la foto a la que se quiere aplicar la acción</li>
<li>Seleccionar acción en la paleta Acciones (o Actions).</li>
<li>Pulsar Play y seguir los pasos si es necesario.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.mariommoreno.com/blog/2008/07/acciones-de-photoshop-ejemplo-y-tutorial/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

