<?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>Oh! Gráfico &#187; brillo</title>
	<atom:link href="http://www.ohgrafico.com/tag/brillo/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ohgrafico.com</link>
	<description>Blog de diseño gráfico</description>
	<lastBuildDate>Mon, 19 Sep 2011 15:00:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Tutorial para crear texto con brillo en photoshop</title>
		<link>http://www.ohgrafico.com/tutorial-para-crear-texto-con-brillo-en-photoshop</link>
		<comments>http://www.ohgrafico.com/tutorial-para-crear-texto-con-brillo-en-photoshop#comments</comments>
		<pubDate>Tue, 04 Nov 2008 17:00:19 +0000</pubDate>
		<dc:creator>kozmica</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[brillo]]></category>
		<category><![CDATA[texto]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.ohgrafico.com/?p=33</guid>
		<description><![CDATA[Con este tutorial podrás crear texto con brillo (glossy) como el de la imagen usando photoshop. Es para principiantes así que estan todos los pasos, por más simples que parezcan. [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" title="texto con brillo" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/textoconbrillo.png" alt="" width="381" height="133" /></p>
<p><strong>Con este tutorial podrás crear texto con brillo</strong> (glossy) como el de la imagen usando photoshop. Es para principiantes así que estan todos los pasos, por más simples que parezcan. Yo usé Photoshop CS3 en inglés, por lo que, aunque este es un tutorial en español el nombre de las herramientas las manejo en inglés (siempre se me ha hecho mejor así ya que abundan los tutoriales en inglés y es más fácil entenderlos luego que estar traduciendo).</p>
<p>Bueno, comenzemos.</p>
<p>Para empezar creas un nuevo documento en photoshop, del tamaño que quieras, yo usé 400 x 200 pixeles.</p>
<p>Luego seleccionas la herramienta Text y escribes con lo que quieras trabajar.</p>
<p style="text-align: center;"><img class="alignnone" title="Texto en negro" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/textonegro.png" alt="" width="461" height="255" /></p>
<p style="text-align: center;"><span id="more-33"></span></p>
<p style="text-align: left;">Luego a ese texto le vamos a dar un degradado de color, para eso vamos al menú: Layer/Layer style/Gradient overlay&#8230;</p>
<p style="text-align: center;"><img class="aligncenter" title="menulayerstylegradient" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/menulayerstyle.png" alt="" width="469" height="279" /></p>
<p style="text-align: left;">Te aparecerá una ventana como esta:</p>
<p style="text-align: center;"><img class="aligncenter" title="gradient overlay" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/layerstyle.png" alt="" width="441" height="373" /></p>
<p style="text-align: left;">En ella das click en la barra que tiene un degradado negro, y te aparecerá la siequiente ventana donde para cambiar el color del degradado basta con hacer doble click a los cuadritos pequeños en cada orilla de la barra.</p>
<p style="text-align: center;"><img class="aligncenter" title="gradient overlay" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/gradienteditor.png" alt="" width="421" height="485" /></p>
<p style="text-align: left;">Luego seleccionas el color.</p>
<p style="text-align: center;"><img class="aligncenter" title="color select" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/seleccionarcolor.png" alt="" width="335" height="369" /></p>
<p style="text-align: left;">Le pones ok y seleccionas ahora el segundo color haciendo click en el otro cuadrito. Lo mejor es escojer un color más o menos oscuro y otro del mismo tono pero más claro. En mi caso yo usé el color azul. Así queda con el degradado:</p>
<p style="text-align: center;"><img class="aligncenter" title="Texto con degradado azul" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/textocongradient.png" alt="" width="425" height="249" /></p>
<p style="text-align: left;">Bien, ahora creas una nueva capa.</p>
<p style="text-align: center;"><img class="aligncenter" title="Nueva capa" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/nuevacapa.png" alt="" width="246" height="329" /></p>
<p style="text-align: left;">Y seleccionas la herramienta rectangular marquee, o presionas M.</p>
<p style="text-align: center;"><img class="alignnone" title="Herramienta Marquee" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/marqueetool.png" alt="" width="43" height="177" /></p>
<p>Y con ella trazas un rectángulo sobre tu texto que cubra todo el largo, no importa que sea más largo que el texto. Pero que cubra la mitad horizontal. Más o menos así:</p>
<p style="text-align: center;"><img class="aligncenter" title="Rectángulo de selección" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/rectangulo.png" alt="" width="422" height="249" /></p>
<p>Para lo siguiente tienes que fijarte que tus colores estén en <a href="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/blanconegro.png">negro sobre blanco</a> (si no están así hay que cambiarlos, sólo presionando los pequeños cuadritos negro y blanco que estan sobre los cuadros de color).</p>
<p>Entonces presionas en tu teclado <strong>ctrl + bksp</strong> (control + backspace), y ese rectángulo de selección se rellena de color blanco. Y presionas <strong>ctr + D</strong> (control + D) y el rectángulo se deselecciona.</p>
<p>Ahora tenemos la mitad de nuesto texto cubierto en blanco, sólo veremos la otra mitad:</p>
<p style="text-align: center;"><img class="aligncenter" title="blanco atravesado" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/mitadblanco.png" alt="" width="423" height="249" /></p>
<p>Con la layer (capa) de el rectángulo blanco seleccionada presionamos <strong>ctrl y clickeamos</strong> en el símbolo de T de nuestra capa de texto.</p>
<p style="text-align: center;"><img class="aligncenter" title="control mas click" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/controlclick.png" alt="" width="366" height="205" /></p>
<p>Eso creará una seleccion alrededor del texto, ahora presionamos <strong>ctrl + shift + i </strong>, con eso se invertirá la selección, ahora borramos la selección simplemente presionando <strong>delete.</strong></p>
<p>Nos habrá quedado algo como esto:</p>
<p style="text-align: center;"><img class="aligncenter" title="Texto con seleccion blanco" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/franjablanca.png" alt="" width="425" height="249" /></p>
<p>Lo que pasa es que hemos dejado una capa blanca exactamente sobre la mitad de arriba de cada letra. Es lo que usaremos para crear el efecto de brillo.</p>
<p>Para crear el efecto bajamos la opacitdad (opacity) de la capa donde esta la plasta blanca. Para esto la seleccionamos y presionamos la flechita que está seguida del 100% de opacity. Nos aparece una barra que movemos para variar el porcentaje. Yo dejé 28%.</p>
<p style="text-align: center;"><img class="aligncenter" title="Opacity" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/opacity.png" alt="" width="248" height="219" /></p>
<p>Ya está practicamente listo nuestro texto con brillo:</p>
<p style="text-align: center;"><img class="aligncenter" title="Casi listo!" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/casilisto.png" alt="" width="423" height="247" /></p>
<p>Ahora sólo agregaré un borde gris en el texto, usando Stroke en el Layer Style.</p>
<p style="text-align: center;"><img class="aligncenter" title="Stroke" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/stroke.png" alt="" width="375" height="359" /></p>
<p>Y con eso esta terminado.</p>
<p style="text-align: center;"><img class="aligncenter" title="Texto con brillo" src="http://img.photobucket.com/albums/v202/vicede/tutorialeskozmica/textoconbrillo.png" alt="" width="381" height="133" /></p>
<p style="text-align: left;">Para dar diferente efecto puedes usar tambien la Elliptical Marquee Tool con el que crearias un brillo curvo en lugar del recto que hice yo. O incluso usar la herramienta Pen (pluma) y dibujar una selección irregular.</p>
<p>Si te gustó o tienes alguna duda deja tu comentario :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ohgrafico.com/tutorial-para-crear-texto-con-brillo-en-photoshop/feed</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
	</channel>
</rss>

