<?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>Camino Creativo &#187; Web</title>
	<atom:link href="http://www.caminocreativo.com/tutoriales-photoshop/tag/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.caminocreativo.com/tutoriales-photoshop</link>
	<description>Tutorial y tutoriales de Photoshop y Diseño en general</description>
	<lastBuildDate>Mon, 13 Jul 2009 20:01:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Barra de Navegación Profesional estilo Brillante-Cristal</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/barra-de-navegacion-profesional-estilo-brillante-cristal/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/barra-de-navegacion-profesional-estilo-brillante-cristal/#comments</comments>
		<pubDate>Sun, 29 Mar 2009 20:53:45 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[barra]]></category>
		<category><![CDATA[brillante]]></category>
		<category><![CDATA[cristla]]></category>
		<category><![CDATA[estilo]]></category>
		<category><![CDATA[navegación]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[profesional]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=3077</guid>
		<description><![CDATA[En esta ocasión les explicaré como crear una Barra de Navegación azul con un espectacular estilo Brillante &#8211; Cristal. También les diré como diseñar el botón activo de la Barra con un efecto luz neón ...]]></description>
			<content:encoded><![CDATA[<p>En esta ocasión les explicaré como crear una Barra de Navegación azul con un espectacular estilo Brillante &#8211; Cristal. También les diré como diseñar el botón activo de la Barra con un efecto luz neón brillante.</p>
<p><span id="more-3077"></span></p>
<p><a href="http://www.caminocreativo.com/images/barra_nav_neon/thumbs_140.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_nav_neon/thumbs_140.jpg" alt="" width="140" height="140" /></a></p>
<p>Abran un nuevo documento de 800&#215;600px y rellenen el fondo con el color #1b1b1b.</p>
<p>Seleccionen ((Rectangular Marquee Tool)) y dibujen una selección rectangular como la que ven abajo.</p>
<p>Crean una ((New Layer)).</p>
<p>Rellenen el fondo de esta selección con el color #232323.</p>
<p><a href="http://www.caminocreativo.com/images/barra_nav_neon/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_nav_neon/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre la capa del rectángulo para abrir ((Layer Styles)) y aplicarle ((Stroke)).</p>
<p><a href="http://www.caminocreativo.com/images/barra_nav_neon/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_nav_neon/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p><a href="http://www.caminocreativo.com/images/barra_nav_neon/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_nav_neon/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Apreten Ctrl + Clic sobre la capa del rectángulo para activar su selección.</p>
<p>Ahora con ((Rectangular Marquee Tool)) de tipo ((Subtract From Selection)) resten la mitad de la selección del rectángulo. Vean la siguiente imagen.</p>
<p><a href="http://www.caminocreativo.com/images/barra_nav_neon/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_nav_neon/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/barra-de-navegacion-profesional-estilo-brillante-cristal/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Crean un Banner Web Horizontal</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crean-un-banner-web-horizontal/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crean-un-banner-web-horizontal/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 20:17:49 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[horizontal]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2970</guid>
		<description><![CDATA[En unos simples pasos les enseñaré a crear un Banner Horizontal del nuevo iPod Nano de Apple


Abran un nuevo documento de 468&#215;60 con fondo transparente.
Elijan el color #41dfe8 como frontal y el #124a87 como color ...]]></description>
			<content:encoded><![CDATA[<p>En unos simples pasos les enseñaré a crear un Banner Horizontal del nuevo iPod Nano de Apple</p>
<p><span id="more-2970"></span><br />
<a href="http://www.caminocreativo.com/images/banner_ipod/thumbs_140.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/banner_ipod/thumbs_140.jpg" alt="" width="140" height="140" /></a></p>
<p>Abran un nuevo documento de 468&#215;60 con fondo transparente.</p>
<p>Elijan el color #41dfe8 como frontal y el #124a87 como color de fondo.</p>
<p>Seleccionen ((Gradient Tool)) de tipo ((Radial Gradient)) y tracen un degradado usando los colores ya indicados. Vean el resultado en la siguiente imagen.</p>
<p><a href="http://www.caminocreativo.com/images/banner_ipod/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/banner_ipod/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Descarguen la imagen de este <a href="http://www.best-ipod-online.com/images/user-interface.jpg" target="_blank">iPod Nano.</a></p>
<p><a href="http://www.caminocreativo.com/images/banner_ipod/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/banner_ipod/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)).</p>
<p>Seleccionen ((Rounded Rectangle Tool)) con un radio de 14px y dibujen un rectángulo curvo con la forma del Ipod.</p>
<p>Apreten Ctrl + Clic sobre la capa del rectángulo curvo para activar su selección.</p>
<p>Ahora se paran sobre la capa del iPod y presionen Ctrl + C para copiar la selección.</p>
<p><a href="http://www.caminocreativo.com/images/banner_ipod/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/banner_ipod/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Vuelvan al documento y apreten Ctrl + V para pegar el Ipod.</p>
<p><a href="http://www.caminocreativo.com/images/banner_ipod/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/banner_ipod/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crean-un-banner-web-horizontal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Barra de Botones Web estilo &#8220;Green Glossy&#8221;</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/barra-de-botones-web-estilo-green-glossy/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/barra-de-botones-web-estilo-green-glossy/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 21:44:46 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[barra]]></category>
		<category><![CDATA[botones]]></category>
		<category><![CDATA[brillantes]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[verdes]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2940</guid>
		<description><![CDATA[Hace unos días inventé esta barra de botones Web verdes brillantes y quería compartirlos con todos ustedes. En este tutorial vamos a aprender cómo hacer un simple botón que dispone de 2 estados; uno cuando ...]]></description>
			<content:encoded><![CDATA[<p>Hace unos días inventé esta barra de botones Web verdes brillantes y quería compartirlos con todos ustedes. En este tutorial vamos a aprender cómo hacer un simple botón que dispone de 2 estados; uno cuando no está con el ratón sobre este (inactivo), y otro cuando el ratón está por encima (activo).</p>
<p><span id="more-2940"></span><br />
<a href="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/thumbs_140.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/thumbs_140.jpg" alt="" width="140" height="140" /></a></p>
<p>Abran un nuevo 683&#215;88px con fondo negro.</p>
<p>Crean una ((New Layer)).´<br />
Comenzarán por dibujar el botón activo.</p>
<p>Seleccionen ((Rounded Rectangle Tool)) con un radio de 15px y dibujen un rectángulo curvo como el que ven abajo.</p>
<p><a href="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre la capa de este rectángulo para abrir ((Layer Styles)) y aplicarle ((Gradient Overlay)). Para este degradado usen los colores #83fc02, #c8e104, #6ead04 y #a2d100.</p>
<p><a href="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p><a href="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean otra ((New Layer)).</p>
<p>Dibujen otro rectángulo curvo como el que ven abajo.</p>
<p><a href="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/botones_verdes_web_brillantes/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/barra-de-botones-web-estilo-green-glossy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crear un botón Web rayado con un look moderno</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-boton-web-rayado-con-un-look-moderno/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-boton-web-rayado-con-un-look-moderno/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 23:56:04 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[botón]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[estilo]]></category>
		<category><![CDATA[look]]></category>
		<category><![CDATA[moderno]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[rayado]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2877</guid>
		<description><![CDATA[Como bien dice el título, vamos a crear un botón web con un rayado en diagonal que podrán usarlo en sus propias páginas webs, blogs, o proyectos loaborales. Es fácil de crearlo y tiene un ...]]></description>
			<content:encoded><![CDATA[<p>Como bien dice el título, vamos a crear un botón web con un rayado en diagonal que podrán usarlo en sus propias páginas webs, blogs, o proyectos loaborales. Es fácil de crearlo y tiene un estilo moderno. Se los recomiendo!</p>
<p><span id="more-2877"></span></p>
<p><a href="http://www.caminocreativo.com/images/boton_web_rayado_moderno/thumbs_140.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/boton_web_rayado_moderno/thumbs_140.jpg" alt="" width="140" height="140" /></a></p>
<p>Abran un nuevo documento de 300&#215;200px con fondo blanco.</p>
<p>Hagan clic en la pestaña ((Path)) o vayan al menu ((Window))-((Path)) para encontrarla.</p>
<p>Crean una nuevo canal Alpha.</p>
<p><a href="http://www.caminocreativo.com/images/boton_web_rayado_moderno/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/boton_web_rayado_moderno/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Seleccionen ((Rectangular Marquee Tool)) y tracen una selección rectangular para luego rellenarla de blanco.</p>
<p><a href="http://www.caminocreativo.com/images/boton_web_rayado_moderno/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/boton_web_rayado_moderno/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Deseleccionen (Ctrl + D).</p>
<p>Vayan a ((Filter))-((Blur))-((Gaussean Blur)).</p>
<p><a href="http://www.caminocreativo.com/images/boton_web_rayado_moderno/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/boton_web_rayado_moderno/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Luego apreten Ctrl + L para editar ((Levels)).</p>
<p><a href="http://www.caminocreativo.com/images/boton_web_rayado_moderno/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/boton_web_rayado_moderno/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-boton-web-rayado-con-un-look-moderno/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo de una hoja al estilo Web 2.0</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/logo-de-una-hoja-al-estilo-web-20/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/logo-de-una-hoja-al-estilo-web-20/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 19:10:11 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[dibujar]]></category>
		<category><![CDATA[estilo]]></category>
		<category><![CDATA[hoja]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2846</guid>
		<description><![CDATA[Vamos a crear un logo, más exactamente el de una hoja al estilo Web 2.0. Lo pueden utilizar como marca, así que si les interesa, al final del tutorial pueden encontrar el PSD disponible para ...]]></description>
			<content:encoded><![CDATA[<p>Vamos a crear un logo, más exactamente el de una hoja al estilo Web 2.0. Lo pueden utilizar como marca, así que si les interesa, al final del tutorial pueden encontrar el PSD disponible para descarga.</p>
<p><span id="more-2846"></span></p>
<p><a href="http://www.caminocreativo.com/images/logo_hoja/thumbs_140.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/logo_hoja/thumbs_140.jpg" alt="" width="140" height="140" /></a></p>
<p>Abran un nuevo documento de 400&#215;400px con fondo blanco.<br />
Crean una ((New Layer)).<br />
Seleccionen ((Shape Tool)) y en la lista de formas (arriba del document) elijan la de la hoja que ya viene predeterminada por Photoshop.</p>
<p>Elijan el color #389e08 como frontal.</p>
<p>Crean una ((New Layer)).</p>
<p>Ahora si, dibujen la hoja sobre el documento.</p>
<p><a href="http://www.caminocreativo.com/images/logo_hoja/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/logo_hoja/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre esta capa para abrir ((Layer Styles)) y aplicarle ((Gradient Overlay)). Para este degradado usen los colores #40b309 y #86c32a.</p>
<p><a href="http://www.caminocreativo.com/images/logo_hoja/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/logo_hoja/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p>Ahora seleccionen ((Pen Tool)) y dibujen el trazado de la nervadura. Vean la siguiente imagen.</p>
<p><a href="http://www.caminocreativo.com/images/logo_hoja/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/logo_hoja/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
<p>Apreten Ctrl + Enter para convertir este trazado en selección.<br />
Crean una ((New Layer)).</p>
<p>Rellenen esta selección con el color #389e08.</p>
<p><a href="http://www.caminocreativo.com/images/logo_hoja/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/logo_hoja/thumbs_005.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/logo-de-una-hoja-al-estilo-web-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crear un moderno botón web reflejado</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-moderno-boton-web-reflejado/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-moderno-boton-web-reflejado/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 03:40:00 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[botón]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[moderno]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[reflejado]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2820</guid>
		<description><![CDATA[Crearemos un original y moderno botón web en el cual, podrán utilizarlo para su página web o futuros proyectos de diseños.


Abran un nuevo documento de 500&#215;500px con fondo transparente.
Seleccionen ((Gradient Tool)) de tipo ((Radial Gradient)) ...]]></description>
			<content:encoded><![CDATA[<p>Crearemos un original y moderno botón web en el cual, podrán utilizarlo para su página web o futuros proyectos de diseños.</p>
<p><span id="more-2820"></span></p>
<p><a href="http://www.caminocreativo.com/images/moderno_boton_web/thumbs_140.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/moderno_boton_web/thumbs_140.jpg" alt="" width="140" height="140" /></a></p>
<p>Abran un nuevo documento de 500&#215;500px con fondo transparente.</p>
<p>Seleccionen ((Gradient Tool)) de tipo ((Radial Gradient)) y tracen un degradado de gris oscuro a gris medio sobre la primera capa del documento.</p>
<p><a href="http://www.caminocreativo.com/images/moderno_boton_web/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/moderno_boton_web/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)).</p>
<p>Con ((Rounded Rectangle Tool)) de 30px de radio tracen un rectángulo curvo blanco como el que ven abajo.</p>
<p><a href="http://www.caminocreativo.com/images/moderno_boton_web/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/moderno_boton_web/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Ahora lo que tendrán que hacer será dibujar un pequeño rectángulo y colocarlo en la esquina superior derecha del rectángulo, esto hará que el botón tenga una aspecto más moderno fresco, cuando hayan terminado, presionen CTRL + J (duplicados) y muevan el rectángulo duplicado a la esquina inferior izquierda para crear el mismo efecto:</p>
<p><a href="http://www.caminocreativo.com/images/moderno_boton_web/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/moderno_boton_web/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre esta capa para aplicarle los siguientes ((Layer Styles)).</p>
<p>((Inner Shadow)).</p>
<p><a href="http://www.caminocreativo.com/images/moderno_boton_web/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/moderno_boton_web/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-moderno-boton-web-reflejado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crear una barra lateral web limpia</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-una-barra-lateral-web-limpia/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-una-barra-lateral-web-limpia/#comments</comments>
		<pubDate>Tue, 03 Feb 2009 07:16:26 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[barra]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[lateral]]></category>
		<category><![CDATA[limpia]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2632</guid>
		<description><![CDATA[Un recurso web muy útil a la hora de crear una página Web. Para crear esta barra lateral vamos a utilizar ((Rounded Rectangle Tool)), ((Rectangular Marquee Tool)), ((Rectangle Tool)) y ((Layer Styles)) tales como ((Gradient ...]]></description>
			<content:encoded><![CDATA[<p>Un recurso web muy útil a la hora de crear una página Web. Para crear esta barra lateral vamos a utilizar ((Rounded Rectangle Tool)), ((Rectangular Marquee Tool)), ((Rectangle Tool)) y ((Layer Styles)) tales como ((Gradient Overlay)), ((Satin)), ((Stroke)) y ((Color Overlay)).</p>
<p><span id="more-2632"></span></p>
<p><a href="http://www.caminocreativo.com/images/barra_lateral_limpia/thumbs_140.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_lateral_limpia/thumbs_140.jpg" alt="" width="140" height="140" /></a></p>
<p>Abran un nuevo documento de 400&#215;400px con fondo blanco.</p>
<p>Crean una ((New Layer)).</p>
<p>Seleccionen ((Rounded Rectangle Tool)) con un radio de 10px y tracen un rectángulo como el que ven abajo, no importa el color.</p>
<p><a href="http://www.caminocreativo.com/images/barra_lateral_limpia/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_lateral_limpia/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre esta capa para abrir y aplicarle ((Layer Styles)).</p>
<p>((Gradient Overlay)). Para este degradado usen los colores #dce5ec y #ffffff.</p>
<p><a href="http://www.caminocreativo.com/images/barra_lateral_limpia/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_lateral_limpia/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>((Stroke)).</p>
<p><a href="http://www.caminocreativo.com/images/barra_lateral_limpia/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_lateral_limpia/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p><a href="http://www.caminocreativo.com/images/barra_lateral_limpia/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/barra_lateral_limpia/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-una-barra-lateral-web-limpia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Elegantes botones Web oscuros</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/elegantes-botones-web-oscuros/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/elegantes-botones-web-oscuros/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 21:45:21 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[botones]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[elegantes]]></category>
		<category><![CDATA[photosho]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2594</guid>
		<description><![CDATA[¿Necesitas unos buenos botones para tu página web? Ahora les voy a mostrar como crear unos botones Web muy elegantes simplemente usando ((Rounded Rectangle Tool)) y ((Layer Styles)) tales como: ((Inner Glow)), ((Gradient Overlay)), ((Stroke)) ...]]></description>
			<content:encoded><![CDATA[<p>¿Necesitas unos buenos botones para tu página web? Ahora les voy a mostrar como crear unos botones Web muy elegantes simplemente usando ((Rounded Rectangle Tool)) y ((Layer Styles)) tales como: ((Inner Glow)), ((Gradient Overlay)), ((Stroke)) y ((Outer Glow)).</p>
<p><span id="more-2594"></span></p>
<p><a href="http://www.caminocreativo.com/images/elegantes_botones_web/thumbs_140.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/elegantes_botones_web/thumbs_140.jpg" alt="" width="140" height="140" /></a></p>
<p>Abran un nuevo documento de 200&#215;200px con fondo blanco.</p>
<p>Crean una ((New Layer)).</p>
<p>Seleccionen ((Rounded Rectangle Tool)) con 2px de radio y tracen un rectángulo negro como el que ven abajo.</p>
<p><a href="http://www.caminocreativo.com/images/elegantes_botones_web/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/elegantes_botones_web/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre esta capa para abrir y aplicarle ((Layer Styles)).</p>
<p>((Outer Glow)).</p>
<p><a href="http://www.caminocreativo.com/images/elegantes_botones_web/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/elegantes_botones_web/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>((Gradient Overlay)).</p>
<p><a href="http://www.caminocreativo.com/images/elegantes_botones_web/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/elegantes_botones_web/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p><a href="http://www.caminocreativo.com/images/elegantes_botones_web/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/elegantes_botones_web/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/elegantes-botones-web-oscuros/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Técnica para logo de página Web</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/tecnica-para-logo-de-pagina-web/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/tecnica-para-logo-de-pagina-web/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 21:56:41 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[dibujar]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[página]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[técnica]]></category>
		<category><![CDATA[tutoriall]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2535</guid>
		<description><![CDATA[Si has diseñado un logo para una página Web y no sabes que tipo de técnica usar para darle vida, en este tutorial te voy a mostrar como. Simplemente aplicaremos algunos ((Layer Styles)): ((Drop Shadow)), ...]]></description>
			<content:encoded><![CDATA[<p>Si has diseñado un logo para una página Web y no sabes que tipo de técnica usar para darle vida, en este tutorial te voy a mostrar como. Simplemente aplicaremos algunos ((Layer Styles)): ((Drop Shadow)), ((Inner Shadow)), ((Gradient Overlay)) y ((Stroke)).</p>
<p> <span id="more-2535"></span>
<p>Abran un nuevo documento de 250&#215;250px con fondo blanco.</p>
<p>Crean una ((New Layer)).</p>
<p>Elijan el color negro como frontal.</p>
<p>Seleccionen ((Shape Tool)), elijan la forma &#8220;Blob 1&#8243; y la aplican en el centro del documento.</p>
<p><a href="http://www.caminocreativo.com/images/tecnica_logo/Image_001.jpg" target="_blank"><img src="http://www.caminocreativo.com/images/tecnica_logo/thumbs_001.jpg" alt="" height="288" class="alignnone" width="400"/></a></p>
<p>Ahora con ((Ellipse Tool)) + Alt + Shift presionados (aumenta proporcionalmente desde el centro) dibujen círculos alrededor de la figura.</p>
<p>Pud</p>
<p><a href="http://www.caminocreativo.com/images/tecnica_logo/Image_002.jpg" target="_blank"><img src="http://www.caminocreativo.com/images/tecnica_logo/thumbs_002.jpg" alt="" height="288" class="alignnone" width="400"/></a></p>
<p>Ahora seleccionen ((Elliptical Marquee Tool)), dibujen una selección circular dentro de la forma y luego apretar la tecla Suprimir para eliminar.</p>
<p><a href="http://www.caminocreativo.com/images/tecnica_logo/Image_003.jpg" target="_blank"><img src="http://www.caminocreativo.com/images/tecnica_logo/thumbs_003.jpg" alt="" height="288" class="alignnone" width="400"/></a></p>
<p>Hagan doble clic sobre esta capa para abrir y aplicar ((Layer Styles)).</p>
<p>((Drop Shadow)).</p>
<p><a href="http://www.caminocreativo.com/images/tecnica_logo/Image_004.jpg" target="_blank"><img src="http://www.caminocreativo.com/images/tecnica_logo/thumbs_004.jpg" alt="" height="288" class="alignnone" width="400"/></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/tecnica-para-logo-de-pagina-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ilustración Web 2.0 para usar como cabezera de Sitios Webs de niñas</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/ilustracion-web-20-para-usar-como-cabezera-de-sitios-webs-de-ninas/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/ilustracion-web-20-para-usar-como-cabezera-de-sitios-webs-de-ninas/#comments</comments>
		<pubDate>Thu, 22 Jan 2009 04:00:46 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Avanzados]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Efectos]]></category>
		<category><![CDATA[En textos]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[cabezera]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[ilustración]]></category>
		<category><![CDATA[niñas]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[sitio]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[usar]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2523</guid>
		<description><![CDATA[Vamos a crear una ilsutración que esta muy de moda, se trata de un diseño abstracto orientado para utilizar como cabeceras de sitios webs de niñas. Esto no significa que no se pueda usar este ...]]></description>
			<content:encoded><![CDATA[<p>Vamos a crear una ilsutración que esta muy de moda, se trata de un diseño abstracto orientado para utilizar como cabeceras de sitios webs de niñas. Esto no significa que no se pueda usar este tutorial para otros tipos de sitios, simplemente lo que deberán hacer será ajustar los colores adecuados. Este tutorial es avanzado ya que es largo, requiere saber de muchas técnicas y los pasos son muy detallados.</p>
<p><span id="more-2523"></span></p>
<p><img class="alignnone" src="http://www.caminocreativo.com/images/girly/thumbs_140.jpg" alt="" width="140" height="140" /></p>
<p>Abran un nuevo documento de 800&#215;500px con fondo blanco.</p>
<p>Crean una ((New Layer)).</p>
<p>Seleccionen ((Ellipse Tool)) y dibujen tres círculos como los que ven abajo.</p>
<p><a href="http://www.caminocreativo.com/images/girly/Image_001.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/girly/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Nuevamente con ((Ellipse Tool)) sigan dibujando círculos de muchos tamaños hasta llegar a un resultado similar al de una nube.Vean la imagen de abajo.</p>
<p>Apreten Ctrl + Clic sobre la capa de la nube para activar su selección.</p>
<p>Seleccionen ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado de arriba hacia abajo usando los colores #47433a y #c7c0ba.</p>
<p><a href="http://www.caminocreativo.com/images/girly/Image_002.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/girly/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre la capa de la nube para abrir ((Layer Styles)) y aplicarle ((Pattern Overlay)).</p>
<p><a href="http://www.caminocreativo.com/images/girly/Image_003.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/girly/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p>Modifiquen el color de fondo a negro.</p>
<p><a href="http://www.caminocreativo.com/images/girly/Image_004.jpg" target="_blank"><img class="alignnone" src="http://www.caminocreativo.com/images/girly/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/ilustracion-web-20-para-usar-como-cabezera-de-sitios-webs-de-ninas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Crear un Header o cabezal para Sitio Web de Video-Juegos</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-header-o-cabezal-para-sitio-web-de-video-juegos/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-header-o-cabezal-para-sitio-web-de-video-juegos/#comments</comments>
		<pubDate>Wed, 21 Jan 2009 00:46:34 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[cabezal]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[sitio]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2502</guid>
		<description><![CDATA[Vamos a crear un espectacular Header o cabezal, como lo quieran llamar, de un Sitio Web de noticias e informes de Video-Juegos. Tienen un resultado muy profesional, se los recomiendo.


Abran un nuevo documento de 800&#215;400px ...]]></description>
			<content:encoded><![CDATA[<p>Vamos a crear un espectacular Header o cabezal, como lo quieran llamar, de un Sitio Web de noticias e informes de Video-Juegos. Tienen un resultado muy profesional, se los recomiendo.</p>
<p><span id="more-2502"></span></p>
<p><img class="alignnone" src="http://www.caminocreativo.com/images/header_azul_juegos/thumbs_140.jpg" alt="" width="140" height="140" /></p>
<p>Abran un nuevo documento de 800&#215;400px con fondo negro.</p>
<p>Crean una ((New Layer)).</p>
<p>Seleccionen ((Rectangular Marquee Tool)) y dibujen una selección como la que ven abajo.</p>
<p>Luego la rellenan de blanco.</p>
<p><a href="http://www.caminocreativo.com/images/header_azul_juegos/Image_001.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/header_azul_juegos/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre esta capa para abrir y aplicarle ((Layer Styles)).</p>
<p>((Inner Glow)).</p>
<p><a href="http://www.caminocreativo.com/images/header_azul_juegos/Image_002.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/header_azul_juegos/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>((Gradient Overlay)). Para este degradado usen los colores: #0b6fa3 y #0a425a.</p>
<p><a href="http://www.caminocreativo.com/images/header_azul_juegos/Image_003.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/header_azul_juegos/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>((Stroke)).</p>
<p><a href="http://www.caminocreativo.com/images/header_azul_juegos/Image_004.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/header_azul_juegos/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-un-header-o-cabezal-para-sitio-web-de-video-juegos/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Diseñar sitio Web para un fotógrafo</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/disenar-sitio-web-para-un-fotografo/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/disenar-sitio-web-para-un-fotografo/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 06:25:05 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[diseñar]]></category>
		<category><![CDATA[fotógrafo]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=2488</guid>
		<description><![CDATA[En este tutorial vamos a diseñar un Sitio Web que contendrá el Portfolio de un fotógrafo. En dicho sitio podrá mostrar todos sus trabajos. Muy recomendado a todos nuestros amigos que estén por crear o ...]]></description>
			<content:encoded><![CDATA[<p>En este tutorial vamos a diseñar un Sitio Web que contendrá el Portfolio de un fotógrafo. En dicho sitio podrá mostrar todos sus trabajos. Muy recomendado a todos nuestros amigos que estén por crear o hacer un trabajo relacionado con Portfolios.</p>
<p><span id="more-2488"></span><br />
<img class="alignnone" src="http://www.caminocreativo.com/images/sitio_web_fotografo/thumbs_140.jpg" alt="" width="140" height="140" /></p>
<p>Descarguen la imagen de un paisaje paradisíaco haciendo clic en este <a href="http://amersill.deviantart.com/art/Welcome-to-Paradise-85544983" target="_blank">LINK</a>.</p>
<p>Abran la imagen en Photoshop.</p>
<p>Seleccionen ((Rectangular Marquee Tool)) y seleccionen 3/4 de la imagen como muestra la siguiente imagen.<br />
Apreten Ctrl + C para copiar dicha selección.</p>
<p><a href="http://www.caminocreativo.com/images/sitio_web_fotografo/Image_001.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/sitio_web_fotografo/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Abran un nuevo documento de 100&#215;700px con fondo negro.<br />
Ahora apreten Ctrl + V para pegar la imagen.</p>
<p><a href="http://www.caminocreativo.com/images/sitio_web_fotografo/Image_002.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/sitio_web_fotografo/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Apreten Ctrl + Clic sobre la capa de la imagen para activar su selección.</p>
<p>Crean una ((New Layer)) y la colocan por debajo de la imagen.</p>
<p>Luego expandan esta selección: ((Select))-((Modify))-((Expand)): 8px.</p>
<p>Rellenen la selección con el color blanco.</p>
<p><a href="http://www.caminocreativo.com/images/sitio_web_fotografo/Image_003.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/sitio_web_fotografo/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre la capa de los bordes para abrir ((Layer Styles)) y aplicarle ((Gradient Overlay)). Para este degradado usen los colores: #223c4a y #909194.</p>
<p><a href="http://www.caminocreativo.com/images/sitio_web_fotografo/Image_004.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/sitio_web_fotografo/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/disenar-sitio-web-para-un-fotografo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crear Cabezal Web 2.0 de automovil</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/crear-cabezal-web-20-de-automovil/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/crear-cabezal-web-20-de-automovil/#comments</comments>
		<pubDate>Fri, 05 Dec 2008 19:22:12 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Avanzados]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[automóvil]]></category>
		<category><![CDATA[cabezal]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=1403</guid>
		<description><![CDATA[Interesante cabezal al ya conocido estilo Web 2.0 para sitio de una marca de automovil.

Primero necesitamos conseguir la fotografía de un automovil.

Con ((Pen Tool)) vamos a rectortar y a eliminar el fondo de la imagen.

Ahora ...]]></description>
			<content:encoded><![CDATA[<p>Interesante cabezal al ya conocido estilo Web 2.0 para sitio de una marca de automovil.</p>
<p><span id="more-1403"></span></p>
<p>Primero necesitamos conseguir la fotografía de un automovil.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_001.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Con ((Pen Tool)) vamos a rectortar y a eliminar el fondo de la imagen.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_002.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Ahora tendremos que conseguir la imagen de un paisaje. Pueden descargar esta imagen haciendo clic <a href="http://kkart.deviantart.com/art/Echo-Lake-Landscape-91352609">ACÁ</a>.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_003.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Vamos al documento del automovil y apretamos Ctrl + C para copiar, luego volvemos a la fotografía del paisaje y apretamos Ctrl + V para pegar.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_004.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
<p>Como podremos ver en la siguiente imagen, no se transaparenta el fondo del lago en el vidrio y no queda nada real.</p>
<p>Con ((Pen Tool)) marquen el contorno del vidrio.</p>
<p>Apreten Ctrl + Enter para activar la selección.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_005.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_005.jpg" alt="" width="400" height="288" /></a></p>
<p>Vayan al menu ((Edit))-((Cut)) y luego ((Edit))-((Paste)) para colocar el vidrio en una capa independiente.</p>
<p>A este capa le reducen la ((Opacity)) a un 50%.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_006.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_006.jpg" alt="" width="400" height="288" /></a></p>
<p>Abran un nuevo documento de 1600&#215;1200px con fondo transparente.</p>
<p>Seleccionen ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado de abajo hacia arriba utilizando los colores: #121212 y #474748</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_007.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_007.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)).</p>
<p>Con ((Rectanuglar Marquee Tool)) dibujen un rectángulo en la parte superior del documento y lo rellenan de color blanco.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_008.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_008.jpg" alt="" width="400" height="288" /></a></p>
<p>Con la selección activa vuelvan a seleccionar ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado de arriba hacia abajo utilizando los colores: #66c90d y #a5d51e.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_009.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_009.jpg" alt="" width="400" height="288" /></a></p>
<p>Vuelvan a crear otra ((New Layer)) y tracen una selección rectangular menor a la anterior.</p>
<p>Nuevamente seleccionen ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado de arriba hacia abajo utilizando los colores: #252525 y #545353.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_010.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_010.jpg" alt="" width="400" height="288" /></a></p>
<p>Luego, con ((Rectangular Marquee Tool)) dibujen una gran selección rectangular como la que ven abajo y vayan a ((Edit))-((Copy Merged)) y después ((Edit))-((Paste)), van a ver que esta nueva selección quedó en una capa independiente.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_011.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_011.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre esta capa para aplicarle ((Layer Styles)).</p>
<p>((Drop Shadow)).</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_012.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_012.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_013.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_013.jpg" alt="" width="400" height="288" /></a></p>
<p>Copien la imagen que creamos del automovil y el paisaje a este documento.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_014.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_014.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre la barra con degradados verdes para aplicarle ((Layer Style)).</p>
<p>((Pattern Overlay)).</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_015.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_015.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios y aumenten la imagen para ver el resultado.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_016.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_016.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)).</p>
<p>Seleccionen ((Line Tool)) con 1px de grosor y tracen dos líneas, una blanca y otra negra, una pegada a la otra tal cual muestra la siguiente imagen.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_017.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_017.jpg" alt="" width="400" height="288" /></a></p>
<p>A esta capa le modifican el modo de fusión a ((Soft Light)).</p>
<p>Dupliquen esta capa (Ctrl + J) hasta completar la barra y dejar espacio para colocar los títulos de los botones.</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_018.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_018.jpg" alt="" width="400" height="288" /></a></p>
<p>Seleccionen la fuente Arial y escriban los títulos de los botones.</p>
<p>Y listo, son solo estos procedimientos. Ahora prueben ustedes!</p>
<p><a href="http://www.caminocreativo.com/images/cabezal_web20_coche/Image_019.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/cabezal_web20_coche/thumbs_019.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/crear-cabezal-web-20-de-automovil/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Otra manera de dibujar un icono reloj</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/otra-manera-de-dibujar-un-icono-reloj/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/otra-manera-de-dibujar-un-icono-reloj/#comments</comments>
		<pubDate>Fri, 05 Dec 2008 06:30:44 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Avanzados]]></category>
		<category><![CDATA[Dibuja]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[dibujar]]></category>
		<category><![CDATA[manera]]></category>
		<category><![CDATA[otra]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[reloj]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=1766</guid>
		<description><![CDATA[Otra forma de crear un espectacular reloj despertador con estilo de ícono. Para su creación utilizarán ((Elliptical Marquee Tool)), ((Layer Styles)) tales como ((Drop Shadow)), ((Inner Shadow)), ((Gradient Overlay)), ((Bevel and Emboss)), ((Rounded Rectangle Tool)), ...]]></description>
			<content:encoded><![CDATA[<p>Otra forma de crear un espectacular reloj despertador con estilo de ícono. Para su creación utilizarán ((Elliptical Marquee Tool)), ((Layer Styles)) tales como ((Drop Shadow)), ((Inner Shadow)), ((Gradient Overlay)), ((Bevel and Emboss)), ((Rounded Rectangle Tool)), ((Free Transform)), ((Pen Tool)), modos de capa, ((Brush Tool)) y ((Shape Tool)).</p>
<p><span id="more-1766"></span></p>
<p>Abran un nuevo documento de 400&#215;400px con fondo blanco.</p>
<p>Crean una ((New Layer)).</p>
<p>Seleccionen ((Elliptical Marquee Tool)) y con Alt + Shift apretados tracen un círculo negro como el que ven abajo.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_001.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre su capa para aplicarle ((Layer Styles)).</p>
<p>((Drop Shadow)).</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_002.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>((Gradient Overlay)). Para este degradado usarán los colores: #0f69a9 y #187cec.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_003.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)).</p>
<p>Vuelvan a trazar un círculo negro pero esta vez de menor tamaño.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_004.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre esta capa para aplicarle ((Layer Styles)).</p>
<p>((Gradient Overlay)). Para este degradado usen los colores: #0f69a9 y #187cec.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_005.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_005.jpg" alt="" width="400" height="288" /></a></p>
<p>((Inner Shadow)).</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_006.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_006.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_007.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_007.jpg" alt="" width="400" height="288" /></a></p>
<p>Vuelvan a crear una ((New Layer)) y la colocan por debajo de los dos círculos.</p>
<p>Seleccionen ((Rounded Rectangle Tool)) con un radio de 6px para trazar un rectángulo negro como el que ven abajo.</p>
<p>Usen ((Free Transform)) (Ctrl + T) para rotar el objeto.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_008.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_008.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre su capa para abrir ((Layer Styles)) y aplicar ((Gradient Overlay)). Para este degradado usen los colores: #0f69a9 y #187cec.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_009.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_009.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p>Dupliquen esta misma capa (Ctrl + J).</p>
<p>Se paran encima de la capa duplicada y se dirigen al menu ((Edit))-((Transform))-((Flip Vertical)) para ubicar dicha capa en el otro costado.</p>
<p>Vean el resultado parcial en la siguiente imagen.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_010.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_010.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)) y también la ubican debajo de los dos círculos.</p>
<p>Seleccionen ((Pen Tool)) para dibujar el trazado del soporte.</p>
<p>Luego apreten Ctrl + Enter para transformar el trazado en selección.</p>
<p>Rellenen la selección de negro.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_011.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_011.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre su capa para aplicarle ((Layer Styles)).</p>
<p>((Drop Shadow)).</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_012.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_012.jpg" alt="" width="400" height="288" /></a></p>
<p>((Bevel and Emboss)).</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_013.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_013.jpg" alt="" width="400" height="288" /></a></p>
<p>((Gradient Overlay)). Para este degradado usarán los colores: #1fb0f3 y #1fb0f3.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_014.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_014.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios y vean el resultado parcial en la imagen de abajo.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_015.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_015.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)) y la colocan por encima de todas las demás.</p>
<p>Elijan el color #6bd8fc como frontal.</p>
<p>Seleccionen ((Brush Tool)) con los estilos que aparecen marcados con flechas rojas en la imagen de abajo.</p>
<p>Luego de que colocaron correctamente los estilos de pincel pinten en el centro del reloj para darle un poco de brillo y obtener el siguiente resultado.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_016.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_016.jpg" alt="" width="400" height="288" /></a></p>
<p>Apreten Ctrl + Clic sobre la capa del círculo más pequeño para activar su selección.</p>
<p>Luego con ((Elliptical Marquee Tool)) de tipo ((Subtract From Selection)) tracen un círculo como el que ven abajo.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_017.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_017.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)).</p>
<p>Rellenen la nueva selección de color blanco.</p>
<p>Cambien el modo de la capa a ((Soft Light)).</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_018.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_018.jpg" alt="" width="400" height="288" /></a></p>
<p>Nuevamente crean una ((New Layer)).</p>
<p>Dibujen otra selección circular como la que ven abajo.</p>
<p>Dentro de esta selección tracen un degradado lineal de blanco a transparente.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_019.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_019.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean otra ((New Layer)).</p>
<p>Seleccionen ((Pen Tool)) para trazar las agujas del reloj.</p>
<p>Las rellenan de blanco.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_020.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_020.jpg" alt="" width="400" height="288" /></a></p>
<p>Seleccionen ((Shape Tool)) y elijan la forma de flecha para colocárselas a las agujas</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_021.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_021.jpg" alt="" width="400" height="288" /></a></p>
<p>En una ((New Layer)) dibujen cuatro puntos blancos ubicados tal cual podrán ver en la siguiente imagen. Le aplican ((Drop Shadow)) con los valores que están por defecto.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_022.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_022.jpg" alt="" width="400" height="288" /></a></p>
<p>Finalmente escriban los números del reloj y listo! tendrán el reloj terminado.</p>
<p><a href="http://www.caminocreativo.com/images/reloj/Image_023.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/reloj/thumbs_023.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/avanzados/otra-manera-de-dibujar-un-icono-reloj/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crear interface web metálica</title>
		<link>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-interface-web-metalica/</link>
		<comments>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-interface-web-metalica/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 15:44:24 +0000</pubDate>
		<dc:creator>Luch</dc:creator>
				<category><![CDATA[Basicos]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[metalica]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.caminocreativo.com/tutoriales-photoshop/?p=1676</guid>
		<description><![CDATA[Este tutorial es para los interesados en crear interfaces web. Utilizaremos ((Rectangular Marquee Tool)), ((Dodge Tool)), modos de capa, ((Noise)), ((Inner Shadow)) y ((Bevel and Emboss)).

Ya les tengo preparado el fondo. Pueden descargarlo haciendo clic ...]]></description>
			<content:encoded><![CDATA[<p>Este tutorial es para los interesados en crear interfaces web. Utilizaremos ((Rectangular Marquee Tool)), ((Dodge Tool)), modos de capa, ((Noise)), ((Inner Shadow)) y ((Bevel and Emboss)).</p>
<p><span id="more-1676"></span></p>
<p>Ya les tengo preparado el fondo. Pueden descargarlo haciendo clic <a href="http://www.caminocreativo.com/images/interface_web_metalica/metfirst.jpg">AQUÍ</a>.</p>
<p>Abran la imagen en Photoshop.</p>
<p>Seleccionen ((Rectangular Marquee Tool)) y tracen un rectángulo como el que ven abajo.</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_001.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_001.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean una ((New Layer)).</p>
<p>Ahora vayan a ((Edit))-((Stroke)).</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_002.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_002.jpg" alt="" width="400" height="288" /></a></p>
<p>Luego seleccionen ((Dodge Tool)) de tipo Midtones con Exposure: 100% y pasar pinceles de diferentes tamaño sobre los bordes del rectángulo para darle un aspecto metálico.</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_003.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_003.jpg" alt="" width="400" height="288" /></a></p>
<p>Crean otra ((New Layer)).</p>
<p>Con ((Rectangular Marquee Tool)) tracen un rectángulo menor dentro del primero.</p>
<p>Lo rellenan con el color #494949.</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_004.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_004.jpg" alt="" width="400" height="288" /></a></p>
<p>Ahora a este nuevo rectángulo le aplican un pequeño ruido. ((Filter))-((Noise))-((Add Noise)).</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_005.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_005.jpg" alt="" width="400" height="288" /></a></p>
<p>Hagan doble clic sobre su capa para aplicarle ((Layer Styles)).</p>
<p>((Inner Shadow)).</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_006.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_006.jpg" alt="" width="400" height="288" /></a></p>
<p>((Bevel and Emboss)).</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_007.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_007.jpg" alt="" width="400" height="288" /></a></p>
<p>Acepten los cambios.</p>
<p>Dupliquen esta capa (Ctrl + J).</p>
<p>Le quitan los ((Layer Styles)).</p>
<p>Ahora seleccionen ((Dodge Tool)) y pasaen el pincel unas cuantas veces sobre la parte superior izquierda del rectángulo.</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_008.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_008.jpg" alt="" width="400" height="288" /></a></p>
<p>Le cambian el modo de capa a ((Overlay)).</p>
<p>Reduzcan la ((Opacity)) a 20%.</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_009.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_009.jpg" alt="" width="400" height="288" /></a></p>
<p>Agregando algunos detalles de texto logré este resultado.</p>
<p><a href="http://www.caminocreativo.com/images/interface_web_metalica/Image_010.jpg"><img class="alignnone" src="http://www.caminocreativo.com/images/interface_web_metalica/thumbs_010.jpg" alt="" width="400" height="288" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.caminocreativo.com/tutoriales-photoshop/basicos/crear-interface-web-metalica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

