<?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>Tzek Blog de Diseño &#187; tutorial</title>
	<atom:link href="http://tzek-design.com/blog/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://tzek-design.com/blog</link>
	<description>Diseño de Información e Interacción: Reflexiones, comentarios, vínculos con otras áreas de diseño o bien,  cualquier cosa...</description>
	<lastBuildDate>Wed, 01 Sep 2010 21:18:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>20 herramientas para hacer más fácil la vida al desarrollador web</title>
		<link>http://tzek-design.com/blog/2009/06/09/20-herramientas-para-hacer-mas-facil-la-vida-al-desarrollador-web/</link>
		<comments>http://tzek-design.com/blog/2009/06/09/20-herramientas-para-hacer-mas-facil-la-vida-al-desarrollador-web/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 20:47:36 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Desde la web]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Diseño de Información]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[20 tools]]></category>
		<category><![CDATA[código]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[color generator]]></category>
		<category><![CDATA[color palette]]></category>
		<category><![CDATA[color tipográfico]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[generador de color]]></category>
		<category><![CDATA[herramientas]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[nettuts]]></category>
		<category><![CDATA[paleta de color]]></category>
		<category><![CDATA[pantalla]]></category>
		<category><![CDATA[páginas web]]></category>
		<category><![CDATA[plug-in firefox]]></category>
		<category><![CDATA[recurso]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[typeset]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=727</guid>
		<description><![CDATA[Encontré este post de Nettuts+ de herramientas para desarrolladores web. Lo dejo aquí de referencia, en particular por el enlace que tiene a TypeTester, herramienta que está super-bien para checar color tipográfico en pantalla. ¡Ah! Y también por el generador de paletas de color de ColourLovers que resulta práctico cuando uno está en clase de [...]]]></description>
			<content:encoded><![CDATA[<p>Encontré este <a title="Post original" href="http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/" onclick="pageTracker._trackPageview('/outgoing/net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/?referer=');">post</a> de <a title="Sitio web de Nettuts+" href="http://net.tutsplus.com/" onclick="pageTracker._trackPageview('/outgoing/net.tutsplus.com/?referer=');">Nettuts+</a> de <strong><a title="Post de las herramientas publicadas en Nettuts+" href="http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/" onclick="pageTracker._trackPageview('/outgoing/net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/?referer=');">herramientas para desarrolladores web</a></strong>. Lo dejo aquí de referencia, en particular por el enlace que tiene a <a title="comprueba en línea el color tipográfico para pantalla" href="http://www.typetester.org/" onclick="pageTracker._trackPageview('/outgoing/www.typetester.org/?referer=');">TypeTester</a>, herramienta que está super-bien para checar <em><a title="apuntes sobre color de la tipografía" href="http://www.mailxmail.com/curso-diseno-composicion-tipografia/color-tipografia" onclick="pageTracker._trackPageview('/outgoing/www.mailxmail.com/curso-diseno-composicion-tipografia/color-tipografia?referer=');">color tipográfico</a></em> en pantalla. ¡Ah! Y también por el generador de paletas de color de <a title="Genera una paleta de color rgb en línea" href="http://www.colourlovers.com/palettes/add" onclick="pageTracker._trackPageview('/outgoing/www.colourlovers.com/palettes/add?referer=');">ColourLovers</a> que resulta práctico cuando uno está en clase de diseño web.</p>
<p style="text-align: center;"><a href="http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/" onclick="pageTracker._trackPageview('/outgoing/net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/?referer=');"><img class="size-full wp-image-728 aligncenter" title="20tools_nettuts" src="http://tzek-design.com/blog/wp-content/uploads/2009/06/20tools_nettuts.jpg" alt="20tools_nettuts" width="500" height="164" /></a></p>
<blockquote><p>Ojalá les sea también de utilidad. ¡Saludos!</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2009/06/09/20-herramientas-para-hacer-mas-facil-la-vida-al-desarrollador-web/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Combinar texto en InDesign</title>
		<link>http://tzek-design.com/blog/2008/08/01/combinar-texto-en-indesign/</link>
		<comments>http://tzek-design.com/blog/2008/08/01/combinar-texto-en-indesign/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 18:32:37 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Desde la web]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[archivo]]></category>
		<category><![CDATA[campos]]></category>
		<category><![CDATA[combinar]]></category>
		<category><![CDATA[corel]]></category>
		<category><![CDATA[creative suite]]></category>
		<category><![CDATA[CS]]></category>
		<category><![CDATA[CS2]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[data merge]]></category>
		<category><![CDATA[datos]]></category>
		<category><![CDATA[diplomas]]></category>
		<category><![CDATA[draw]]></category>
		<category><![CDATA[entrada]]></category>
		<category><![CDATA[gafetes]]></category>
		<category><![CDATA[hacer]]></category>
		<category><![CDATA[iconlogic]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[impresión]]></category>
		<category><![CDATA[inDesign]]></category>
		<category><![CDATA[input]]></category>
		<category><![CDATA[merge]]></category>
		<category><![CDATA[mezclar]]></category>
		<category><![CDATA[salida]]></category>
		<category><![CDATA[texto]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=410</guid>
		<description><![CDATA[En Corel Draw!, desde sus primeras versiones, una función era la de combinar texto. Esto es muy útil en situaciones donde tienes un diploma base (el template) y en vez de cambiar el nombre una por una, jalas los datos de un archivo de texto plano (hecho en notepad o textedit).
Ahora bien, me han preguntado [...]]]></description>
			<content:encoded><![CDATA[<p>En Corel Draw!, desde sus primeras versiones, una función era la de <em>combinar texto</em>. Esto es muy útil en situaciones donde tienes un diploma base (el template) y en vez de cambiar el nombre una por una, jalas los datos de un archivo de texto plano (hecho en notepad o textedit).</p>
<p>Ahora bien, me han preguntado cómo hacer el equivalente en Illustrator. En la Adobe Creative Suite (CS), las cosas están un poco más separadas. No es como en Corel Draw! que es una medio combinación de Illustrator e InDesign). En CS lo de la combinación de texto se hace en InDesign. </p>
<p style="text-align: center;"><a href="http://tzek-design.com/blog/wp-content/uploads/2008/08/indesign-datamerge.jpg"><img class="alignnone size-medium wp-image-411" title="Dónde combinar texto en Adobe CS InDesign" src="http://tzek-design.com/blog/wp-content/uploads/2008/08/indesign-datamerge-300x187.jpg" alt="" width="300" height="187" /></a></p>
<p style="text-align: center;"><span style="color: #00ccff;">Dónde está la opción para jalar datos de un archivo</span></p>
<p style="text-align: center;"><a href="http://tzek-design.com/blog/wp-content/uploads/2008/08/data-merge.gif"><img class="alignnone size-full wp-image-412" title="Ventana de Data Merge en Adobe InDesign CS" src="http://tzek-design.com/blog/wp-content/uploads/2008/08/data-merge.gif" alt="Ventana de Data Merge en Adobe InDesign CS" width="230" height="210" /></a></p>
<p style="text-align: center;"><span style="color: #00ccff;">La ventana de<strong> Data Merge</strong>.<br />
No olvides hacer clic en el menú de la &#8220;bolita-flecha&#8221; para acceder a las opciones.</span></p>
<p>Así que aprovecho este post para dejar un <a title="Tutorial para combinar textos en Adobe Creative Suite CS2" onclick="pageTracker._trackPageview('/outgoing/www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm?referer=');pageTracker._trackPageview('/outgoing/www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm?referer=http://tzek-design.com/blog/');pageTracker._trackPageview('/outgoing/www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm?referer=http://tzek-design.com/blog/wp-admin/post.php?action=edit&amp;post=410&amp;message=1&amp;_wp_original_http_referer=http%3A%2F%2Ftzek-design.com%2Fblog%2Fwp-admin%2Fedit.php');pageTracker._trackPageview('/outgoing/www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm?referer=http://tzek-design.com/blog/wp-admin/edit.php');pageTracker._trackPageview('/outgoing/www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm?referer=http://tzek-design.com/blog/wp-admin/edit.php');pageTracker._trackPageview('/outgoing/www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm?referer=http://tzek-design.com/blog/wp-admin/edit.php');" href="http://www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm" target="_self">tutorial-interactivo en video</a> de IconLogic, muy bueno, donde te explica como hacer el <strong>Data Merge</strong> (el nombre que tiene combinar texto en CS). La idea es la misma: tener el archivo con los datos, abrir la opción en InDesign, jalar el archivo, colocar los campos, rellenar los campos. Espero les sea de utilidad.</p>
<p>Tutorial: <a href="http://www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm" onclick="pageTracker._trackPageview('/outgoing/www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm?referer=');">http://www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm</a></p>
<p>	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="500" height="397" ID="Captivate1"><param name="movie" value="DataMerge_skin.swf"><param name="quality" value="high"><param name="loop" value="0"><embed src="http://www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge_skin.swf" width="500" height="397" loop="0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2008/08/01/combinar-texto-en-indesign/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Alebrije</title>
		<link>http://tzek-design.com/blog/2008/07/29/alebrije/</link>
		<comments>http://tzek-design.com/blog/2008/07/29/alebrije/#comments</comments>
		<pubDate>Wed, 30 Jul 2008 00:02:52 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Desde la web]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[Métodos y proceso de diseño]]></category>
		<category><![CDATA[Reflexión]]></category>
		<category><![CDATA[Tertulias]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[alebrije]]></category>
		<category><![CDATA[choper]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[creatura]]></category>
		<category><![CDATA[dibujo]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[entintar]]></category>
		<category><![CDATA[fantástica]]></category>
		<category><![CDATA[figura]]></category>
		<category><![CDATA[ilustración]]></category>
		<category><![CDATA[nawers]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[técnica]]></category>
		<category><![CDATA[tinta]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=407</guid>
		<description><![CDATA[Hace un par de semanas, el buen Choper sacó un post titulado &#8220;Espíritu de Venado&#8221; en su blog personal. Este platicaba sobre una anécdota de darse tiempo para hacer cosas para uno mismo (diseño en general), sugiriendo dejar de pensar que si no nos pagan, no hacer algo.
Hacer algo ajeno al trabajo
Definitivamente yo no suelo hacer [...]]]></description>
			<content:encoded><![CDATA[<p>Hace un par de semanas, el buen <a title="Blog del Choper" onclick="pageTracker._trackPageview('/outgoing/ismenews.blogspot.com?referer=');pageTracker._trackPageview('/outgoing/ismenews.blogspot.com?referer=http://tzek-design.com/blog/');pageTracker._trackPageview('/outgoing/ismenews.blogspot.com?referer=http://tzek-design.com/blog/wp-admin/edit.php');" href="http://ismenews.blogspot.com">Choper</a> sacó un post titulado &#8220;Espíritu de Venado&#8221; en su <a title="Blog del Chopper Nawers" onclick="pageTracker._trackPageview('/outgoing/ismenews.blogspot.com?referer=');pageTracker._trackPageview('/outgoing/ismenews.blogspot.com?referer=http://tzek-design.com/blog/');pageTracker._trackPageview('/outgoing/ismenews.blogspot.com?referer=http://tzek-design.com/blog/wp-admin/edit.php');" href="http://ismenews.blogspot.com">blog personal</a>. Este platicaba sobre una anécdota de <span style="color: #3366ff;">darse tiempo para hacer cosas para uno mismo</span> (diseño en general), sugiriendo dejar de pensar que si no nos pagan, no hacer algo.</p>
<h3>Hacer algo ajeno al trabajo</h3>
<p>Definitivamente yo no suelo hacer cosas personales de diseño, pero el post me dejó pensando: hacer cosas sólo de la chamba me pone en un estado no muy óptimo para diseñar, como enfadado o aburrido. Decidí entonces tomar un lápiz y dibujar antes de empezar algo del trabajo. Me dispuse a hacer un <a title="Alebrije en Wikipedia" onclick="pageTracker._trackPageview('/outgoing/es.wikipedia.org/wiki/Alebrije?referer=');pageTracker._trackPageview('/outgoing/es.wikipedia.org/wiki/Alebrije?referer=http://tzek-design.com/blog/');pageTracker._trackPageview('/outgoing/es.wikipedia.org/wiki/Alebrije?referer=http://tzek-design.com/blog/wp-admin/edit.php');" href="http://es.wikipedia.org/wiki/Alebrije">alebrije</a>.</p>
<p style="text-align: center;"><a href="http://tzek-design.com/blog/wp-content/uploads/2008/07/alebrije-tzek.jpg"><img class="alignnone size-medium wp-image-408" title="Alebrije Tzek" src="http://tzek-design.com/blog/wp-content/uploads/2008/07/alebrije-tzek-300x243.jpg" alt="Alebrije Tzek" width="300" height="243" /></a></p>
<p style="text-align: center;"><strong><span style="color: #3366ff;">Alebrije</span></strong><span style="color: #3366ff;"> (clic para ampliar).</span></p>
<p>Ponerme a dibujar es algo que solía hacer mucho y me ponía en un estado tranquilo. Contradictoriamente, me pongo a &#8220;garabatear&#8221; cuando supuestamente tengo que &#8220;poner atención&#8221;, como en una clase o mientras platico largo y tendido sobre algo relevante. Quizá por eso no me pongo a hacer cosas de diseño después de decirme &#8220;Hoy voy a hacerme algo de diseño&#8221;.</p>
<h3>Ponerlo a colores</h3>
<p>Me decidí a colorear mi alebrije, en <em>fotochop</em>&#8230; la neta, no me quedó como esperaba y eso de iluminar con el mouse requiere paciencia.</p>
<p style="text-align: center;"><a href="http://tzek-design.com/blog/wp-content/uploads/2008/07/alebrije-tzek-color.jpg"><img class="alignnone size-medium wp-image-409 aligncenter" title="Alebrije de Tzek en Color" src="http://tzek-design.com/blog/wp-content/uploads/2008/07/alebrije-tzek-color-300x243.jpg" alt="" width="300" height="243" /></a></p>
<p style="text-align: center;"><strong><span style="color: #3366ff;">Alebrije a color</span></strong><span style="color: #3366ff;"> (clic en imagen para ampliar).</span></p>
<p>Esta forma de iluminar simple (por favor ilustradores no se rían), va mas o menos así:</p>
<ul>
<li>Aplicar al dibujo escaneado la opción de <strong>Desaturar</strong>.</li>
<li>Disponer de una capa encima del escaneado en modo <strong>Normal</strong>.</li>
<li>Dar varios <em>brochazos de color</em> con un <strong>porcentaje</strong> <strong>menor al 100%</strong> de opacidad y con la brocha en modo <strong>Color</strong>.
<ul>
<li>Mezclar con el <strong>dedo</strong>, también con menor a un 100%. Esto para ir mezclando los brochazos.</li>
<li>Tomar <strong>diferentes porcentajes del </strong><strong>borrardor</strong> y hacer borrones, para <em>dar &#8220;luz&#8221;</em>.</li>
<li><strong>Repetir</strong> cuantas veces sea necesario.</li>
</ul>
</li>
<li>Cuando ya se haya terminado de iluminar la pieza, <strong>duplicar</strong> la capa que corresponde a los colores. Una de estas capaz ponerla en modo <strong>Color</strong> (queda como se hubiera hecho lápices de color) y la otra ponerla con una opacidad menor.</li>
<li>Ajustar hasta obtener los trazos de lápiz en combinación con el color según como se desee.</li>
</ul>
<h3>En conclusión</h3>
<p>Una parte definitivamente acepta que es un buen método para <em>ponerse en blanco</em> y luego concentrarse en el trabajo. Sin embargo, admito que resulta incómodo estar ahí bocetando para <em>distraerte-despejarte</em> sin levantar sospechas a quién pasa por tu escritorio.</p>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2008/07/29/alebrije/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
