<?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>Noticias curiosas de la generación del arcade &#187; Persona de Hielo</title>
	<atom:link href="http://criticalattack.com/tag/persona-de-hielo/feed/" rel="self" type="application/rss+xml" />
	<link>http://criticalattack.com</link>
	<description>Noticias curiosas de la generación del arcade</description>
	<lastBuildDate>Mon, 06 Jul 2009 22:06:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Persona hecha de hielo</title>
		<link>http://criticalattack.com/2009/06/persona-de-hielo/</link>
		<comments>http://criticalattack.com/2009/06/persona-de-hielo/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 20:15:04 +0000</pubDate>
		<dc:creator>Victor Nael</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Persona de Hielo]]></category>

		<guid isPermaLink="false">http://criticalattack.com/?p=1335</guid>
		<description><![CDATA[Por sugerencia de la hermosa dama de rosa, he decidido ampliar ese tutorial y profundizar en como funcionas los filtros utilizados en este efecto, ya que al parecer son lago complejos y requieren de una mejor explicaión y mayor profundidad en los mismos.
En este tutorial convertiremos a una persona en hielo, al estilo de Ice-Man

Para [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Por sugerencia de <a href="http://www.sleepysky.com.ar/mariux/">la hermosa dama de rosa</a>, he decidido ampliar ese tutorial y profundizar en como funcionas los filtros utilizados en este efecto, ya que al parecer son lago complejos y requieren de una mejor explicaión y mayor profundidad en los mismos.</p>
<p style="text-align: center;">En este tutorial convertiremos a una persona en hielo, al estilo de Ice-Man</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1332" title="poster-hielo" src="http://criticalattack.com/wp-content/uploads/poster-hielo.jpg" alt="poster-hielo" width="452" height="384" /></p>
<p style="text-align: left;">Para este tutorial usaremos estas 2 imágenes.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1333" title="modelo1" src="http://criticalattack.com/wp-content/uploads/modelo1.jpg" alt="modelo1" width="215" height="309" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1334" title="fondo1" src="http://criticalattack.com/wp-content/uploads/fondo1.jpg" alt="fondo1" width="362" height="290" /></p>
<p style="text-align: left;">
<p style="text-align: center;"><span style="color: #003366;"><strong>&lt; &lt; &lt; &lt; &lt; &lt; &lt; &lt; &lt; &lt; PREPARANDO LAS IMAGENES &gt; &gt; &gt; &gt; &gt; &gt; &gt; &gt; &gt; &gt;</strong></span></p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1318" title="hielo01" src="http://criticalattack.com/wp-content/uploads/hielo01.jpg" alt="hielo01" width="396" height="541" /></p>
<p style="text-align: left;">Empezaremos abriendo photoshop<span style="color: #808080;"> (perdón por el mal chiste, tenía que hacerlo<span style="color: #3366ff;"><strong> XD</strong></span>)</span>, creamos un nuevo lienzo de un tamaño cualquiera.</p>
<p style="text-align: left;">Le quitamos el fondo a la persona que se convertirá en hielo, para quitarle el fondo podemos usar la herramienta <strong>Polygonal Lasso Tool</strong> con 1punto de <strong>Feather</strong>, le colocamos el nuevo fondo una vez que la imagen de la persona haya sido limpiada.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1319" title="hielo02" src="http://criticalattack.com/wp-content/uploads/hielo02.jpg" alt="hielo02" width="397" height="540" /></p>
<p style="text-align: left;">Presionamos <strong>Ctrl + Shift + U</strong>, al hacer esto nuestra modelo pasará a escala de grises.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1320" title="hielo03" src="http://criticalattack.com/wp-content/uploads/hielo03.jpg" alt="hielo03" width="648" height="542" /></p>
<p style="text-align: left;">Duplicamos nuestra imagen 2 veces, a una capa la nombraremos &#8220;Agua&#8221; y a la otra &#8220;Dureza&#8221;, las capas deben quedar ordenadas como aparecen en la imagen de arriba. Esto es por que el orden de las capas podría alterar el resultado final.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1321" title="hielo04" src="http://criticalattack.com/wp-content/uploads/hielo04.jpg" alt="hielo04" width="397" height="542" /></p>
<p style="text-align: left;">Seleccionamos la capa agua y nos vamos a <strong>Filter / Sketch / Chrome</strong>, este filtro posee 2 valores.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1356" title="filtro chrome" src="http://criticalattack.com/wp-content/uploads/filtro-chrome.JPG" alt="filtro chrome" width="282" height="255" /></p>
<p style="text-align: left;"><strong>Detail.:</strong> Este valor hará que las ondulaciones del efecto sean grandes o pequeñas, para este efecto necesitamos que las ondulaciones sean grandes, esto espara simular las ondas del agua, así que le daremos un valor de cero, este valor será válido para casi todas las imágenes.</p>
<p style="text-align: left;"><strong>Smoothness.:</strong> Este valor provocará un efecto que va del cristal a la gelatina. Como el efecto será una persona de hielo, necesitamos darle un efecto de agua gelatinosa, para eso este valor deberá ser de 10.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1322" title="hielo05" src="http://criticalattack.com/wp-content/uploads/hielo05.jpg" alt="hielo05" width="397" height="542" /></p>
<p style="text-align: left;">Ahora seleccionamos la capa dureza y nos vamos a <strong>Filter / Stylize / Glowing edges</strong>, lo que haremos aquí será tratar de iluminar las partes mas importantes del rostro, pero sin perder los detalles, del pecho, abdomen y brazos <span style="color: #808080;">(en caso de que la persona tenga musculos marcados)</span>. Este filtro tiene 3 valores</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1359" title="filtro glowing edges" src="http://criticalattack.com/wp-content/uploads/filtro-glowing-edges.JPG" alt="filtro glowing edges" width="282" height="323" /></p>
<p style="text-align: left;">
<p style="text-align: left;"><strong>Edge Width.:</strong> Este valor incrementa el brillo de las zonas blancas de la imagen</p>
<p style="text-align: left;"><strong>Edge Brightness.:</strong> Este valor afecta el brillo general de toda la imagen</p>
<p style="text-align: left;"><strong>Smoothness.:</strong> Este valor suavizará el brillo de los 2 anteriores valores.</p>
<p style="text-align: left;">Por lo general aquí solamente moveremos los valores<strong> Edge Width</strong> y <strong>Smoothness</strong>, tratando de que la ropa y el rostro conserven sus detalles.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1323" title="hielo06" src="http://criticalattack.com/wp-content/uploads/hielo06.jpg" alt="hielo06" width="214" height="293" /><img class="aligncenter size-full wp-image-1324" title="hielo07" src="http://criticalattack.com/wp-content/uploads/hielo07.jpg" alt="hielo07" width="214" height="293" /></p>
<p style="text-align: left;">Ahora presionamos <strong>Ctrl + U</strong>, esto abrirá la ventana de Hue / Saturaion, este filtro tien 3 valores</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1362" title="filtro hue y saturation" src="http://criticalattack.com/wp-content/uploads/filtro-hue-y-saturation.JPG" alt="filtro hue y saturation" width="411" height="311" /></p>
<p style="text-align: left;"><strong>Hue.:</strong> Este valor controlar la escala de colores</p>
<p style="text-align: left;"><strong>Saturation.:</strong> Este valor controla la intensidad del color, entre más alto sea número más intenso es el color</p>
<p style="text-align: left;"><strong>Lightness.:</strong> Este valor aclara u obscurece nuestro color.</p>
<p style="text-align: left;">Para conseguir el color azul que necesitamos para el efecto usa los valores</p>
<p style="text-align: left;">Hue.: 211 / Saturation.: 56 / Lightness.: +7</p>
<p style="text-align: left;">Apartir de estos valores mueve <strong>Saturation</strong> para conseguir el color deseado, pintamos de azul claro la capa agua y de azul oscuro la capa dureza.</p>
<p style="text-align: center;"><span style="color: #003366;"><strong>&lt; &lt; &lt; &lt; &lt; &lt; &lt; &lt; &lt; &lt; APLICANDO EL EFECTO &gt; &gt; &gt; &gt; &gt; &gt; &gt; &gt; &gt; &gt;</strong></span></p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1325" title="hielo08" src="http://criticalattack.com/wp-content/uploads/hielo08.jpg" alt="hielo08" width="452" height="602" /></p>
<p style="text-align: left;">Ahora pasamos a <strong>modo</strong> <strong>Overlay</strong> las capas agua y dureza, también les bajamos un poco el <strong>Fill</strong>, deberá verse como en la imagen de arriba.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1365" title="layers" src="http://criticalattack.com/wp-content/uploads/layers.JPG" alt="layers" width="218" height="277" /></p>
<p style="text-align: left;">El <strong>modo Overlay</strong> hará que nuestra imagen se sobreponga, esto hará que no se vea tan sólida.</p>
<p style="text-align: left;">El<strong> Fill</strong> hará que nuestra imagen sea semi transparente.</p>
<p style="text-align: left;">Al combinar ambos hará que nuestra imagen tome el efecto de la transparencia del agua, esto debemos hacerlo, con las 2 capas ya mencionadas.</p>
<p style="text-align: left;">
<p style="text-align: left;">Apagamos las capas agua y dureza dejando solamente la capa de la modelo en gris. Seleccionamos la herramienta <strong>Brush</strong> y desplegamos el panel de los pinceles y procederemos a configurar nuestro pincel.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1367" title="pincel 01" src="http://criticalattack.com/wp-content/uploads/pincel-01.JPG" alt="pincel 01" width="383" height="459" /></p>
<p style="text-align: left;">Elejimos un pincel redondo difuminado, aqui usaremos 3 valores.</p>
<p style="text-align: left;"><strong>Diameter.:</strong> Este valor determinará el tamaño de nuestro pincel, aquí no puedo dar un número en específico para usar, ya que depende de como quieres que quede la escarcha del hielo, pero por lo general debe ser un valor de menos de 25</p>
<p style="text-align: left;"><strong>Hardness.: </strong>Este valor determina la dureza del pincel, recomiendo que no pase del 6%</p>
<p style="text-align: left;"><strong>Spacing.:</strong> Este valor dará la distancia entre cada repetición del pincel, aquí tampoco puedo dar un valor exacto, ya que depende de como quieres que quede.</p>
<p style="text-align: left;">La configuración del pincel depende mucho de la imagen a la que se le va a aplicar el efecto, así como todas las personas son diferentes, debes adaptar el pincel a cada una de ellas.</p>
<p style="text-align: left;">Los demas valores y opciones las dejamos tal como están, ya que no son importantes para este efecto.</p>
<p style="text-align: left;">Una vez que tengamos nuestro pincel configurado correctamente, empezamos a pintar el cuerpo de nuestra modelo, tratando de cubrir el cuerpo completo pero sin saturarlo.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1326" title="hielo09" src="http://criticalattack.com/wp-content/uploads/hielo09.jpg" alt="hielo09" width="832" height="603" /></p>
<p style="text-align: left;">Seleccionamos la capa donde hemos aplicado el pincel y le ponemos: <strong>Outer Glow, Bevel and Emboss y Color Overlay</strong>.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1327" title="hielo10" src="http://criticalattack.com/wp-content/uploads/hielo10.jpg" alt="hielo10" width="599" height="441" /></p>
<p style="text-align: left;"><strong>Outer Glow.:</strong> Solamente activamos la casilla, la dejamos tal como está sin modificar nada</p>
<p style="text-align: left;"><strong>Bevel and Emboss</strong>.: El <strong>Style</strong> debe ser<strong> Inner Bevel</strong>, la dirección debe ser Up, en Size usa un valor menor a  7 px, el <strong>Shadow Mode</strong> debe ser de un azul claro en <strong>modo Screen</strong>, una vez hecho todo esto, pasamos a modificar el valor de <strong>Deph</strong>, pero por qué lo dejamos al final?</p>
<p style="text-align: left;"><strong>Deph</strong> será el valor determinante en la dureza de la escarcha el hielo que queremos obtener, el valor de <strong>Deph</strong> por lo general será de un valor alto en este caso superior al 800%.</p>
<p style="text-align: left;"><strong>Color Overlay.:</strong> Aquí solamente, ambia el color rojo por un azul oscuro, el modo de capa dejalo tal como está.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1328" title="hielo11" src="http://criticalattack.com/wp-content/uploads/hielo11.jpg" alt="hielo11" width="452" height="603" /></p>
<p style="text-align: left;">Ahora recortamos la ropa de la imagen que aún tiene color y la pegamos encima de nuestra modelo.</p>
<p style="text-align: left;">Para recortar la ropa de la imagen usa la herramienta <strong>Magic Wand Too</strong>l ó <strong>Polygonal Lasso Tool</strong> con un <strong>Feather</strong> de 1 px.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1329" title="hielo12" src="http://criticalattack.com/wp-content/uploads/hielo12.jpg" alt="hielo12" width="452" height="603" /></p>
<p style="text-align: left;">Ahora duplicamos la imagen de fondo y apagamos todas las capas, pasamos la imagen duplicada en grises y usando la herramienta <strong>Magic Wand Tool</strong>, borramos todo aquello que esté fuera de la silueta.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1330" title="hielo13" src="http://criticalattack.com/wp-content/uploads/hielo13.jpg" alt="hielo13" width="452" height="603" /></p>
<p style="text-align: left;">Pasamos la copia del fondo en modo <strong>Overlay</strong>, esto creará el efecto de que nuestra imagen es semi transparente, deberá quedar como en la imagen de arriba.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-1331" title="hielo14" src="http://criticalattack.com/wp-content/uploads/hielo14.jpg" alt="hielo14" width="668" height="642" /></p>
<p style="text-align: left;">Colocamos la copia del fondo entre la capa gris original y la capa agua y listo eso es todo, ahora solo debemos agragarle un poco de niebla para simular el frio de su cuerpo.</p>
<p style="text-align: left;">Revisa la imagen de arriba para ver como deben ir ordenadas las imágenes</p>
]]></content:encoded>
			<wfw:commentRss>http://criticalattack.com/2009/06/persona-de-hielo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
