<?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>Quiltro &#187; illustrator</title>
	<atom:link href="http://www.quiltro.cl/tag/illustrator/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.quiltro.cl</link>
	<description>Claudio Olivares, Diseñador, Fotógrafo y Activista en Transporte Sustentable. Santiago de Chile.</description>
	<lastBuildDate>Mon, 18 Jan 2010 00:39:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Dibujar el logo de TENTE con Adobe Illustrator</title>
		<link>http://www.quiltro.cl/2009/01/19/dibujar-el-logo-de-tente-con-adobe-illustrator/</link>
		<comments>http://www.quiltro.cl/2009/01/19/dibujar-el-logo-de-tente-con-adobe-illustrator/#comments</comments>
		<pubDate>Mon, 19 Jan 2009 12:21:37 +0000</pubDate>
		<dc:creator>Claudio Olivares</dc:creator>
				<category><![CDATA[Articulos]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://quiltro.cl/?p=334</guid>
		<description><![CDATA[Las piezas para armar que tuve en mi infancia fueron una de las atracciones que más disfruté. Tuve Lego y TENTE, siendo estos últimos mis favoritos. Pocos días atrás con un amigo, buceábamos en Google en busca de ilustraciones y modelos TENTE. Yo quería el logo de la marca española, con el fin de hacernos una polera. No lo encontré, así es que, entendiendo la simpleza de su construcción, decidí hacerlo yo mismo utilizando Adobe Illustrator ®

A continuación detallo los pasos que seguí, con el fin de explicar cómo el uso de las grillas en Illustrator, puede facilitar la tarea de construcción de un logotipo.]]></description>
			<content:encoded><![CDATA[<p><img src="/wp-content/uploads/2009/01/logo-tente.jpg" alt="Logo TENTE" /></p>
<p><a href="http://www.box.net/shared/g1mbximbyx">Bajar el archivo original</a> (Adobe Illustrator CS3)</p>
<h2>Analzar la marca</h2>
<p>Analizar la imagen, obtener las proporciones y la unidad mínima sobre la que está construída, es vital para determinar su estructura. Basado en el logo de un catálogo, fue posible identificar que la separación y/o el filete negro entre las letras, era la unidad mínima de la grilla. Con eso en mente, es posible determinar cuantas veces esa unidad está contenida en el resto de los elementos. Por ejemplo, la línea vertical de la T está compuesta aproximadamente por 4 veces el ancho de la línea negra (filete) que rodea el texto.</p>
<p><img src="/wp-content/uploads/2009/01/tente-grilla.jpg" alt="Análisis de la grilla que contiene al logo" /></p>
<h2>Construir las letras</h2>
<p>Illustrator permite trabajar con una grilla de referencia y definir que los objetos se ajusten a ella. Crea un documento nuevo y luego activa la grilla en <em>view&gt;show grid</em>. Inmediatamente configura que los objetos se ajusten a esta grilla en <em>view&gt;snap to grid</em>.</p>
<p>El análisis del logo permite identificar las formas básicas que componen cada letra. Principalmente hay dos tipos de bloques rectangulares: verticales y horizonlates, ambos  de la misma medida . Teniendo definida la unidad mínima, crear las letras con la herramienta de rectángulo,  sólo demanda un poco de calculo visual.</p>
<p><img src="/wp-content/uploads/2009/01/paso-1.jpg" alt="Dibujar las figuras básicas" /></p>
<p>El caso de la diagonal de la N es especial, ya que es la única forma que escapa a la vertical y horizontal. Utiliza la herramienta de pluma para dibujar la forma, teniendo en cuenta siempre, situar los nodos en la grilla.</p>
<p><img src="/wp-content/uploads/2009/01/paso-1-b.jpg" alt="Dibujar la diagonal de la N" /></p>
<p>Una vez que las letras están dibujadas en su totalidad, seleccionalas. Luego, utilizando el <em>pathfinder </em>(<em>window&gt;pathfinder</em>) selecciona <em>add to shape</em> (unir), accion correspondiente al primer ícono en la primera fila. Revisa que la unión esté correcta (que no hayan quedado formas irregulares o puntas) y luego expande la figura (con el botón <em>expand</em>, al costado derecho de <em>pathfinder</em>), lo que hará que todas las distintas letras pasen a formar una sola forma compuesta.</p>
<p><img src="/wp-content/uploads/2009/01/paso-2.jpg" alt="Unir todas las letras en un trazado compuesto" /></p>
<p>El resultado final de esta etapa debe verse como la imagen a continuación.</p>
<p><img src="/wp-content/uploads/2009/01/paso-2-a.jpg" alt="Estado final del paso 1 con las letras dibujadas" /></p>
<h2>Detalle ligatura de la E, N y T</h2>
<p>Como te habrás dado cuenta, un detalle importante que le imprime un sello particular y le da dinamismo al logotipo, es la ligatura que se produce  en el brazo inferior de la primera E y el travesaño de la última T con la letra N. Para lograrla, dibuja con la herramienta rectángulo, un pequeño rectángulo con la altura de una unidad de grilla, y que su ancho cruce completamente la vertical de la N, prolongando el brazo de la E. Duplícalo (<em>ctrl+c / ctrl+v</em>) y colócalo en la ligatura  de la N con la T tal como se muestra en la figura.</p>
<p><img src="/wp-content/uploads/2009/01/paso-3.jpg" alt="Dibujar el detalle de la ligatura" /></p>
<p>Luego selecciona la palabra TENTE  junto con los rectangulos del detalle de la ligatura. En <em>pathfinder</em>, aplica <em>substract form shape area</em> (restar forma) y luego expande.</p>
<p><img src="/wp-content/uploads/2009/01/paso-3-a.jpg" alt="Seleccionar las figuras y restar forma para calar la palabra en la ligatura" /></p>
<p>El resultado final debiera lucir tal cual el de la imagen. Con esto ya está el 90% del trabajo hecho.</p>
<p><img src="/wp-content/uploads/2009/01/paso-3-b.jpg" alt="Palabra TENTE en su dibujo final" /></p>
<h2>Borde o filete negro</h2>
<p>Lograr la frontera negra exterior de el logo TENTE es sencillo. Para ello debes seleccionar el logo e ir a <em>object&gt;path&gt;offset path</em>. Aparecerá un cuadro de diálogo en el que definirás cual será la cantidad a desplazar la figura. Aquí debes ingresar el valor de la unidad mínima de tu grilla. En este caso puntual fue de 3.176mm. Se creará una nueva figura &#8220;desplazada&#8221; hacia el exterior.</p>
<p>La medida de la unidad mínima de grilla es posible obtenerla al dibujar el cuadrado mas pequeño de la grilla con la herramienta rectángulo.</p>
<p><img src="/wp-content/uploads/2009/01/paso-4.jpg" alt="Figura limpia, aplicar desplazamiento" /></p>
<p>Al final de este simple paso, el logo ya está terminado en su dibujo y sólo resta aplicar color.</p>
<p><img src="/wp-content/uploads/2009/01/paso-4-a.jpg" alt="Figura limpia, aplicar desplazamiento" /></p>
<h2>Detalles finales</h2>
<p><img src="/wp-content/uploads/2009/01/final.jpg" alt="Figura con borde" /></p>
<p>Coloca un fondo rojo, pinta de blanco las letras y de negro el filete y  ya está, <strong>el logo de <a href="http://es.wikipedia.org/wiki/Tente">TENTE</a> está resucitado</strong>.</p>
<p>Puedes <a href="http://www.box.net/shared/g1mbximbyx">bajar el archivo original</a>, por si quieres echarle un vistazo o utilizarlo para hacerte tu propia polera.</p>
<p>PD: este es el primer tutorial que me animo a hacer. Si tienes algún aporte que hacer, compártelo con confianza.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.quiltro.cl/2009/01/19/dibujar-el-logo-de-tente-con-adobe-illustrator/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
