<?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>Experimentos &#38; Diseño &#187; tutorial</title>
	<atom:link href="http://experimentos.nandx.es/category/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://experimentos.nandx.es</link>
	<description>Un pequeño blog sobre diseño gráfico y otras variantes en el que encontrarás algunos recursos de utilidad entremezclados con unas pocas entradas offtopic del autor.</description>
	<lastBuildDate>Thu, 09 Sep 2010 20:42:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Videotutorial: Wallpaper con texturas</title>
		<link>http://experimentos.nandx.es/2009/videotutorial-wallpaper-con-texturas/</link>
		<comments>http://experimentos.nandx.es/2009/videotutorial-wallpaper-con-texturas/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 15:28:31 +0000</pubDate>
		<dc:creator>Nandx</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[recursos]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[wallpapers]]></category>

		<guid isPermaLink="false">http://experimentos.nandx.es/?p=209</guid>
		<description><![CDATA[Esta forma de presentar un tutorial es nueva, y el nombre es una trola de las grandes. Es un &#8220;videotutorial&#8221; porque las fotos y explicaciones están dentro de un video, pero no ves el proceso en &#8220;vivo&#8221;. Pero me resultaba más fácil y entretenido hacerlo así, que subiendo foto por foto y escribiendo directamente aquí. [...]]]></description>
			<content:encoded><![CDATA[<p><object width="580" height="343"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8728578&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8728578&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="343"></embed></object></p>
<p>Esta forma de presentar un tutorial es nueva, y el nombre es una trola de las grandes. Es un &#8220;videotutorial&#8221; porque las fotos y explicaciones están dentro de un video, pero no ves el proceso en &#8220;vivo&#8221;. Pero me resultaba más fácil y entretenido hacerlo así, que subiendo foto por foto y escribiendo directamente aquí. Está hecho con iMovie, y justo al acabarlo me arrepentí de haberlo hecho con este programa ya que tenía ganas de probar el Final Cut Express, que todavía no lo controlo. De todas formas, el tutorial puede que no esté muy bien explicado y que vaya un poco rápido, pero anda que no mola ni <cite>n&aacute;</cite> con los Razorlight sonando de fondo.</p>
<p><a href="http://experimentos.nandx.es/wp-content/uploads/2009/11/wallpaper-helmet.jpg" title="wallpaper helmet">Aqu&iacute;</a> ten&eacute;is el wallpaper terminado.</p>
<img src="http://experimentos.nandx.es/?ak_action=api_record_view&id=209&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://experimentos.nandx.es/2009/videotutorial-wallpaper-con-texturas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creando un wallpaper</title>
		<link>http://experimentos.nandx.es/2009/creando-un-wallpaper/</link>
		<comments>http://experimentos.nandx.es/2009/creando-un-wallpaper/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 14:39:59 +0000</pubDate>
		<dc:creator>Nandx</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[wallpapers]]></category>

		<guid isPermaLink="false">http://experimentos.nandx.es/?p=186</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><object width="580" height="343"><param name="movie" value="http://www.youtube.com/v/p9VF3tDX_iY&#038;hl=es&#038;fs=1&#038;rel=0&#038;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/p9VF3tDX_iY&#038;hl=es&#038;fs=1&#038;rel=0&#038;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="343"></embed></object></p>
<img src="http://experimentos.nandx.es/?ak_action=api_record_view&id=186&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://experimentos.nandx.es/2009/creando-un-wallpaper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: Procesos Cruzados en Photoshop</title>
		<link>http://experimentos.nandx.es/2009/tutorial-procesos-cruzados-en-photoshop/</link>
		<comments>http://experimentos.nandx.es/2009/tutorial-procesos-cruzados-en-photoshop/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 13:47:01 +0000</pubDate>
		<dc:creator>Nandx</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[recursos]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://experimentos.nandx.es/?p=158</guid>
		<description><![CDATA[Con este tutorial se hace una imitación de una técnica en la fotografía analógica en la que se mezclan productos químicos en el orden incorrecto para conseguir otro orden de colores en sombras y iluminaciones de la foto, las sombras se vuelven más azuladas y las iluminaciones mas amarillentas verdosas. Resultado final: Foto original: Paso 1: [...]]]></description>
			<content:encoded><![CDATA[<p>Con este tutorial se hace una imitación de una técnica en la fotografía analógica en la que se mezclan productos químicos en el orden incorrecto para conseguir otro orden de colores en sombras y iluminaciones de la foto, las sombras se vuelven más azuladas y las iluminaciones mas amarillentas verdosas.</p>
<p>Resultado final:</p>
<p><img src="http://i196.photobucket.com/albums/aa194/Nandx/Imagen6-2.png" alt="end" /><br />
<span id="more-158"></span><br />
Foto original:</p>
<p><img src="http://i196.photobucket.com/albums/aa194/Nandx/Imagen4-2.png" alt="origina" /></p>
<p>Paso 1: Creamos una capa de ajuste de curvas, y seleccionamos el canal rojo. Creamos una curva con forma de S pero desplazamos a la izquierda el origen de los blancos. Quedaría así:</p>
<p><img src="http://i196.photobucket.com/albums/aa194/Nandx/Imagen1.png" alt="red channel" /></p>
<p>Seleccionamos el canal verde, y creamos otra curva con forma de S, pero esta vez con muy poca curvatura en las sombras. Quedaría así:</p>
<p><img src="http://i196.photobucket.com/albums/aa194/Nandx/Imagen2-9.png" alt="green channel" /></p>
<p>Seleccionamos el canal azul, pero esta vez no crearemos ninguna curva. Solo desplazaremos los orígenes de la recta. Desplazamos hacia abajo en línea recta la punta superior (iluminaciones) y hacemos lo mismo pero a la inversa con la punta inferior (sombras). Quedaría así:</p>
<p><img src="http://i196.photobucket.com/albums/aa194/Nandx/Imagen3-4.png" alt="blue channel" /></p>
<p>Paso 2: Creamos una capa de relleno de color sólido con un color entre verde y amarillo (por ejemplo: #e4ff00) y le bajamos la opacidad hasta un valor entre el 5 y 10%.</p>
<p>Paso 3 (Opcional): Para darle más intensidad a los colores se puede añadir una última capa de ajustes de niveles, y acercar las iluminaciones y sombras y dejar el punto medio más cerca de las sombras.</p>
<p>Resultado final:</p>
<p><img src="http://i196.photobucket.com/albums/aa194/Nandx/Imagen6-2.png" alt="fina" /></p>
<img src="http://experimentos.nandx.es/?ak_action=api_record_view&id=158&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://experimentos.nandx.es/2009/tutorial-procesos-cruzados-en-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Las cosas están así. Tutoriales para Photoshop e Illustrator.</title>
		<link>http://experimentos.nandx.es/2009/las-cosas-estan-asi-tutoriales-para-photoshop-e-illustrator/</link>
		<comments>http://experimentos.nandx.es/2009/las-cosas-estan-asi-tutoriales-para-photoshop-e-illustrator/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 17:59:54 +0000</pubDate>
		<dc:creator>Nandx</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[idas de pinza]]></category>
		<category><![CDATA[recursos]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[wallpapers]]></category>

		<guid isPermaLink="false">http://experimentos.nandx.es/?p=157</guid>
		<description><![CDATA[.sunfloer {height: 200px; background: url(http://farm4.static.flickr.com/3662/3669489624_44279fd71f.jpg?v=0) 0px -130px ;} Dentro de poco caerán algunos tutoriales sobre Photoshop y Illustrator, o al menos esa es mi idea. Podeis mandar vuestras sugerencias sobre qué tipo de tutoriales deseais, eso me ayudará para ir empezando. Necesito recuperar mi Macbook, que será en pocos días, y pondré orden a todo [...]]]></description>
			<content:encoded><![CDATA[<style>
.sunfloer {height: 200px; background: url(http://farm4.static.flickr.com/3662/3669489624_44279fd71f.jpg?v=0) 0px -130px ;} </style>
<div class="sunfloer"></div>
<p>Dentro de poco caerán algunos tutoriales sobre Photoshop y Illustrator, o al menos esa es mi idea. Podeis mandar vuestras sugerencias sobre qué tipo de tutoriales deseais, eso me ayudará para ir empezando. </p>
<p>Necesito recuperar mi Macbook, que será en pocos días, y pondré orden a todo esto. Le hacen falta unos pocos retoques al blog, ya que he decidido darle mas importancia a los tutoriales. También tengo que meter una gran actualización a la sección de wallpapers. Son pocas cosillas pero durante el curso lo tuve todo muy abandonado y me toca arreglarlo ahora. Un saludo.</p>
<img src="http://experimentos.nandx.es/?ak_action=api_record_view&id=157&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://experimentos.nandx.es/2009/las-cosas-estan-asi-tutoriales-para-photoshop-e-illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ilustrar con Ai</title>
		<link>http://experimentos.nandx.es/2008/ilustrar-con-ai/</link>
		<comments>http://experimentos.nandx.es/2008/ilustrar-con-ai/#comments</comments>
		<pubDate>Sat, 19 Jul 2008 00:26:24 +0000</pubDate>
		<dc:creator>Nandx</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[recursos]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://experimentos.nandx.es/?p=131</guid>
		<description><![CDATA[Muchas veces me parto la cabeza pensando en como harán los grandes cracks del diseño para crear esas obras de arte que hacen. Yo soy un novato en esto, pero con un poco de maña se intenta aprender a base de trucos. La idea es que si tienes buena mano dibujando, te pintas algo en [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://i196.photobucket.com/albums/aa194/Nandx/asdaasdasd.jpg" alt="drawing" /><br />
Muchas veces me parto la cabeza pensando en como harán los grandes cracks del diseño para crear esas obras de arte que hacen. Yo soy un novato en esto, pero con un poco de maña se intenta aprender a base de trucos.</p>
<p>La idea es que si tienes buena mano dibujando, te pintas algo en un papel (yo no soy muy bueno pintando, un personaje de cómic para ir empezando va de lujo) y lo escaneas. Si no tienes un escáner a mano, coges la cámara y le haces una foto al dibujo de frente.</p>
<p><span id="more-131"></span><br />
<img src="http://img162.imageshack.us/img162/9986/imagen1dz3dt8.jpg" alt="drawing" /></p>
<p>Con la Herramienta Pluma, vas creando trazados cubriendo las lineas del personaje.<br />
<img src="http://img339.imageshack.us/img339/1769/imagen2dh0.png" alt="drawing" /></p>
<p>Y con paciencia, sigue haciendo lo mismo con todo el dibujo (los pelos me han salido mal, lo reconozco).<br />
<img src="http://img267.imageshack.us/img267/1151/imagen4oq9.png" alt="drawing" /></p>
<p>Para colorear sería más fácil exportar el dibujo a Photoshop y seguir con por ahí, pero que gracia tendría si lo que queremos es ser amos del Illustrator y no chupar más ram con otros programas abiertos.</p>
<p>Seleccionamos los trazados que tenemos creados, asignamos un color de fondo y lo más importante: vamos ordenando los trazados a la vez que los pintamos. En el ojo el trazado que tiene contiene el iris debe ir debajo de el trazado que tiene la pestaña, para esconder el color y esconder la imperfección del trazado que no es necesaria representar. Esto es un ejemplo de un tip que usaré para pintar todo el dibujo entero.<br />
<img src="http://img444.imageshack.us/img444/5532/imagen3bi8.png" alt="drawing" /></p>
<p>Y con mucha paciencia vamos pintando todo el personaje. Seguramente tengáis que modificar los trazados para mejorar el resultado. No tengáis prisa, esto es una guía para novatos como yo, y yo tardé como 6 horas en llegar a este resultado que tampoco es que sea mucha cosa.<br />
<img src="http://img175.imageshack.us/img175/4599/imagen5vf5.png" alt="drawing" /></p>
<p>Tendría que haber seguido aplicando más detalles: a los pelos les hace falta sombras, destellos, degradados, y más cosas que no tengo ganas de hacer. De todas formas es vector, y eso significa que es escalable hasta donde quieras sin pixelarse <img src='http://experimentos.nandx.es/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  .</p>
<img src="http://experimentos.nandx.es/?ak_action=api_record_view&id=131&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://experimentos.nandx.es/2008/ilustrar-con-ai/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tutoriales Photoshop</title>
		<link>http://experimentos.nandx.es/2008/tutoriales-photoshop/</link>
		<comments>http://experimentos.nandx.es/2008/tutoriales-photoshop/#comments</comments>
		<pubDate>Thu, 07 Feb 2008 16:40:45 +0000</pubDate>
		<dc:creator>Nandx</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[recursos]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://experimentos.nandx.es/blog/2008/tutoriales-photoshop/</guid>
		<description><![CDATA[Kuassar Designs es la otra web en la que participo activamente (si se le puede llamar así). Allí aparte de ayudar con el diseño de la página, suelo publicar guías (tutoriales, manuales, etc&#8230;) para photoshop y de vez en cuando, illustrator (mentira, de momento solo hay un tutorial de Ai y&#8230; psé). Efecto Unnamed en fotografías es el [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.kuassardesigns.com/">Kuassar Designs</a> es la otra web en la que participo activamente (si se le puede llamar así). Allí aparte de ayudar con el diseño de la página, suelo publicar guías (tutoriales, manuales, etc&#8230;) para photoshop y de vez en cuando, illustrator (mentira, de momento solo hay un tutorial de Ai y&#8230; psé). <a href="http://www.kuassardesigns.com/foros/viewtopic.php?f=3&amp;t=121">Efecto Unnamed en fotografías</a> es el último tutorial que he publicado, pero como se puede observar me falta el nombre del efecto. ¿Alguna propuesta? xD.</p>
<img src="http://experimentos.nandx.es/?ak_action=api_record_view&id=90&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://experimentos.nandx.es/2008/tutoriales-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
