<?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; zapatos</title>
	<atom:link href="http://creativitystorm.com/tag/zapatos/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; Styles Shoes &#8211; Dando estilo a nuestros zapatos</title>
		<link>http://creativitystorm.com/styles-shoes-dando-estilo-a-nuestros-zapatos/</link>
		<comments>http://creativitystorm.com/styles-shoes-dando-estilo-a-nuestros-zapatos/#comments</comments>
		<pubDate>Sun, 16 Nov 2008 02:12:59 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[aprendizaje]]></category>
		<category><![CDATA[descarga]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[estilo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[zapatos]]></category>

		<guid isPermaLink="false">http://psdcreativo.com/?p=648</guid>
		<description><![CDATA[Este es un pequeño tutorial donde aprenderás a diseñar, combinar colores, obtener resultados diferentes. No es un tutorial complicado, de hecho quizás ya lo hayan visto un diseño similar. Como todo tutorial te dejo el pack de todo lo usado en el tutorial: Si el anterior link no te funciona puedes descargarte el pack dando [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/presentacion.png"><img class="size-full wp-image-651 aligncenter" title="Tutorial Stylez Shoe" src="http://creativitystorm.com/wp-content/uploads/2008/11/presentacion.png" alt="" width="400" height="150" /></a></p>
<p>Este es un pequeño tutorial donde aprenderás a diseñar, combinar colores, obtener resultados diferentes. No es un tutorial complicado, de hecho quizás ya lo hayan visto un diseño similar.</p>
<p>Como todo tutorial te dejo el pack de todo lo usado en el tutorial:</p>
<p style="text-align: center;"><a href="http://www.ziddu.com/download/2673757/PackStylesshoe.rar.html" target="_self"><img class="aligncenter" title="Descargar pack" src="http://creativitystorm.com/images/descargar.png" alt="" width="115" height="30" /></a></p>
<p>Si el anterior link no te funciona puedes descargarte el pack dando <a href="http://www.mediafire.com/?sharekey=d8ffd5ff592328366e7203eb87368129e04e75f6e8ebb871" target="_self"><strong>Click Aqui</strong></a></p>
<p>Comenzamos creando un nuevo archivo <strong>(Ctrl. + N) </strong>700 x 900, como siempre digo el tamaño del archivo puede variar según como queramos.</p>
<p>Ahora con la <strong>herramienta Bote de pintura (G) </strong>pondremos un fondo de color <strong>#111111, </strong>a continuación colocaremos la <strong>textura</strong> llamada &#8220;003_wpg_oldhouse&#8221; (esta textura es propiedad de <a href="http://resurgere.deviantart.com/">Resurgere</a>) que viene en el pack de lo que se uso en el tutorial, a esta <strong>textura</strong> le pondremos el modo de capa en <strong>Multiplicar </strong>y tambien le bajaremos su <strong>Opacidad a 25% </strong>como podrás ver baja la tonalidad y se filtra con el fondo, dando un aspecto de fondo grandioso:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/1.jpg"><img class="size-medium wp-image-654 aligncenter" title="1" src="http://creativitystorm.com/wp-content/uploads/2008/11/1-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>A continuación crearemos una <strong>nueva capa </strong>(ctrl. + Mayus + n) a esta le pondremos <strong>Nubes</strong>, para eso te vas a <strong>Filtro/ Interpretar/ Nubes </strong>y para lo que vamos a lograr como ves en el <strong>Resultado final del diseño</strong> solo <strong>borraremos</strong> lo que no nos servirá:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/2.jpg"><img class="size-medium wp-image-655 aligncenter" title="2" src="http://creativitystorm.com/wp-content/uploads/2008/11/2-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Ahora a la <strong>capa de nubes </strong>lo que nos sobro de nubes le pondremos las siguientes <strong>opciones de fusión</strong>, para abrirlas es cuestión de dar doble click en la capa donde los pondrás, o dar click derecho y luego escoger opciones de fusión que tambien son llamadas <strong>estilos de capa, </strong>tu puedes elegir otro tipo de resultado para las opciones de fusión, ya teniendo puesto el estilo, la misma capa de nubes le cambiaras el <strong>modo</strong> <strong>de capa</strong> a <strong>Luz suave </strong>(como hiciste con la textura anteriormente):</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/3.jpg"><img class="size-medium wp-image-656 aligncenter" title="3" src="http://creativitystorm.com/wp-content/uploads/2008/11/3-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Ahora que ya tienes la capa de nubes con todo lo mencionado, duplicaras esa capa de nubes y le borraras sus opciones de fusión y la pondrás en modo de capa <strong>Sobreexponer Color</strong>:<strong></strong></p>
<p><strong> </strong></p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/41.jpg"><img class="size-medium wp-image-657 aligncenter" title="41" src="http://creativitystorm.com/wp-content/uploads/2008/11/41-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Ahora colocaremos el objeto, en mi caso pondré un &#8220;zapato para soccer&#8221;, como ven en el resultado agregaremos muchas cosas, bueno ya puesto el objeto, trataremos antes de seguir de <strong>integrarlo un poco al fondo</strong>, para eso usaremos <strong>mascaras de recorte</strong>, en mi caso como lo que se quiere lograr es algo duro o mas bien <strong>texturizado</strong> le coloque diferente cosas.</p>
<p>Ahora para crear una mascara de recorte lo que debes hacer es primero tener todo lo que pondrás como recorte <strong>encima de la capa</strong> sobre lo que lo pondrás, lo que hace en si la <strong>mascara de recorte</strong> es solo usar <strong>la imagen, textura, brush</strong> o lo que pongas en el objeto ósea que solo lo podrás ver en el objeto y no en el fondo, claro eso depende si al objeto que lo pondrás no tenga fondo.</p>
<p>Aquí te dejo un link para que sepas más sobre las mascara de recorte y entiendas mejor:</p>
<p><a href="http://artegami.com/aprendiendo-a-crear-una-mascara-de-recorte-con-adobe-photoshop/">Video tutorial del uso de mascara de recorte</a></p>
<p><strong>Nota:</strong> Una aclaración en adobe photoshop CS3, se aprieta <strong>(Ctrl. + Alt. + G) </strong>para próximas dudas que puedan salir.</p>
<p>Muy bien ahora a lo que vamos le pondré 2 texturas y una capa de ajuste:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/5.jpg"><img class="size-medium wp-image-658 aligncenter" title="5" src="http://creativitystorm.com/wp-content/uploads/2008/11/5-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Para colocar los objetos y texturas solo coloque las 3 capas que viene siendo lo que use, encima de mi zapato de soccer, seleccione las 3 capas y apreté (Ctrl. + Alt. + G) y listo tienes tu mascara de recorte.</p>
<p>Como podrás ver la capa de ajuste que le puse fue la <strong>colección selectiva y le baje su opacidad a 80% </strong>y a la textura de la izquierda lo puse en modo <strong>Luz suave y 30% de opacidad </strong>y a la textura de la derecha solo la coloque en <strong>Luz suave</strong>.</p>
<p>Te explico lo que puse para que te des una idea de cómo puedes poner tus objetos en tus mascaras de recorte, los modos que puedes usar y tambien el nivel de opacidad.</p>
<p>Ahora le pondremos una textura mas para darle una <strong>tonalidad más fuerte y luminatoria</strong>, la textura viene en el pack (la textura fue sacada de <a href="http://enchanted-stock.deviantart.com/">enchanted-stock</a>) y se llama <strong>Stock 032</strong>, ya puesta encima de todas las capas la pondremos en modo de capa <strong>Superponer</strong> a un <strong>50% de opacidad</strong>:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/6.jpg"><img class="size-medium wp-image-659 aligncenter" title="6" src="http://creativitystorm.com/wp-content/uploads/2008/11/6-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Ahora con la <strong>herramienta pluma (P) </strong>haremos unas líneas tipo contorno del zapato, ya teniendo la pluma solo es cuestión de poner las <strong>propiedades</strong> que muestra la imagen, trazar solo el contorno y luego <strong>crear una nueva capa (ctrl. + Mayus + N)</strong>, ahora escogeremos un grosor para el trazo para eso agarramos la <strong>herramienta pincel escoges uno entre 3 y 5 píxeles</strong>, si no es una figura grande puede ser de <strong>2 px de grosor</strong>, ahora volvemos agarrar la pluma damos click en la capa luego dar click derecho al trazado de pluma y dar en <strong>contornear </strong>después de crear la primera, esta que ya tenemos la duplicamos y la movemos un poco ya sea para adelante o para abajo, arriba, después le bajamos la ponemos en modo <strong>Superponer</strong>, te debe quedar algo así:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/7.jpg"><img class="size-medium wp-image-720 aligncenter" title="7" src="http://creativitystorm.com/wp-content/uploads/2008/11/7-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>A continuación tomamos la <strong>herramienta pincel (B)</strong>, y escogemos uno de círculo difuso de <strong>13px o 17px</strong> dependiendo como digo, del tamaño del diseño, ahora al pincel le ponemos las siguientes propiedades:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/8.jpg"><img class="size-medium wp-image-660 aligncenter" title="8" src="http://creativitystorm.com/wp-content/uploads/2008/11/8-93x300.jpg" alt="" width="93" height="300" /></a></p>
<p>Ahora pasamos el brush por los lugares donde pondremos las luces, como ves en la imagen de arriba.</p>
<p>Agregamos un par de brushes (<strong><a href="http://www.tutorial9.net/resources/free-download-dirty-spray-photoshop-brushes/">T9 Dirty Sprays</a></strong>) por el diseño.</p>
<p>Ahora como consiguiente agarramos la herramienta pluma y hacemos líneas curvas como ves en la imagen no es difícil se hace con la pluma, solo se usa el contornear con un pincel circular de <strong>2px o 3px </strong>solo vas haciendo líneas como pero líneas según la dirección del objeto como en el de la imagen:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/9.jpg"><img class="size-medium wp-image-661 aligncenter" title="9" src="http://creativitystorm.com/wp-content/uploads/2008/11/9-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Ahora agregaremos un brush de líneas, el que coloque es de <a href="http://paulw.deviantart.com/art/10-Scan-Line-Brushes-90227593">PAULW&#8217;S</a> (también tiene otros buenos brushes), después otro brush que ayudaría son los de <a href="http://roman.webspace4clans.de/">r0man</a> después a estas capas de brushes las puse en <strong>Modo Superponer</strong>, deberías obtener algo como esto:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/10.jpg"><img class="size-medium wp-image-662 aligncenter" title="10" src="http://creativitystorm.com/wp-content/uploads/2008/11/10-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Muy bien, ahora le toca a los c4d&#8217;s en este caso yo use los mismos que use en el diseño &#8220;Expressions&#8221;, los pongo en el pack para que vean y puedan usarlos también, como podrán ver son colocador en la parte de atrás del zapato y la de en medio dando un efecto de luz quebrada, a estos c4d se les pone en modo de <strong>Sobreexponer Color</strong>, te debe quedar algo así:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/11.jpg"><img class="size-medium wp-image-663 aligncenter" title="11" src="http://creativitystorm.com/wp-content/uploads/2008/11/11-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Le agregamos 2 capas de ajustes para eso te vas a Capa/Nuevas capas de  ajustes/ las que agregaras son <strong>Niveles </strong>y la de <strong>Brillo/Contraste, </strong>las propiedades van a tu visión de ver como quedan los resultados con diferentes propiedades, las propiedades que yo puse las puedes ver en el psd del tuto.</p>
<p>Ahora agregaremos un stock <a href="http://enchanted-stock.deviantart.com/">enchanted-stock</a> que usaremos como textura cortando la parte inferior que parece piso y dejando solo la parte de arriba, y a esta capa donde esta la textura la ponemos en modo <strong>Superponer </strong>con 50px de opacidad, agregamos un c4d expansivo en modo <strong>Aclarar </strong>con 50px de opacidad, después creamos una nueva capa y aplicaremos imagen (<strong>Imagen/Aplicar Imagen)</strong> y como explico en el tutorial Sombras y Luces, agregaremos un poco de luz muy suave en la imagen aplicada, te debe quedar algo así:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/12.jpg"><img class="size-medium wp-image-664 aligncenter" title="12" src="http://creativitystorm.com/wp-content/uploads/2008/11/12-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Lo siguiente será crear una nueva capa <strong>(Ctrl + Mayus + N)</strong>, por consiguiente a esta capa le aplicaremos el filtro nubes, para eso nos vamos a <strong>Filtro/Interpretar/Nubes</strong>, después a esta capa de nubes la ponemos en modo <strong>Superponer</strong>, después aplicamos la imagen en una nueva capa, agregando a la imagen ya aplicada un poquitín de iluminación nada exagerado, quedando algo así:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/13.jpg"><img class="size-medium wp-image-665 aligncenter" title="13" src="http://creativitystorm.com/wp-content/uploads/2008/11/13-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Agregamos una capa de ajuste, <strong>Mezclador de canales</strong>, con las propiedades que aparecen en la imagen (este ajuste dará un toque más oscuro tirando a algo mas preciso en el diseño) y aplicamos imagen en una nueva capa (<strong>Imagen/ Aplicar Imagen</strong>). Después agregaremos algo de color al diseño, como? Un efecto muy usado por varios diseñadores es agregarlo del siguiente modo:</p>
<p>1.- Agarramos un pincel difuso circular de un tamaño respectivamente entre <strong>20-30px</strong> o mas dependiendo.</p>
<p>2.- Ahora lo siguiente es crear una nueva capa encima de la última capa (donde aplicamos la imagen)</p>
<p>3.- Ahora escogeremos los colores que usaremos en mi caso yo escogí los siguientes colores: <strong>rojo, azul, verde, morado</strong>, toques de <strong>amarillo</strong> no les pongo el código de colores ya que los colores son fácil de encontrar, no es un color especial o preciso, por así decirlo, solo buscas un rojo ni tan fuerte ni tan bajo, o un azul ni tan fuerte ni tan bajo, algo termino medio.</p>
<p>4.- Ahora con el pincel difuso pasaremos o aplicaremos en las partes donde desees que ira el color, después de haberlo aplicado a la capa la pondremos ya sea en Modo <strong>Color o Luz suave</strong>, en cualquiera de los dos podría quedar bien.</p>
<p>Y listo tendrás algo así:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/14.jpg"><img class="size-medium wp-image-667 aligncenter" title="14" src="http://creativitystorm.com/wp-content/uploads/2008/11/14-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Como podrás ver no es tan necesario que se rellene el diseño del color pero que si le de el toque. Bueno ahora crearemos una nueva y aplicamos todo lo ya hecho, ósea aplicar imagen (<strong>Imagen/ Aplicar Imagen</strong>).</p>
<p>Ahora creamos una nueva capa encima de la que acabamos de aplicar, con un pincel difuso circular en color blanco, el tamaño del pincel de entre 20, 40px, esto es para agregar un poco de luminosidad puesta. Lo aplicaremos, en la nueva capa, el pincel solo un click (<strong>Me refiero a que solo una vez aplicaras por cada parte donde pongas</strong>) por cada lugar donde pongas esta luz, después ya teniendo las bolitas de color blanco ponemos esta capa en modo<strong> Superponer</strong>, y aplicamos la imagen en una nueva capa, que te quede algo así:</p>
<p style="text-align: center;"><a href="http://creativitystorm.com/wp-content/uploads/2008/11/15.jpg"><img class="size-medium wp-image-668 aligncenter" title="15" src="http://creativitystorm.com/wp-content/uploads/2008/11/15-234x300.jpg" alt="" width="234" height="300" /></a></p>
<p>Ya tenemos listo todo, ahora se podría decir que aquí ya acabamos, te preguntaras como hacer los otros efectos? muy fácil:</p>
<p>1.- Para el efecto del fondo colorido de color amarillo, rojo, morado y azul. Como explique anteriormente la técnica usada por algunos diseñadores de hacerlo con el pincel difuso, bueno, crearemos un nueva capa encima de la que acabamos de aplicar imagen (<strong>paso anterior</strong>) haremos lo mismo solo que es este caso aplicaremos el pincel en los extremos izquierdo y derecho de arriba y abajo y aplicando toques muy suaves en el centro del diseño, después a esta capa donde aplicaste el pincel la pones en modo <strong>color</strong>.</p>
<p>2.- Creamos una nueva capa para aplicar imagen, aplicamos la imagen (<strong>Imagen/ Aplicar Imagen</strong>), después duplicamos esta capa que acabamos de aplicar, le pondremos el filtro Enfocar (<strong>Filtro/Enfocar/Enfocar</strong>) ahora le bajaremos la opacidad a unos <strong>50 &#8211; 70px</strong>, después apretaremos <strong>Ctrl + E</strong> para acoplar la imagen con la de abajo, y ya tenemos un enfoque peculiar.</p>
<p>3.- Para el otro efecto es un c4d, de hecho es el que viene en pack de l tutorial, lo duplicas lo transformas un poco y lo unes con el original y ya solo acomodas y lo pones en modo <strong>Sobreexponer Color</strong>, después volvemos a aplicar imagen en una nueva capa, añadimos luz o porque no sombras, con las herramientas <strong>Sobreexponer y Subexponer</strong>, aquí te explico tips de estas 2 herramientas <a title="Tutorial sombras e iluminaciones" href="http://creativitystorm.com/sombras-e-iluminacion-en-tus-disenos/" target="_self">Tutorial sombras e iluminaciones</a>, y ya listo acabamos.</p>
<p>Ahora si de ti viene agregar cosas mejores, un poco más de imaginación y más mucho mejor resultado podrás alcanzar, aquí el resultado final:</p>
<p style="text-align: center;"><a href="http://farm4.static.flickr.com/3192/2970324479_ccd935e43e_o.jpg" target="_blank"><img class="aligncenter" src="http://farm4.static.flickr.com/3192/2970324479_73c64b692f.jpg?v=0" border="0" alt="" /></a></p>
<p>Espero que este tuto les haya servido con algunas técnicas y puedan ponerlo en práctica.</p>
<p>Un saludo.</p>
<h3  class="related_post_title">Articulos Interesantes</h3><ul class="related_post"><li><a href="http://creativitystorm.com/entrevista-juan-carlos-padilla-tukan/" title="Entrevista: Juan Carlos Padilla (Tukan)">Entrevista: Juan Carlos Padilla (Tukan)</a></li><li><a href="http://creativitystorm.com/tutorial-disenando-una-ilustracion-elegante-con-photoshop/" title="Tutorial &#8211; Diseñando una Ilustracion Elegante con Photoshop">Tutorial &#8211; Diseñando una Ilustracion Elegante con Photoshop</a></li><li><a href="http://creativitystorm.com/acciones-de-photoshop-para-las-imagenes-de-nuestros-articulos/" title="Acciones de photoshop para las imagenes de nuestros articulos">Acciones de photoshop para las imagenes de nuestros articulos</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/photoshop-cs5-impresiones/" title="Photoshop CS5: Impresiones">Photoshop CS5: Impresiones</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://creativitystorm.com/styles-shoes-dando-estilo-a-nuestros-zapatos/feed/</wfw:commentRss>
		<slash:comments>83</slash:comments>
		</item>
	</channel>
</rss>
