<?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>El tecnoloco &#187; Mapping</title>
	<atom:link href="http://eltecnoloco.com/mapping/feed" rel="self" type="application/rss+xml" />
	<link>http://eltecnoloco.com</link>
	<description>Blog de amigos unidos por la pasion a las distintas tecnologias modernas!</description>
	<lastBuildDate>Tue, 15 May 2012 19:09:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>COD4: Mapa -Hotel las naciones- (corrientes y esmeralda, microcentro argentina)</title>
		<link>http://eltecnoloco.com/cod4-mapa-hotel-las-naciones-corrientes-y-esmeralda-microcentro-argentina</link>
		<comments>http://eltecnoloco.com/cod4-mapa-hotel-las-naciones-corrientes-y-esmeralda-microcentro-argentina#comments</comments>
		<pubDate>Fri, 02 Apr 2010 22:23:03 +0000</pubDate>
		<dc:creator>Crystian</dc:creator>
				<category><![CDATA[Proyectos]]></category>
		<category><![CDATA[call of duty]]></category>
		<category><![CDATA[locura]]></category>
		<category><![CDATA[Mapping]]></category>

		<guid isPermaLink="false">http://eltecnoloco.com/?p=1578</guid>
		<description><![CDATA[Acabo de terminar la segunda versión de este mapa, debo decir que aprendí a usar el editor de mapas (Radiant) a la par mientras lo desarrollaba, por ende se que se puede mejorar y mucho, pero como estoy muy mal de tiempos lamentablemente, decido continuarlo “así como esta”, por ahora el modo de juego que [...]]]></description>
			<content:encoded><![CDATA[<p>Acabo de terminar la segunda versión de este mapa, debo decir que aprendí a usar el editor de mapas (Radiant) a la par mientras lo desarrollaba, por ende se que se puede mejorar y mucho, pero como estoy muy mal de tiempos lamentablemente, decido continuarlo “así como esta”, por ahora el modo de juego que soporta es Free-for-all y Team Deathmatch, luego hare Domination y Sabotaje (y quizás HQ) para las próximas versiones.</p>
<p>El tiempo invertido fue 13 horas en total (teniendo en cuenta que tengo conocimientos previos en desarrollo de mapas para el motor Source (half-life2/Counter Strike source))</p>
<p><strong>Screenshoots:</strong><br />

<div class="ngg-galleryoverview" id="ngg-gallery-16-1578">


	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://eltecnoloco.com/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=16&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-344" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://eltecnoloco.com/cod4-mapa-hotel-las-naciones-corrientes-y-esmeralda-microcentro-argentina?pid=344" title=" "  >
								<img title="iw3mp-2010-03-28-20-13-31-82" alt="iw3mp-2010-03-28-20-13-31-82" src="http://eltecnoloco.com/wp-content/gallery/cod4-hotel/thumbs/thumbs_iw3mp-2010-03-28-20-13-31-82.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-345" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://eltecnoloco.com/cod4-mapa-hotel-las-naciones-corrientes-y-esmeralda-microcentro-argentina?pid=345" title=" "  >
								<img title="iw3mp-2010-03-28-20-13-33-67" alt="iw3mp-2010-03-28-20-13-33-67" src="http://eltecnoloco.com/wp-content/gallery/cod4-hotel/thumbs/thumbs_iw3mp-2010-03-28-20-13-33-67.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-346" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://eltecnoloco.com/cod4-mapa-hotel-las-naciones-corrientes-y-esmeralda-microcentro-argentina?pid=346" title=" "  >
								<img title="iw3mp-2010-03-28-20-13-44-39" alt="iw3mp-2010-03-28-20-13-44-39" src="http://eltecnoloco.com/wp-content/gallery/cod4-hotel/thumbs/thumbs_iw3mp-2010-03-28-20-13-44-39.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-347" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://eltecnoloco.com/cod4-mapa-hotel-las-naciones-corrientes-y-esmeralda-microcentro-argentina?pid=347" title=" "  >
								<img title="iw3mp-2010-03-28-20-14-20-17" alt="iw3mp-2010-03-28-20-14-20-17" src="http://eltecnoloco.com/wp-content/gallery/cod4-hotel/thumbs/thumbs_iw3mp-2010-03-28-20-14-20-17.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-348" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://eltecnoloco.com/cod4-mapa-hotel-las-naciones-corrientes-y-esmeralda-microcentro-argentina?pid=348" title=" "  >
								<img title="iw3mp-2010-03-28-20-14-28-12" alt="iw3mp-2010-03-28-20-14-28-12" src="http://eltecnoloco.com/wp-content/gallery/cod4-hotel/thumbs/thumbs_iw3mp-2010-03-28-20-14-28-12.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
<p><strong>Video:</strong><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/PCRFZR0w-n0&amp;hl=en_GB&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/PCRFZR0w-n0&amp;hl=en_GB&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
Gracias a “one” <a href="http://advancedwartutorials.blogspot.com/" rel="nofollow">http://advancedwartutorials.blogspot.com/</a>, pude aprender a desarrollar mapas para radiant, cubre todos los aspectos de cómo armar desde cero un mapa para COD4, si te interesa esto, indudablemente pasate por este blog.</p>
<p>Por que este hotel? Porque ahí trabajo, allí se encuentran las oficinas de <a href="http://www.delapalo.com/" target="_blank" rel="nofollow">Delapalo</a> y era un interesante y divertido desafio <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: center;"><strong>Bajar desde acá:</strong></p>
<p style="text-align: center;"><a href="http://www.megaupload.com/?d=HENOCKAV" target="_blank" rel="nofollow">http://www.megaupload.com/?d=HENOCKAV</a></p>
<p><strong>Instalación:</strong></p>
<p>En el Zip se encuentran las carpetas Mods y usermaps, descomprimir sobre la instalación de COD4 (“c:\Archivos de programa\Call of Duty 4 &#8211; Modern Warfare\”)</p>
<p>Entrar al juego en modo multiplayer, selecciona “Mods”, luego en la consola (pulsa el chirimbolo que esta ala izquierda del numero 1 para bajar la consola, escribí “/map mp_hotel”, si está todo bien comenzará a cargar el mapa, si no pasa nada, esta copiado mal el mapa.</p>
<p>Se aceptan opiniones, recomendaciones y críticas</p>
<p>Saludos y enjoy</p>
<p>En taringa: <a href="http://taringa.net/posts/juegos/7192315/COD4_Mapa-propioEquot_Hotel-las-nacionesEquot_Obelisco_ar.html" rel="nofollow">http://taringa.net/posts/juegos/7192315/COD4_Mapa-propioEquot_Hotel-las-nacionesEquot_Obelisco_ar.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://eltecnoloco.com/cod4-mapa-hotel-las-naciones-corrientes-y-esmeralda-microcentro-argentina/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Proyecto: Mapa de plaza de Mayo para Counter Strike</title>
		<link>http://eltecnoloco.com/proyecto-mapa-de-plaza-de-mayo-counter-strike</link>
		<comments>http://eltecnoloco.com/proyecto-mapa-de-plaza-de-mayo-counter-strike#comments</comments>
		<pubDate>Fri, 18 Jul 2008 21:24:06 +0000</pubDate>
		<dc:creator>Crystian</dc:creator>
				<category><![CDATA[Locuras]]></category>
		<category><![CDATA[Proyectos]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Counter Strike]]></category>
		<category><![CDATA[Desarrollos]]></category>
		<category><![CDATA[Fotografia]]></category>
		<category><![CDATA[Half Life]]></category>
		<category><![CDATA[Hammer]]></category>
		<category><![CDATA[Mapping]]></category>
		<category><![CDATA[Pasion]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Texturas]]></category>

		<guid isPermaLink="false">http://eltecnoloco.com/?p=67</guid>
		<description><![CDATA[(Post retroactivo, 3 años) En algún momento de mi vida también hice mapas para vídeo juegos, comencé con el archiconocido Counter Strike/Half Life, luego XIII, battlefield 1942, battlefield 2, y otros mas. La verdad, me encanto, es algo que sin duda voy a volver a hacer. En el aprendizaje de la herramienta (VALVE HAMMER EDITOR), [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="alignleft size-medium wp-image-82" style="float: left;" title="banco nacion" src="http://eltecnoloco.com/wp-content/uploads/2008/07/baires285rb-300x225.jpg" alt="" width="300" height="225" /></p>
<p style="text-align: justify;"><em>(Post retroactivo, 3 años)</em><br />
En algún momento de mi vida también hice mapas para vídeo juegos, comencé con el archiconocido Counter Strike/Half Life, luego XIII, battlefield 1942, battlefield 2, y otros mas.</p>
<p style="text-align: justify;">La verdad, me encanto, es algo que sin duda voy a volver a hacer.<br />
En el aprendizaje de la herramienta (<a href="http://en.wikipedia.org/wiki/Valve_Hammer_Editor" rel="nofollow">VALVE HAMMER EDITOR</a>), replique varias locaciones, dos casas, una cocina, y lo ultimo que hice fue una oficina donde laburaba (<a href="http://www.gameloft.com/" rel="nofollow">GameLoft</a>), de este trabajo me fui y no llegue a terminar, buuuh <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> 
</p>
<p style="text-align: justify;">Salio la versión 2 de Half-Life (HL) y no pude resitir probar el nuevo motor, me encanto, y en ese momento me uní a un grupo/foro de changos que hacían mapas también, escribí algunos tutoriales como <a href="http://eltecnoloco.com/2008/06/tutorial-texturas-partir-fotografias-juegos/" rel="nofollow">este</a>, y demás (www.mapland.com.ar, no existe mas <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />   ).</p>
<p style="text-align: justify;">Un día común y corriente dije&#8230; <strong>&#8220;tengo que hacer algo que no este hecho!&#8221;</strong> &#8230;( vaya&#8230; cuantas veces lo dije <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  )<br />
Y pensé en hacer algo&#8230; algo que represente argentina, algo que sea facilmente reconocible, y sobretodo aprovechando la nueva tecnología de HL2 (Mucho mas polígonos que el uno).<br />
Pensé en el obelisco, pero me pareció demasiado sencillo y no era muy propicio para un conflicto &#8220;bélico&#8221; (básicamente poner obstáculos para cubrirse de los disparos enemigos).
</p>
<p style="text-align: justify;">Entonces se me ocurrió representar la <strong>plaza de mayo!</strong> (el techo verde arriba de la plaza)</p>
<p><center><br />
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;t=h&amp;ll=-34.608186,-58.371971&amp;spn=0.005793,0.009398&amp;z=17&amp;output=embed&amp;s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&amp;t=h&amp;ll=-34.608186,-58.371971&amp;spn=0.005793,0.009398&amp;z=17&amp;source=embed" style="color:#0000FF;text-align:left" rel="nofollow">View Larger Map</a></small></center></p>
<p style="text-align: justify;">El día 2 de Abril del 2005 (después les cuento porque se la fecha) fui a la plaza con mi esposa y mis hijas y <span id="more-67"></span>mientras les daban de comer palomitas de maíz a las palomitas de carne, &#8220;casualmente aproveché&#8221; a sacar fotos a la plaza y una cuadra hacia adentro. Fueron 13 cuadras (mas de 26 en total, contando con las de un lado y las del otro), saque mas de 450 fotos (Rengo, gracias por la cámara).</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/plaza.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-68 aligncenter" title="plaza de mayo" src="http://eltecnoloco.com/wp-content/uploads/2008/07/plaza.jpg" alt="" width="300" height="300" /></a></p>
<p style="text-align: justify;">Obviamente la idea no era que lo haga yo solo, iba a proponerlo en el foro, pero justo el owner (dueño) le dio de baja, así que practicamente perdí contacto y entusiasmo para hacerlo, buuuh <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p style="text-align: justify;">Comencé a hacerla por la primer manzana, el &#8220;Banco de la Nación Argentina&#8221;:</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/clip4.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-80" title="clip4" src="http://eltecnoloco.com/wp-content/uploads/2008/07/clip4-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/clip5.jpg" rel="nofollow"><br />
<img class="alignnone size-medium wp-image-81" title="clip5" src="http://eltecnoloco.com/wp-content/uploads/2008/07/clip5-300x225.jpg" alt="" width="300" height="225" /></a>
</p>
<p style="text-align: justify;">Primero lo hice para HL1 y luego &#8220;migre&#8221; a HL2, se puede ver la comparación de motores en el resultado:</p>
<p style="text-align: justify;">HALF LIFE 1:</p>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/test1.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-76 aligncenter" title="banco en HL1" src="http://eltecnoloco.com/wp-content/uploads/2008/07/test1-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: justify;">HALF LIFE 2:</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/test7.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-78 aligncenter" title="banco en HL2, con texturas" src="http://eltecnoloco.com/wp-content/uploads/2008/07/test7-300x182.jpg" alt="" width="300" height="182" /></a></p>
<p style="text-align: justify;">Comparación entre HL1, HL2 y Realidad <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/test5.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-77 aligncenter" title="banco, comparacion entre HL1, HL2 y REAL" src="http://eltecnoloco.com/wp-content/uploads/2008/07/test5-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: justify;">Estas son algunas de las texturas que hice y utilicé:</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/texturas.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-79 aligncenter" title="texturas" src="http://eltecnoloco.com/wp-content/uploads/2008/07/texturas-300x254.jpg" alt="" width="300" height="254" /></a></p>
<p style="text-align: justify;">
<p style="text-align: justify;">Así se ve en el juego:</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20006.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-71 aligncenter" title="banco20006" src="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20006-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/banco0014.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-69 aligncenter" title="banco0014" src="http://eltecnoloco.com/wp-content/uploads/2008/07/banco0014-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20006.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-70 aligncenter" title="banco0016" src="http://eltecnoloco.com/wp-content/uploads/2008/07/banco0016-300x225.jpg" alt="" width="300" height="225" /><br />
</a>
</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20007.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-72 aligncenter" title="banco20007" src="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20007-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20008.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-73 aligncenter" title="banco20008" src="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20008-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: justify;">Vista de Águila</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20009.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-74 aligncenter" title="banco20009" src="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20009-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: justify;">Misma vista con polígonos</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20010.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-75 aligncenter" title="banco20010" src="http://eltecnoloco.com/wp-content/uploads/2008/07/banco20010-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: justify;">Fue muy bueno hacerlo, lastima el tiempo que llevo y el que hubiera llevado hacer todo :S, no tengo ambiciones <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p style="text-align: justify;">
<p>&nbsp;</p>
<p style="text-align: justify;"><em>Un anécdota al momento de sacar las fotos:</em></p>
<p style="text-align: justify;">El día que fuimos a sacar las fotos, le dije a mi esposa, vayamos a la catedral, quiero conocer como es adentro, entramos, saque algunas fotos y a los 10&#8242; minutos, entra un párroco o algo de eso apurado, y llega hasta el altar, murmura con otros, de repente se llena de periodistas la catedral, cámaras por todos lados, el párroco principal agarra el micrófono y anuncia que Juan Pablo Segundo, acababa de fallecer! jo!, que increíble estábamos en ese momento ahí!, lo abre matado con mi presencia en una iglesia católica? <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p><b>UPDATE 15-12-08:</b><a href='http://eltecnoloco.com/wp-content/uploads/2008/10/plaza-de-mayo-hl2.zip' rel="nofollow">Este es el mapa para bajar</a> (perdi algunas texturas <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  )</p>
]]></content:encoded>
			<wfw:commentRss>http://eltecnoloco.com/proyecto-mapa-de-plaza-de-mayo-counter-strike/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Tutorial: Texturas a partir de fotografias (para juegos y otros usos)</title>
		<link>http://eltecnoloco.com/tutorial-texturas-partir-fotografias-juegos</link>
		<comments>http://eltecnoloco.com/tutorial-texturas-partir-fotografias-juegos#comments</comments>
		<pubDate>Thu, 26 Jun 2008 23:55:12 +0000</pubDate>
		<dc:creator>Crystian</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Fotografia]]></category>
		<category><![CDATA[Mapping]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Texturas]]></category>

		<guid isPermaLink="false">http://eltecnoloco.com/?p=20</guid>
		<description><![CDATA[La idea de este tutorial es mostrar los pasos para a partir de una foto mostrar como lograr usarla como textura para mapas de juegos y otros usos (escrito hace dos años o mas, cuando iba a crear un mapa con la plaza de mayo para counter strike 2). Requerimientos: Photoshop 7 o superior. Fotografias [...]]]></description>
			<content:encoded><![CDATA[<p>La idea de este tutorial es mostrar los pasos para a partir de una foto mostrar como lograr usarla como textura para mapas de juegos y otros usos (escrito hace dos años o mas, cuando iba a crear un mapa con la plaza de mayo para counter strike 2).</p>
<p><strong>Requerimientos: </strong>Photoshop 7 o superior.</p>
<h2>Fotografias</h2>
<p>Primero debemos tener las fotografias del edificio en cuestion, por ejemplo yo elegi el banco nacion (el que esta en frente de la casa rosada en plaza de mayo) (para bajar las imagenes pulsa <a href="http://eltecnoloco.com/wp-content/uploads/2008/06/fotos1.zip" rel="nofollow">aqui</a>)</p>
<p style="text-align: center;"><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn0556.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-31 aligncenter" title="banco10" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn0556.jpg" alt="" width="200" height="150" /></a></p>
<p><span id="more-20"></span></p>
<h2>Encuadre</h2>
<p><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05562.jpg" rel="nofollow"><img class="alignleft alignnone size-medium wp-image-22" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco1" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05562.jpg" alt="" width="182" height="74" /></a></p>
<p>El primer paso va a ser obtener la textura de la pared desde el piso hasta unos 1.6, (es granito y  concreto)<br />
&nbsp;<br />&nbsp;</p>
<p><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05563.jpg" rel="nofollow"><img class="alignleft alignnone size-medium wp-image-23" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco2" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05563.jpg" alt="" width="83" height="74" /></a>Como el objetivo de la camara no es ortogonal sino que es a partir de un punto de vision, tenemos que ajustar la perspectiva manualmente, en este caso vamos a cambiar la perspectiva basandonos en la ventana.<br />
&nbsp;<br />&nbsp;</p>
<p><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05564.jpg" rel="nofollow"><img class="alignleft alignnone size-medium wp-image-24" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco3" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05564-300x187.jpg" alt="" width="300" height="187" /></a></p>
<p>Para esto lo tenemos que hacer OjO, es complicado pero tenemos herramientas que nos facilitan la cosa (por mas que siga siendo a OjO), tenemos que mostrar las guias, ya que tenemos que &#8220;encuadrar&#8221; la imagen (si no se entiende, no se pongan mal con los ejemplos se va a entender mejor), vallamos al menu vista/mostrar/cuadricula, con eso nos va a mostrar una grilla sobre la imagen, tambien no estaria mal mostrar la regla en pixeles <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  (para ajustar la cuadricula y regla ir a archivo Edicion/Preferencias)</p>
<p><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05565.jpg" rel="nofollow"><img class="alignleft alignnone size-medium wp-image-25" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco4" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05565.jpg" alt="" width="212" height="171" /></a></p>
<p>Ahora viene lo lindo, una vez cargada la imagen en el photoshop, esta tiene que ser una capa y no el fondo, si es asi, sobre la capa &#8220;fondo&#8221;, con el boton derecho del mouse (de ahora en adelante &#8220;el otro boton&#8221;)&#8221;duplicar capa&#8221;, luego posicionarse sobre la capa nueva), ir al menu edicion/transformacion libre (o ctrl+t) con transformacion libre escalas y giras la imagen, mas o menos deberia quedar la ventana del medio lo mas cuadrada posible, o sea el marco derecho deberia ser</p>
<p><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05566.jpg" rel="nofollow"><img class="alignleft alignnone size-medium wp-image-26" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco5" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05566.jpg" alt="" width="290" height="199" /></a></p>
<p>totalmente vertical esto lo podemos ver facilmente con las guias que mostramos <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> , apretamos enter para aceptar el cambio, volvemos a transformacion libre y ahora le damos con el otro boton y seleccionamos&#8221;perspectiva&#8221; y nos posicionamos sobre la esquina inferior derecha estiramos hacia abajo y vemos como se &#8220;estira&#8221; la imagen tanto para abajo como para arriba y a su vez para adentro <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_surprised.gif' alt=':o' class='wp-smiley' /> , ahora nos aprovechamos de la info que nos da la imagen, que son las &#8220;lineas rectas&#8221; que las vamos a asimilar contra las guias (como ser los bordes de la ventana y el cambio de granito a concreto) (ver imagen) , ahi tenemos alineado el marmol y la ventana <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> , o sea esta &#8220;aplanada&#8221;, ahora podremos dejar de mostrar esas guias (ctrl+h) para que no estorben la vision.</p>
<h2>Limpieza</h2>
<p><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/mis1.jpg" rel="nofollow"><img class="alignleft alignnone size-medium wp-image-27" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco6" src="http://eltecnoloco.com/wp-content/uploads/2008/06/mis1.jpg" alt="" width="112" height="100" /></a>Fue sencillo esta imagen porque esta a la altura de la camara, el tema se complica cuando no esta a esa altura o estas apuntando con la camara torcida <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> , ese tema lo tocamos despues, sigamos ahora con esta textura. Como se puede apreciar hay un cable, una seña de transito, un cartel la ventana, vamos a eliminarlas <img src='http://eltecnoloco.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/mis2.jpg" rel="nofollow"><img class="alignleft alignnone size-medium wp-image-28" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco7" src="http://eltecnoloco.com/wp-content/uploads/2008/06/mis2.jpg" alt="" width="237" height="119" /></a>La herramienta &#8220;tampon de clonar&#8221;, vendria a ser como pintar calcando con otra area de la imagen, veamoslo en accion, elegimos el tamaño apropiado, en este caso elegi 45, luego en el area que queremos que sea la matris a pintar pulsamos ALT y click del mouse luego sobre el area que queremos suplantar, pintando libremente y asi hasta eliminar<br />
<a href="http://eltecnoloco.com/wp-content/uploads/2008/06/mis3.jpg" rel="nofollow"><img class="alignleft alignnone size-medium wp-image-29" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco8" src="http://eltecnoloco.com/wp-content/uploads/2008/06/mis3.jpg" alt="" width="237" height="119" /></a>por completo la señal, (nota: para volver a cambiar la matris de copia solo hay que volver a marcar otra zona, con ALT)<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br /><center><br />
La imagen queda asi, sacando el cable, y los carteles<br />
<a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05567.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-30" title="banco9" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05567-300x174.jpg" alt="" width="300" height="174" /></a></center></p>
<h2>Mosaico</h2>
<p>Bueno ya tenemos la textura encuadrada y limpia, ahora tenemos que ver el tema de balance de blancos (normalizar la imagen) ya que esta va a ser una imagen mosaico (una imagen al lado de otra repetida veces), en este caso solo mosaico horizontal, veamos como quedaria para dar una idea<br />
<center><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05568.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-32" title="banco11" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05568-300x87.jpg" alt="" width="300" height="87" /></a></center></p>
<p>Para corregir esto hay varias alternativas, veamos esta (que no es la mejor, pero es rapida), dupliquemos la capa y mobamosla hacia la derecha hasta la mitad del lienzo, luego ala capa duplicada la movemos para el lado opuesto, tendria que quedar asi:<br />
<center><a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05569.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-33" title="banco12" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn05569-300x115.jpg" alt="" width="300" height="115" /></a></center><br />
<a href="http://eltecnoloco.com/wp-content/uploads/2008/06/mis4.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-34" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco13" src="http://eltecnoloco.com/wp-content/uploads/2008/06/mis4.jpg" alt="" width="78" height="75" /></a>Ahora seleccionamos la capa mas oscura (derecha) y nos ponemos en modo &#8220;mascara rapida&#8221; (Q), seleccionamos &#8220;degradado&#8221; (verificar que el degradado sea de negro a blanco y sea recto), y ahora arrastramos desde la derecha hacia la izquierda manteniendo shift apretado (para que sea en angulo llano), hacia la mitad de la imagen de la capa, quedaria algo asi, esto nos permite controlar cuanto y donde afectamos con las modificaciones (lo rojo no altera), volvemos a modo estandar (Q) y veremos como esta seleccionado el resto, <a href="http://eltecnoloco.com/wp-content/uploads/2008/06/mis5.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-35" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco14" src="http://eltecnoloco.com/wp-content/uploads/2008/06/mis5.jpg" alt="" width="87" height="85" /></a>ahora modificamos el brillo y contraste desde el menu imagen/ajustes/brillo y contraste (tambien tenemos &#8220;Niveles&#8221;, que seria el mas apropiado pero es mas complejo, con brillo y contraste nos alcanza) (para ocultar la seleccion ctrl+h) y lo aproximamos lo mas posible a la capa inferior.<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
<center>Deberia querar algo asi:<br />
&nbsp;<br />
<a href="http://eltecnoloco.com/wp-content/uploads/2008/06/mis6.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-36" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco15" src="http://eltecnoloco.com/wp-content/uploads/2008/06/mis6.jpg" alt="" width="200" height="116" /></a></center><br />
&nbsp;<br />
&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
<a href="http://eltecnoloco.com/wp-content/uploads/2008/06/mis71.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-39" style="float: left; margin-left: 4px; margin-right: 4px;" title="banco20" src="http://eltecnoloco.com/wp-content/uploads/2008/06/mis71.jpg" alt="" width="79" height="90" /></a><br />
una vez terminado con los niveles mas proximos acoplamos la imagen (ctrl + e)<br />
Ahora lo que resta es terminar la union, usando el &#8220;clonador&#8221; (como lo usamos antes) y el &#8220;dedo&#8221;! (esta herramienta permite manipular la imagen como si fuese que tenes el dedo mojado con pintura, es especial para esto, invito a que jueguen con esta herramienta, da resultados muy interesantes)<br />
&nbsp;<br />
<a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn055610.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-37" style="margin-left: 4px; margin-right: 4px;" title="banco17" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn055610.jpg" alt="" width="292" height="246" /></a></p>
<p>Quedaria  asi:<br />
<a href="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn055611.jpg" rel="nofollow"><img class="alignnone size-medium wp-image-40" title="banco21" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn055611.jpg" alt="" width="200" height="114" /></a></p>
<p>Este paso no es necesario, pero es implemente para que se entienda que es la textura, estara interesante volver a dejarla donde estaba la ventana, de la misma manera que hicimos antes para emparejar los bordes, pero ahora ya encajaria perfectamete.<br />
<img class="alignnone size-medium wp-image-42" title="banco23" src="http://eltecnoloco.com/wp-content/uploads/2008/06/dscn055613.jpg" alt="" /><br />
<center></p>
<h2>Espero que les haya servido este mini tutorial!</h2>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="350" height="110" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="id" value="fimra" /><param name="src" value="http://eltecnoloco.com/wp-content/uploads/2008/06/crystian.swf" /><embed id="fimra" type="application/x-shockwave-flash" width="350" height="110" src="http://eltecnoloco.com/wp-content/uploads/2008/06/crystian.swf"></embed></object></center></p>
]]></content:encoded>
			<wfw:commentRss>http://eltecnoloco.com/tutorial-texturas-partir-fotografias-juegos/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

