<?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>Creativity Storm &#124; Just Creative People &#187; lineas</title>
	<atom:link href="http://creativitystorm.com/tag/lineas/feed/" rel="self" type="application/rss+xml" />
	<link>http://creativitystorm.com</link>
	<description>Recursos y tutoriales de diseño</description>
	<lastBuildDate>Thu, 29 Jul 2010 19:26:56 +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>Tutorial &#8211; Lineas de energia</title>
		<link>http://creativitystorm.com/tutorial-lineas-de-energia/</link>
		<comments>http://creativitystorm.com/tutorial-lineas-de-energia/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 04:32:44 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[PSDcreativo]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[lineas]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://psdcreativo.com/?p=402</guid>
		<description><![CDATA[Bueno este tutorial no tiene abbsolutamente ninguna ciencia en particular es facil de hacer y de generar, lo primero seria que tengas un pequeño conocimiento muy basico de la herramienta pluma, en caso de no tenerlo te recomiendo que leas este tutorial: Uso de la herramienta pluma (Basico) Es un tutorial que te enseña de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/resultado.jpg"><img class="size-full wp-image-450 aligncenter" title="resultado" src="http://creativitystorm.com/wp-content/uploads/2008/09/resultado.jpg" alt="" width="400" height="120" /></a></p>
<p>Bueno este tutorial no tiene abbsolutamente ninguna <strong>ciencia</strong> en particular es facil de hacer y de generar, lo primero seria que tengas un pequeño conocimiento muy basico de la herramienta pluma, en caso de no tenerlo te recomiendo que leas este tutorial:</p>
<p><a title="Tutorial de la herramienta pluma de photoshop" href="http://www.solophotoshop.com/Tutorial-Uso-Basico-de-la-Herramienta-Pluma-en-Photoshop-c-425.html" target="_self"><strong>Uso de la herramienta pluma (Basico</strong>)</a></p>
<p>Es un tutorial que te enseña de forma sencilla como usar y cuales son los componentes de la herramienta pluma, en el caso de este tutorial no usaremos todas solo la mas usada o la principal.</p>
<p>Antes de comenzar aqui te dejo el pack de lo que usamos:</p>
<p style="text-align: center;"><a href="http://rapidshare.com/files/144286625/Pack-_Lineas_de_energia.rar"><img class="aligncenter" title="Descargar Pack" src="http://creativitystorm.com/images/descargar.png" alt="" width="115" height="30" /></a></p>
<p>Para comenzar agarramos la <strong>herramienta pluma (P)</strong>, antes de comenzar con las lineas debes de tener asi las propiedades de la herramienta:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/1.jpg"><img class="size-medium wp-image-437 aligncenter" title="1" src="http://creativitystorm.com/wp-content/uploads/2008/09/1-300x18.jpg" alt="" width="300" height="18" /></a></p>
<p>Ya teniendo algo <strong>basico</strong> sobre la <strong>herramienta pluma</strong> ahora haremos nuestras lineas<strong></strong>, las lineas dependeran segun la imagen y segun como tu las quieras, pueden ser de distintas <strong>formas, tamaños, etc.</strong> Pero lo que nosotros buscamos es algo no solo al gusto si no que se <strong>acoplen</strong> las lineas con la imagen o mas bien se lleven con la imagen.</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/2.jpg"><img class="size-medium wp-image-438 aligncenter" title="2" src="http://creativitystorm.com/wp-content/uploads/2008/09/2-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>Podras ver que  yo coloque mis lineas en el brazo, es un lugar vistoso y logico por asi decirlo.</p>
<p>Lo que haremos antes de contornear nuestra linea, es cambiar las <strong>propiedades del pincel</strong>, puede variar segun el tamaño del grosor de contorno que deseen, para editar sus propiedades, lo que haremos sera dar click en el icono de edicion de pinceles (El icono es de forma de pincel como muestro en la figura) que esta a la derecha de nuestro photoshop donde se encuentran tambien nuestras acciones, historial, etc (esto en el cs3).</p>
<p>Ahi puedes cambiar el tamaño, la dureza (en caso de que quieras algo suavizado) y demas. La herramienta pincel sera fundamental para lograr este diseño.</p>
<p>Las<strong> propiedades</strong> que en mi caso puse son las siguientes:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/3.gif"><img class="size-medium wp-image-439 aligncenter" title="3" src="http://creativitystorm.com/wp-content/uploads/2008/09/3-300x294.gif" alt="" width="300" height="294" /></a></p>
<p>Ahora bien, ya teniendo el recorrido y escogido nuestras propiedades de pincel, creamos una nueva capa, en esta misma  capa con la <strong>herramienta pluma (P)</strong> tomada damos click derecho en la linea de recorrido que hiciste con la <strong>pluma</strong>, eso te desplegara un menu  le daras en donde dice <strong>Contornear</strong>, te saldra una mini ventana donde te dira que herramienta escojeras para le <strong>contorno</strong>, en esta ocacion escojes la del <strong>pincel</strong> y abajo te dira si deseas <strong>simular presion</strong> le damos en si (esto de la simulacion de presion es alternativo, ya que luego puedes usar la herramienta borrar para borrar las puntas de las lineas, pero es para ahorrar trabajo):</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/4.jpg"><img class="size-medium wp-image-440 aligncenter" title="4" src="http://creativitystorm.com/wp-content/uploads/2008/09/4-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>Ahora teniendo la linea, borraremos partes de la linea para darle ese famoso efecto de que gira alrededor del objeto o parte donde lo pusieron, para hacerlo podemos usar 2 herramientas que sirven por igual para lograr este corte, estas herramientas son:</p>
<p><strong>Herramienta Borrar (E)<br />
Herramienta Lazo Poligonal (L)</strong></p>
<p><strong>Lo que cortaras son esas partes que desees que parescan que van para atras, las que te señalo en esta imagen:</strong></p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/5.jpg"><img class="size-medium wp-image-441 aligncenter" title="5" src="http://creativitystorm.com/wp-content/uploads/2008/09/5-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>(Use zoom para mejor vista y un mejor corte)</p>
<p>Tambien puedes poner mini sombras para darle un toque especial de que si paresca que esten en la zona de atras,<strong> pero eso es al gusto</strong>, si deseas agregarlas lo podeis hacer con la <strong>herramienta pincel</strong> en un color negro fuerte, y un tamaño de pincel pequeño dependiendo del grosor de la linea, estos iran en las zonas cortadas como te dirijo aqui:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/6.jpg"><img class="size-medium wp-image-442 aligncenter" title="6" src="http://creativitystorm.com/wp-content/uploads/2008/09/6-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>Si pusiste las sombras <strong>bajale la opacidad a la capa de sombras en 50px</strong>. (Algunas veces las sombras se pueden convinar con los colores por eso recomiendo que si notas algun fallo le bajes mas la opacidad para que se quede un poco la sombra sin quitarla <img src='http://creativitystorm.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Ahora ya cortadas ya tenemos lo que viene siendo lo fundamental o principal, lo que haremos es agregarle<strong> Estilos de capa</strong>, los 2 fundamentales seran <strong>Resplandor Exterior e Interior, </strong>para ahorrarles trabajo les dejo este archivo ASL(Estilos), subelo a <strong>C:/Archivos de programa/adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos</strong>, luego abre tu photoshop y ahi debe estar es solo un estilo llamado <strong>Lineas de Energia</strong> editable al gusto <img src='http://creativitystorm.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> , para ahorrar tiempo:</p>
<p style="text-align: center;"><a href="http://rapidshare.com/files/144282298/Lineas_de_energia.asl"><img class="aligncenter" title="Descargar Pack" src="http://creativitystorm.com/images/descargar.png" alt="" width="115" height="30" /></a></p>
<p><strong>Repitiendo el paso de poner la linea principal con la pluma</strong>, pero en este caso pondras esa linea <strong>pero como luces</strong>, para eso tambien usaremos la <strong>herramienta pincel</strong> y le cambiaremos las propiedades a:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/7.gif"><img class="size-medium wp-image-443 aligncenter" title="7" src="http://creativitystorm.com/wp-content/uploads/2008/09/7-83x300.gif" alt="" width="83" height="300" /></a></p>
<p>Puedes cambiarlas a tu gusto y dependiendo de tu linea <img src='http://creativitystorm.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
<p>Ahora volvemos a dar con la<strong> pluma</strong> en click derecho, luego en <strong>contornear</strong>, recuerda al contornear con la pluma, si escojes el pincel se trazara lo que hayas cambiado o hecho con el pincel.</p>
<p>Al final te debe quedar asi:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/8.jpg"><img class="size-medium wp-image-444 aligncenter" title="8" src="http://creativitystorm.com/wp-content/uploads/2008/09/8-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p><strong>En mi caso el estilo que descargaste lo volvi a poner en las luces para  que no hayan cambios.</strong></p>
<p><strong>Repitiendo el mismo paso de crear la linea principal</strong>, creamos otra pero en esta ocacion <strong>sera de tamaño diferente y menos fuerte</strong> osea de poca dureza, estas son las propiedades del pincel recomendadas:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/9.gif"><img class="size-medium wp-image-445 aligncenter" title="9" src="http://creativitystorm.com/wp-content/uploads/2008/09/9-300x295.gif" alt="" width="300" height="295" /></a></p>
<p>Y asi te deberia quedar:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/10.jpg"><img class="size-medium wp-image-446 aligncenter" title="10" src="http://creativitystorm.com/wp-content/uploads/2008/09/10-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>Ya teniendo nuestras 2 lineas, lo que haremos ahora es darle un resplandor a la linea principal, para esto haremos lo siguiente daremos click derecho en la capa y escojeremos <strong>Seleccionar Pixeles</strong>, o podemos apretar <strong>Ctrl y dar click en la capa a seleccionar.</strong></p>
<p>Ya seleccionado, expandiremos esta seleccion para hacer esto lo que haremos sera ir a <strong>Seleccion/ Modificar/ Expandir</strong> en un tamaño de <strong>12 pixeles</strong>, a continuacion duplicamos la capa de la <strong>linea de energia principal</strong>, <strong>y esta la pondremos debajo de la capa a la que duplicaste</strong>, ahora a esta capa duplicada le pondremos un <strong>desenfoque gaussiano </strong>de 4-7px, ya puesto ya lo tenemos  listo.</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/11.jpg"><img class="size-medium wp-image-447 aligncenter" title="11" src="http://creativitystorm.com/wp-content/uploads/2008/09/11-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>Con eso podemos acabar no es la gran gran cosa, pero es un resultado casi a gusto, y como siempre digo ya el resto va por ti, agregar estilos de capa, ajustes y demas <img src='http://creativitystorm.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> , ya les explicare como crear efectos mas adelante.<br />
Aqui el resultado final mio, claro mas trabajado:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/09/lineasdeenergia.jpg"><img class="size-medium wp-image-451 aligncenter" title="lineasdeenergia" src="http://creativitystorm.com/wp-content/uploads/2008/09/lineasdeenergia-250x300.jpg" alt="" width="250" height="300" /></a></p>
<p>En el pack, hay otro psd de otro que hize <img src='http://creativitystorm.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> , espero que este les sirva y ayude andare trabajando en otro tutorial.</p>
<p>Saludos.</p>
<h3  class="related_post_title">Articulos Interesantes</h3><ul class="related_post"><li><a href="http://creativitystorm.com/1%c2%ba-aniversario-para-psdcreativo/" title="1º Aniversario para PSDcreativo">1º Aniversario para PSDcreativo</a></li><li><a href="http://creativitystorm.com/tutorial-ilustracion-con-formas/" title="Tutorial &#8211; Ilustracion con Formas">Tutorial &#8211; Ilustracion con Formas</a></li><li><a href="http://creativitystorm.com/conociendo-un-nuevo-mundo-photoshop/" title="Conociendo un nuevo mundo (Photoshop)">Conociendo un nuevo mundo (Photoshop)</a></li><li><a href="http://creativitystorm.com/tutorial-destruyendo-un-edificio/" title="Tutorial &#8211; Destruyendo un edificio">Tutorial &#8211; Destruyendo un edificio</a></li><li><a href="http://creativitystorm.com/flickr-group-disenos-creativos-3/" title="Flickr Group &#8211; Diseños Creativos #3">Flickr Group &#8211; Diseños Creativos #3</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://creativitystorm.com/tutorial-lineas-de-energia/feed/</wfw:commentRss>
		<slash:comments>148</slash:comments>
		</item>
	</channel>
</rss>
