<?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>Todo Soluciones &#187; Diseño</title>
	<atom:link href="http://www.todosoluciones.es/category/diseno/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.todosoluciones.es</link>
	<description>Todo sobre Gadgets, Tecnologia e Internet.</description>
	<lastBuildDate>Wed, 01 Feb 2012 21:54:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sony presenta en argentina la nueva Vaio serie Y.</title>
		<link>http://www.todosoluciones.es/2011/02/03/sony-presenta-en-argentina-la-nueva-vaio-serie-y/</link>
		<comments>http://www.todosoluciones.es/2011/02/03/sony-presenta-en-argentina-la-nueva-vaio-serie-y/#comments</comments>
		<pubDate>Thu, 03 Feb 2011 16:38:47 +0000</pubDate>
		<dc:creator>Sebastian Matias Rausch</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[notebooks]]></category>
		<category><![CDATA[Sony]]></category>

		<guid isPermaLink="false">http://www.todosoluciones.es/?p=1060</guid>
		<description><![CDATA[
Pesa 1.46kg y cuenta con una pantalla de 11,6” con retro iluminación LED, la nueva VAIO serie Y, una combinación de rendimiento, portabilidad y diseño, y la primera en incorporar el nuevo procesador FUSION AMD Dual Core E-350. Esta computadora, integra la nueva tecnología VISION de AMD para facilitar al usuario el uso diario de [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1061" src="http://www.todosoluciones.es/wp-content/uploads/2011/02/sony-vaio-y-2.jpg" alt="sony-vaio-y-2" width="500" height="405" /></p>
<p>Pesa 1.46kg y cuenta con una pantalla de 11,6” con retro <strong>iluminación LED</strong>, la nueva <strong>VAIO serie Y</strong>, una combinación de rendimiento, portabilidad y diseño, y la primera en incorporar el nuevo procesador <strong>FUSION AMD Dual Core E-350</strong>. Esta computadora, integra la nueva tecnología VISION de <strong>AMD</strong> para facilitar al usuario el uso diario de la Notebook, permitiendo la reproducción instantánea, y con la mejor calidad, de contenido en alta definición, incluyendo fotos y videos personales o contenidos en la Web. Con esta nueva tecnología se podrá hacer más cosas, y a la vez, con una velocidad superior.</p>
<p>Algunas de las características de la nueva Sony VAIO serie Y son:</p>
<p><strong>Movilidad</strong>: incluye diseño y duración de la batería, ya que llega hasta 5.5hs.</p>
<p><strong>Pantalla excepcional</strong>: espectacular pantalla con tecnología LED de 11.6”, proporcionando niveles de brillo altos de gran calidad de imagen para disfrutar toda clase de contenido en alta definición.</p>
<p><strong>Nuevo teclado</strong>: única en su categoría, la nueva serie Y cuenta con un teclado de tamaño completo con espacio entre las teclas, diseñado con precisión para crear una experiencia cómoda e intuitiva.</p>
<p><strong>Salida HDMI</strong>: este tipo de salida permite la visualización de lo que se está viendo en el monitor, en pantallas de televisión LCD o LED compatibles, con audio y video en alta definición, agrupados en un solo cable.</p>
<p>Además, tecnología Bluetooth estéreo integrada, cámara Web, y otros servicios que SONY sabe proporcionar a sus clientes.</p>
<p><img class="aligncenter size-large wp-image-1062" src="http://www.todosoluciones.es/wp-content/uploads/2011/02/sony-vaio-y-series-ultraportable-energy-efficient-notebook-500x350.jpg" alt="sony-vaio-y-series-ultraportable-energy-efficient-notebook" width="500" height="350" /></p>]]></content:encoded>
			<wfw:commentRss>http://www.todosoluciones.es/2011/02/03/sony-presenta-en-argentina-la-nueva-vaio-serie-y/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseños vectoriales gratis</title>
		<link>http://www.todosoluciones.es/2009/06/20/disenos-vectoriales-gratis/</link>
		<comments>http://www.todosoluciones.es/2009/06/20/disenos-vectoriales-gratis/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 08:18:14 +0000</pubDate>
		<dc:creator>ArKKaN</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Gratis]]></category>
		<category><![CDATA[Vectorial]]></category>

		<guid isPermaLink="false">http://www.todosoluciones.es/diseno/disenos-vectoriales-gratis/</guid>
		<description><![CDATA[El sitio Web CrazyLeaf Design Blog cuenta con un gran número de enlaces acerca de vectores gráficos.

Posiblemente la mayor cantidad de enlaces a vectores gratuitos que se puedan encontrar en la Web, están en el sitio  CrazyLeaf Design Blog. La recopilación de los mismos, aseguran desde el sitio, les llevó bastante tiempo efectuarla y se [...]]]></description>
			<content:encoded><![CDATA[<p align="left"><strong>El sitio Web CrazyLeaf Design Blog cuenta con un gran número de enlaces acerca de vectores gráficos.</strong></p>
<p align="center"><img src="http://www.todosoluciones.es/wp-content/uploads/2009/06/vector4free.jpg" alt="Diseño Vectorial" width="300" height="300" /></p>
<p>Posiblemente la mayor cantidad de enlaces a vectores gratuitos que se puedan encontrar en la Web, están en el sitio  <a href="http://www.crazyleafdesign.com/blog" target="_blank" rel="nofollow">CrazyLeaf Design Blog</a>. La recopilación de los mismos, aseguran desde el sitio, les llevó bastante tiempo efectuarla y se realizó por medio de distintos buscadores.</p>
<p>Entre los sitios que cuentan se encuentra QVectors.com el cual posee un importante índice de de vectores gráficos gratuitos, elaborados por afamados artistas de todo el mundo. Otro sitio semejante al anterior es vecteezy.com, con la ventaja que se actualiza todos los días.</p>
<p>La cantidad de enlaces y sitios es muy grande, y es muy posible que se pierdan muchas horas de navegación, pero bien vale la pena por la calidad de los mismos.<span id="more-149"></span></p>
<p><strong>Enlace de vectores: </strong></p>
<p><strong><a href="http://qvectors.com/" title="Qvectors - Free Vectors for download" target="_blank" rel="nofollow">QVectors.com</a>:</strong> Index de<strong> </strong>Vector<span>es gáficos gratuitos.</span></p>
<p><strong><a href="http://www.vecteezy.com/" title="Vecteezy - Free Vector Downloads" target="_blank" rel="nofollow">Vecteezy</a></strong>: Otro index de Vectores gratuitos.</p>
<p><strong><a href="http://www.freevectors.net/" title="Free Vectors" target="_blank" rel="nofollow">Free Vectors</a></strong>:<span> Una importante gallería  gratuitos con más de 350 vectores para descargar.</span></p>
<p><strong><a href="http://komodomedia.com/blog/index.php/2006/02/15/komodo-media-v30/" title="Komodo Media Goodie Pack" target="_blank" rel="nofollow">Komodo Media</a></strong>:<span> Colección de hojas en formato vectorial.</span></p>
<p><strong><a href="http://www.bittbox.com/freebies/free-vector-glass-header-designs-fancy/" title="Bittbox - Fancy glass header vectors" target="_blank" rel="nofollow">Fancy glass</a></strong>: Una colección gratuita para banners.</p>
<p><strong><a href="http://thepixlpusher.com/?p=20" title="PixlPusher's Free Vectors of tags" target="_blank" rel="nofollow">PixlPusher’s</a>: </strong>Vectores de etiquetas.</p>
<p><strong><a href="http://www.freevectors.com/" title="Free Vectors dot com" target="_blank" rel="nofollow">Free Vectors</a></strong>: Botones vectorialiales y distintos elementos como pinceles.</p>
<p><strong><a href="http://www.ndesign-studio.com/resources/vector-cliparts/" title="NDesign - Studio's Free Vector Cliparts" target="_blank" rel="nofollow">NDesign</a>: </strong>Vectores y Cliparts gratuitos.</p>
<p><strong><a href="http://www.gomediazine.com/" title="The Go Mediazine" target="_blank" rel="nofollow">The Go Mediazine</a>:</strong> Sets de vectores <strong><a href="http://www.gomediazine.com/freebies/free-vectors-set-8-sampler/" title="The Go Mediazine Vector set 8" target="_blank" rel="nofollow">set 8</a></strong> y <strong><a href="http://www.gomediazine.com/freebies/free-vector-pack-9-sampler/" title="The Go Mediazine Vector set 9" target="_blank" rel="nofollow">set 9</a></strong>.</p>
<p><strong><a href="http://www.vectorportal.com/" title="Vector Portal" target="_blank" rel="nofollow">Vector Portal</a></strong>:Colección de templates, signos, mapas, banderas, logos de deprte, y gran<br />
cantidad de vectores gratis.</p>
<p style="font-weight: bold"><a href="http://vektordb.lafkon.net/index.php?page=9" title="Vector Database" target="_blank" rel="nofollow">Vector Database</a>: Importante base de datos con vectores.</p>
<p><strong><a href="http://www.deviantart.com/" title="Vector Galleries on DeviantART" target="_blank" rel="nofollow">Vector Galleries on DeviantART</a></strong> : <strong><a href="http://gomedia.deviantart.com/art/Free-Go-Media-Vectors-4-6-57658788" target="_blank" rel="nofollow">GoMedia Vectors</a>, <a href="http://anarchynow.deviantart.com/art/misc-vectors-1-59432669" target="_blank" rel="nofollow">AnarchyNow Misc vectors 1</a>,  <a href="http://graphicidentity.deviantart.com/art/Floral-Photoshop-Brushes-3-74093941" target="_blank" rel="nofollow">Graphic Identity</a>, <a href="http://magicalviper.deviantart.com/art/Ornament-Brushes-2-69856542" target="_blank" rel="nofollow">Magical Viper</a>, <a href="http://ysr1.deviantart.com/art/Free-Vector-Stock-53905342" target="_blank" rel="nofollow">YSR1</a></strong></p>
<p><strong><a href="http://www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/" title="Free vectorial icons" rel="nofollow">Free vectorial icons:</a> Íconos vectoriales.<a href="http://www.crazyleafdesign.com/blog/sunday-design-resource-issue-3-500-icons-every-designer-needs/" title="Free vectorial icons"><br />
</a></strong></p>
<p><a href="http://www.bestcompanylogo.com/freelogos.php" style="font-weight: bold" title="Free Vector Logos" target="_blank" rel="nofollow">Free Vector Logos</a>: 150 vectores gratis y logos.</p>
<p><a href="http://www.bittbox.com/freebies/free-vector-badges-glass/" style="font-weight: bold" title="Free Vector Badges" target="_blank" rel="nofollow">Free Vector Badges</a>: Colección vectorial sobre web 2.0.</p>
<p><a href="http://www.istockphoto.com/free_vector.php" style="font-weight: bold" title="iStockPhoto Free Vectors" target="_blank" rel="nofollow">iStockPhoto</a>: Vectores de alta calidad se renueva todos los meses.</p>
<p><a href="http://www.snap2objects.com/2007/06/10/30-free-vector-rss-buttons/" style="font-weight: bold" title="30 colored vectorial RSS icons" target="_blank" rel="nofollow">vectorial <acronym title="Really Simple Syndication">RSS</acronym> icons</a>: Vectores de iconos sobre <acronym title="Really Simple Syndication">RSS</acronym></p>
<p><a href="http://www.magurno.com/" title="Gabriele Magurno Vectorial Shapes" target="_blank" rel="nofollow">Gabriele Magurno:</a> Formas vectoriales.</p>
<p><a href="http://www.bittbox.com/freebies/free-vector-swooshes-and-fancy-corner-designs/" style="font-weight: bold" title="Free Vector Swooshes and Fancy Corner designs" target="_blank" rel="nofollow">Free Vector</a>: Vectores gratuitos de esquinas y distintos diseños de fantasía.</p>
<p><a href="http://www.all-the-flags-of-the-world.c.la/" style="font-weight: bold" title="All the flags of the world in vectorial format" target="_blank" rel="nofollow">All the flags of the world</a>: Colección de banderas vectoriales.</p>
<p><strong><a href="http://www.blog.spoongraphics.co.uk/" target="_blank" rel="nofollow">Spoongraphics</a>: </strong>Vectores gratis en distintas partes <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/free-vector-resources" title="Spoongraphics Free Vector resources part 1" target="_blank" rel="nofollow">part 1</a></strong>, <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/free-vector-resources-part-2" title="Spoongraphics Free Vector resources part 2" target="_blank" rel="nofollow">part 2</a></strong>, <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/free-vector-resources-part-3-urban-collection" title="Spoongraphics Free Vector resources part 3" target="_blank" rel="nofollow">part 3</a></strong>, <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/vector-resources-part-4-punk-collection" title="Spoongraphics Free Vector resources part 4" target="_blank" rel="nofollow">part 4</a></strong>, <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/vector-resources-part-5-icons" title="Spoongraphics Free Vector resources part 5" target="_blank" rel="nofollow">part 5</a></strong>, <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/vector-resources-part-6-live-music" title="Spoongraphics Free Vector resources part 6" target="_blank" rel="nofollow">part 6</a></strong>, <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/vector-resources-part-7-snow-flakes" title="Spoongraphics Free Vector resources part 7" target="_blank" rel="nofollow">part 7</a></strong>, <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/free-vectors-trendy-circles" title="Spoongraphics Free Vector resources part 8" target="_blank" rel="nofollow">part 8</a></strong> and <strong><a href="http://www.blog.spoongraphics.co.uk/freebies/free-vector-graphics-cctv-cameras" title="Spoongraphics Free Vector resources part 9" target="_blank" rel="nofollow">part 9</a></strong></p>
<p><strong><a href="http://www.logotypes101.com/" title="Logo Types 101" target="_blank" rel="nofollow">Logo Types 101:</a></strong> Más de 80.000 logos gratuitos enl formato vectorial.</p>
<p><strong><a href="http://createsk8.com/2008/25-free-vector-grunge-patterns/" title="Vector Grunge Patterns" target="_blank" rel="nofollow">Vector Grunge Patterns</a>: </strong>Patrones de vectores grunge.</p>
<p><strong><a href="http://www.vectorart.org/" title="VectorArt dot com" target="_blank" rel="nofollow">VectorArt dot com</a>:</strong> Vectores de código abierto.</p>
<p><strong><a href="http://www.gosquared.com/liquidicity/archives/96" title="77 free vector buttons" target="_blank" rel="nofollow">77 Free Vector Buttons</a>: </strong>77 vectores gratis de botones.</p>
<p><strong><a href="http://www.flavafx.com/list.html?category=14" title="FlavaFX Free Vector Set 1" target="_blank" rel="nofollow">Flava FX Free Vector</a>: </strong>Set de vectores.</p>
<p><strong><a href="http://www.mujka.ca/free.htm" title="Mujka Free Ornamental Vectors" target="_blank" rel="nofollow">Mujka Free Ornamental Vectors</a>: </strong>Vectores ornamentales gratuitos.</p>
<p><strong><a href="http://www.jlwdesign.com/2007/free-illustrator-symbols-swirly-curls-ornaments/" title="JLW Design Vector Garden Symbol Set" target="_blank" rel="nofollow">JLW Design</a>: </strong>Vectores de distintos símbolos de jardines.</p>
<p><strong><a href="http://blog.0tutor.com/post.aspx?id=45&amp;titel=Free-smooth-Vector-graphic-collection" title="0tutor.com: Free smooth Vector graphic collection" target="_blank" rel="nofollow">0tutor.com: </a></strong>Coleción de vectores.</p>
<p align="left"><strong><a href="http://freedesignmagazine.com/post.php?i=97" title="Free Sun Vectors" target="_blank" rel="nofollow">Free sun</a>: </strong>Vectores de sol.</p>
<p align="left"><strong><a href="http://stormdamage.org/floral-vector-shapes/" title="Free Floral Vectors" target="_blank" rel="nofollow">Free floral</a>: </strong>Vectores gratuitos de flores.</p>
<p align="left"><strong><a href="http://qvectors.com/misc-vectors/grunge-banner-vector/" title="Free Vector Grunge Banner" target="_blank" rel="nofollow">Grunge Banner</a>: </strong>Vectores aplicables en banner.</p>
<p align="left"><strong><a href="http://vector4free.com/vectors/page/" title="Free Vector Downloads" target="_blank" rel="nofollow">Vectors 4 free</a>: </strong>Vectores gratuitos.</p>
<p align="left"><strong><a href="http://vectips.com/tutorials/free-watercolor-brushes-and-tutorial/" title="Free Watercolor Brushes and Tutorial" rel="nofollow">Free Watercolor</a>: </strong>Tutoriales y pinceles.</p>
<p align="left"><strong> Fuente:</strong> <a href="http://www.estudiologos.com/blog/disenos-de-vectores-gratis/">Estudio Logos</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.todosoluciones.es/2009/06/20/disenos-vectoriales-gratis/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Siluetas vectorizadas gratis (Silhouettes)</title>
		<link>http://www.todosoluciones.es/2008/04/09/siluetas-vectorizadas-gratis-silhouettes/</link>
		<comments>http://www.todosoluciones.es/2008/04/09/siluetas-vectorizadas-gratis-silhouettes/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 09:32:30 +0000</pubDate>
		<dc:creator>ArKKaN</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño Grafico]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.todosoluciones.es/diseno/siluetas-vectorizadas-gratis-silhouettes/</guid>
		<description><![CDATA[Si eres diseñador, o te gusta hacer tus propios diseños, aqui tienes una coleccion de siluetas totalmente gratuita que siempre vienen bien.
Siluetas vectorizadas de ángeles (Rapidshare &#124; Deposite)

Siluetas vectorizadas de personas bailando (link 1 &#124; link 2 &#124; link 3 &#124; link 4)

Siluetas vectorizadas de deportes extremos 1 (Rapidshare &#124; Deposite)

Siluetas vectorizadas de deportes extremos [...]]]></description>
			<content:encoded><![CDATA[<p>Si eres diseñador, o te gusta hacer tus propios diseños, aqui tienes una coleccion de siluetas totalmente gratuita que siempre vienen bien.</p>
<p>Siluetas vectorizadas de ángeles (<a href="http://rapidshare.com/files/76396981/angels.eps" aiotitle="Rapidshare">Rapidshare</a> | <a href="http://depositfiles.com/files/2701444">Deposite</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/angeles_440x164.jpg" alt="angeles" /><br />
Siluetas vectorizadas de personas bailando (<a href="http://www.istockphoto.com/file_closeup.php?id=2266169">link 1</a> | <a href="http://www.istockphoto.com/file_closeup.php?id=1836675">link 2</a> | <a href="http://www.istockphoto.com/file_closeup.php?id=2020366">link 3</a> | <a href="http://www.istockphoto.com/file_closeup.php?id=3258929">link 4</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/boliche_320x112.jpg" alt="bailando" /><span id="more-79"></span><br />
Siluetas vectorizadas de deportes extremos 1 (<a href="http://rapidshare.com/files/77266921/extreme_vector_silhouettes2.eps" aiotitle="Rapidshare" target="_blank">Rapidshare</a> | <a href="http://depositfiles.com/files/2747325">Deposite</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/extreme1_440x205.jpg" alt="extremos 1" /><br />
Siluetas vectorizadas de deportes extremos 2 (<a href="http://rapidshare.com/files/71220343/Sport_extreme.eps">Rapidshare</a> | <a href="http://depositfiles.com/files/2442971">Deposit Files</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/extreme2_320x155.jpg" alt="extremos 2" /></p>
<p>Siluetas vectorizadas de personas y familias (<a href="http://rapidshare.com/files/69142008/people_silhouettes.eps">Rapidshare</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/familia_320x124.jpg" alt="Familia" /></p>
<p>Siluetas vectorizadas hot y sexy (<a href="http://rapidshare.com/files/67188825/hot-sexy-girls.eps">Rapidshare</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/hot_320x124.jpg" alt="hot" /></p>
<p>Siluetas vectorizadas de chicas anime (<a href="http://rapidshare.com/files/100169090/animegirls.zip" aiotitle="Rapidshare">Rapidshare</a> | <a href="http://depositfiles.com/files/4169134" aiotitle="DepositFiles">DepositFiles</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/anime_440x231.jpg" alt="chicas anime" /></p>
<p>Siluetas vectorizadas de mujeres bailando (<a href="http://rapidshare.com/files/69100074/dancing-girls_eps_.eps">Rapidshare</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/chicas-bailando_320x134.jpg" alt="mujeres bailando" /><br />
Siluetas vectorizadas de hombres bailando (<a href="http://rapidshare.com/files/67182332/dancing-boys.eps">Rapidshare</a>)<br />
<img src="http://www.codigogeek.com/wp-content/uploads/2008/03/chicos-bailando_320x146.jpg" alt="hombres bailando" /></p>
<p>Fuente: <a href="http://www.codigogeek.com/2008/03/27/siluetas-vectorizadas-gratis-silhouettes/" title="http://www.codigogeek.com/2008/03/27/siluetas-vectorizadas-gratis-silhouettes/" target="_blank">codigogeek.com</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.todosoluciones.es/2008/04/09/siluetas-vectorizadas-gratis-silhouettes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Selección de colores armónicos</title>
		<link>http://www.todosoluciones.es/2008/01/28/seleccion-de-colores-armonicos/</link>
		<comments>http://www.todosoluciones.es/2008/01/28/seleccion-de-colores-armonicos/#comments</comments>
		<pubDate>Mon, 28 Jan 2008 13:22:34 +0000</pubDate>
		<dc:creator>ArKKaN</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://todosoluciones.es/noticias/seleccion-de-colores-armonicos/</guid>
		<description><![CDATA[Teoría del Color
&#8220;El color no existe&#8221; Con esta idea tan llamativa comienzan la mayoría de los artículos y manuales que he leído sobre teoría del color. Ávido por conocer los secretos de la utilización del color y su aplicación practica, me he encontrado con todo tipo de estudios. Bastoncillos, conos, percepción, ondas, luces, pigmentos son [...]]]></description>
			<content:encoded><![CDATA[<h4>Teoría del Color</h4>
<p>&#8220;El color no existe&#8221; Con esta idea tan llamativa comienzan la mayoría de los artículos y manuales que he leído sobre teoría del color. Ávido por conocer los secretos de la utilización del color y su aplicación practica, me he encontrado con todo tipo de estudios. Bastoncillos, conos, percepción, ondas, luces, pigmentos son conceptos que plagan estos fárragos y que casi ningún autor se atreve a pasar por alto.</p>
<p>De vez en cuando encuentro algún comentario acerca de los significados emotivos, psicológicos, simbólicos o semánticos, con los que uno puede estar más o menos de acuerdo dependiendo de su cultura, educación y experiencia. No a todos nos parece que el verde sea &#8220;calmado&#8221; y el amarillo sea &#8220;extrovertido&#8221;. Aun así esta bastante asentada la identificación de los colores con determinadas sensaciones. Esto me ayuda a la hora de impregnar significado a una comunicación grafica.</p>
<p>También he hallado numerosas representaciones graficas de las diferentes clasificaciones de color: lineal, triangular, hexagonal, circular, cuadrado, cónico, cúbico y hasta esférico. Todos ellos son intentos de plasmar bi o tri dimensionalmente las variedades del espectro cromático basándose en determinadas variables. Todos ellos son igual de validos si se saben utilizar.<span id="more-47"></span></p>
<p>A pesar de todo hay buenos estudios que son amenos y dirigidos a una utilización practica como por ejemplo la teoría del color de newsartesvisuales.com.</p>
<p>Sin embargo en muy pocas ocasiones he encontrado recomendaciones para el uso del color con el ordenador. Solo alguna nota accesoria al respecto de los significados de los diferentes modelos de color: HLS, HSB, RGB, CMYK, LAB&#8230; Ni siquiera los vendedores de software indican como sacar un rendimiento optimo de sus selectores de color.</p>
<p>En fin, que después de haberlo intentado mucho me encuentro prácticamente en el punto de partida: ¿cómo elijo los colores? ¿qué modelo utilizo?</p>
<h4>Los modelos de color perceptivos y reproductivos</h4>
<p>En 1905 Alber H. Münsell formulo un sistema de ordenación del color basado en la percepción humana. Percibimos el color a través de ondas luminosas que poseen varios atributos, ósea características distintivas de una sensación, percepción o modo de apariencia. Münsell identifico tres atributos:</p>
<p><strong>Matiz</strong>, o Tono, que es el color en si mismo, es la longitud de la onda luminosa. Un tono es el verde, otro tono es el cian y otro tono es el violeta. Es el nombre técnico de lo que coloquialmente conocemos por &#8220;color&#8221;. La espectro visible abarca entre el rojo y el violeta, es decir entre los 380 y 780 nanómetros de longitud de onda..</p>
<p><strong>Saturación</strong>, o Croma, que es la mezcla del los colores entre si. Es decir la interferencia de las ondas con otras de diferentes frecuencias. Una saturación alta supone que apreciamos el color en toda su pureza, limpio de interferencias. Una menor saturación indica que el color tiene mezcla con otros colores con los que interfiere. Cuando las ondas de todos los colores se perciben con igual valor el matiz no se diferencia y se visualiza exclusivamente el color blanco.</p>
<p><strong>Brillo</strong>, o Valor, se refiere a la intensidad lumínica. Es la frecuencia de la onda luminosa. Una luminosidad alta hace que el color se aprecie más vibrante e intenso y una bajada en la frecuencia produce que color se apague hacia el negro.</p>
<p>Un color viene definido por tanto por sus valores de tono, brillo y saturación. Cualquier color se puede identificar con unos valores de estas tres variables. El negro se obtiene cuando no hay brillo (ausencia de luz). Los grises se obtienen cuando la saturación es baja (mezcla o interferencia luminosa alta). De los grises el blanco es el más brillante (máxima frecuencia de ondas de distintas longitudes).</p>
<p>Este modelo de representación del color se conoce como <strong>HSB</strong> (Hue, Saturation, Bright):</p>
<p align="center"><img src="http://www.webtaller.com/images/maletin/articulos/modelo_hsb.jpg" alt="HSB: Matiz es el color en si mismo,  Saturación es la mezcla del los colores entre si. Brillo se refiere a la intensidad lumínica." width="410" /></p>
<p>Una variación de este modelo fue desarrollada por Tektronix en 1978 para proporcionar un modelo más fácil de usar y de percibir. Es conocido como modelo <strong>HLS</strong> (Hue, Light, Saturation).</p>
<p>En el modelo HLS la saturación no varia hacia el blanco sino que baja hasta el gris.<br />
En este modelo el atributo de brillo se sustituye por el de Luminosidad:</p>
<p><strong>Luminosidad</strong>, o Claridad. Es la mezcla del color con el blanco o el negro. Un color será más luminoso cuanto mayor cantidad de blanco posea o más oscuro cuando se le añada negro.</p>
<p align="center"><img src="http://www.webtaller.com/images/maletin/articulos/modelo_hls.jpg" alt="HLS: Matiz es el color en si mismo,  Saturación es la mezcla del los colores entre si. Luminosidad es la mezcla con blanco o negro." border="1" width="410" /></p>
<p>El modelo HLS facilita la localización de muchos colores, los pasteles, los ocres muy utilizados industrialmente.</p>
<p><strong>Los modelos HLS y HSB se denominan modelos perceptivos de color</strong> por tomar sus atributos de la observación del funcionamiento de la percepción humana de la luz.</p>
<p>Por otro lado las técnicas de reproducción del color necesita utilizar otros modelos no basados en la percepción:<br />
El <strong>RGB</strong> para la representación a través de pantallas, televisores, monitores y escaner basados en haces luminosos.<br />
El <strong>CMYK</strong> para la representación en pintura, imprentas, editoriales basados en mezcla de pigmentos.<br />
El <strong>LAB</strong> para algunas cámaras fotográficas y escáner.</p>
<p>Estos modelos se basan en los condicionantes físicos para su reproducción, por eso <strong>se conocen como modelos reproductivos de color</strong>.</p>
<p>Estos modelos reproductivos han impuesto sus sistemas de representación (validos para la industria) en los diferentes programas informáticos y se han convertido (sobre todo el RGB, y CMYK) en los estándares de selección de color en el ordenador.</p>
<p>A pesar de no ser los más extendidos en el software, los modelos perceptivos (HLS, HSB) son los más adecuados para la selección del color en los procesos creativos, porque permiten realizar variaciones más acordes a las percepción humana. Posteriormente se pueden utilizar los modelos reproductivos para extraer los valores necesarios para su representación impresa o en pantalla.</p>
<p>Así lo entendió Bill Gates cuando desarrollo Windows. Creo un letrero de selección de color basado en el sistema HLS y el RGB. Permite seleccionar el color a través de los atributos HLS: Matiz, Saturación y Luminosidad y a su vez obtener los valores RGB para su reproducción en pantalla. Simple pero efectivo.<br />
En este letrero las variaciones de matiz se representan sobre la horizontal del cuadrado. Las variaciones de saturación se representan en su vertical y las variaciones de luminosidad se representan en la barra lateral.</p>
<p align="center"><img src="http://www.webtaller.com/images/maletin/articulos/color_windows.jpg" alt="Selector de color de Windows basado en el sistema HLS y el RGB. " width="410" /></p>
<p align="left">Otros desarrolladores de software también lo han entendido así creando letreros más o menos complejos en los que se muestran los atributos de diferentes modelos. Véase por ejemplo el caso de PhotoShop que compagina el modelo perceptivo HSB para seleccionar el color con los reproductivos RGB, Lab, CMYK, y web (igual al RGB) para su posterior representación.</p>
<p align="center"><img src="http://www.webtaller.com/images/maletin/articulos/color_photoshop.jpg" alt="Selector de color de PhotoShop que compagina el modelo perceptivo HSB para seleccionar el color con los reproductivos RGB, Lab, CMYK, y web" width="410" /></p>
<p align="left">De acuerdo, pero ¿como utilizo esto de un modo productivo y fácil? ¿Cómo puedo utilizar los modelos para seleccionar un grupo de colores armónico?</p>
<p align="left">&nbsp;</p>
<h4>Armonía perceptiva</h4>
<p>Parece acertado pensar que los colores armónicos son aquellos que tienen cosas en común, que se parecen, y que los contrastados son los que tienen más diferencias entre si.</p>
<p>¿en que se parecen? Es evidente que varios naranjas son armónicos entre si, tienen el mismo color. Pero ¿en qué se parecen un verde un rojo y un amarillo que armonizan entre ellos?</p>
<p>Los modelos reproductivos de color se muestran poco adecuados para explicar (o seleccionar) grupos de colores armónicos. Difícilmente podremos encontrar un grupo de colores que sean consistentes entre si con solo variar alguno de sus colores básicos.</p>
<p>Los modelos perceptivos de color sí permiten seleccionar grupos de colores armónicos. Para ello solo se necesita variar uno de sus atributos y mantener iguales los otros dos. Serán armónicos entre si aquellos colores que tengan la misma saturación y brillo / luminosidad y diferente matiz. O también serán armónicos aquellos colores que tengan el mismo matiz y saturación pero diferente brillo / luminosidad.</p>
<p>No existe acuerdo entre cual de los dos modelos perceptivos, el HSB o el HLS, es más adecuado para este cometido. Cualquiera de los dos podría proporcionarnos colores similares. Hay quien considera el modelo HLS más próximo a la percepción humana y fácil de entender. Lo que si es seguro es que debe utilizarse un solo modelo. El creativo debe ceñirse a un único modelo en cada trabajo: ya sea el HSB, o el HLS, ya que los valores de sus atributos no son intercambiables.</p>
<p>Podríamos dividir el grado de similitud de los colores en tres niveles dependiendo de la cantidad de atributos que poseen iguales:</p>
<p><strong>Armónicos</strong>: Aquellos que tienen dos atributos iguales y uno diferente</p>
<p><strong>Consistentes</strong>: Aquellos que poseen un atributo igual y dos diferentes.</p>
<p><strong>Contrastados</strong>: Aquellos que tienen los tres atributos diferentes.</p>
<p>Veamos ejemplos del modo en que pueden seleccionarse los colores.</p>
<p>Para el coloreado de un logotipo se decide utilizar el color azul, naranja y el verde por sus connotaciones psicológicas y simbólicas. Se desea por tanto encontrar tres colores armónicos. La solución más adecuada seria encontrar tres colores que tengan matices diferentes pero que mantengan la misma saturación y brillo / luminosidad. En base al modelo HSB se localizan tres colores armónicos con distinto matiz, igual saturación y brillo.</p>
<p align="center"><img src="http://www.webtaller.com/images/maletin/articulos/memsoft.gif" alt="Logotipo con colores armonicos. Iguales saturación y brillo, distintos matices." height="138" width="291" /></p>
<p>CorelDraw facilita mucho esta labor. Incorpora en su selector de color un &#8220;mezclador &#8220;y permite utilizar todos los modelos descritos. En este caso se ha utilizado el modelo HSB. Partiendo de unos determinados matices colocados geométricamente sobre la rueda del espectro cromático, Se han encontrar variaciones en saturación o brillo y se han añadido a la paleta de trabajo. Para estos colores se ha fijado el brillo a 100, y la saturación a 56 y se han variado los matices entre 48, 97 y 216.</p>
<p align="center"><img src="http://www.webtaller.com/images/maletin/articulos/seleccion_corel.jpg" alt="Selector de color de Corel. Vease como se leleccionan los matices y posteriormente las variaciones." width="410" /></p>
<p>Otro ejemplo:</p>
<p>Para la selección de los colores de las barras de menús de un sitio web se decide utilizar los colores GRIS, rojo y azul. Para los enlaces y los rollovers se decide utilizar diferentes luminosidades de estos colores. Se consigue así un grupo de colores &#8220;próximos&#8221;. Para este caso se ha utilizado el modelo HLS a través del selector de color de Windows. Para ello se varia entre los matices 8 y 177, la saturación 187 (rojo y azul) y 0 (el gris), y las luminosidades 142 y 193. En total se localizan los siguientes colores:</p>
<p align="center"><img src="http://www.webtaller.com/images/maletin/articulos/color_web.gif" alt="Colores web obtenidos atraves de Dreamweaver y el selector de color de Windows." width="410" /></p>
<p>Los programas de desarrollo web de Macromedia facilitan este proceso convirtiendo a hexagesimal los valores RGB hallados a través del selector de color de Windows. En ese letrero se pueden añadir los colores a una paleta de colores personalizados:</p>
<p align="center"><img src="http://www.webtaller.com/images/maletin/articulos/color_macromedia.jpg" alt="Selector de Windows para Macromedia. Vease como se pueden añadir a la paleta de colores personalizados.." width="410" /></p>
<p><strong>En conclusión</strong>, un método simple pero efectivo para la selección de colores, es:</p>
<p>Primero seleccionar un determinado numero de matices basándose en sus connotaciones psicológicas y simbólicas. El matiz es el atributo en el que se aprecian mejor las variaciones. En ellos se mantiene el mismo valor de saturación y luminosidad para que sean armónicos.</p>
<p>En segundo lugar hallar una variación en el atributo de luminosidad de los anteriores matices. Se les asigna un determinado numero de variaciones en la luminosidad para que sean consistentes. Es preferible hacer esta variación en la luminosidad (intensidad) ya que las variaciones de este atributo se perciben mejor que las variaciones de la saturación (interferencia).</p>
<p>De este modo con un sistema gráfico y matemático se puede encontrar una cantidad concreta de colores armónicos o consistentes. Si se seleccionan 4 matices armónicos sobre los cuales se hacen 3 variaciones de luminosidad se obtendrán 12 colores consistentes.</p>
<p>Y por fin tenemos un sistema de selección de combinaciones de colores sencillo y efectivo que esta basado en la percepción y lo que resulta más interesante: funciona</p>
<p>Artículo original de Luis Miguel Richart</p>
<p><a href="http://www.vectoraula.com/articulos/color/">http://www.vectoraula.com/articulos/color/</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.todosoluciones.es/2008/01/28/seleccion-de-colores-armonicos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crear un fondo con lineas diagonales</title>
		<link>http://www.todosoluciones.es/2007/12/10/crear-un-fondo-con-lineas-diagonales/</link>
		<comments>http://www.todosoluciones.es/2007/12/10/crear-un-fondo-con-lineas-diagonales/#comments</comments>
		<pubDate>Mon, 10 Dec 2007 02:15:48 +0000</pubDate>
		<dc:creator>ArKKaN</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://todosoluciones.es/informatica/web-informatica/crear-un-fondo-con-lineas-diagonales/</guid>
		<description><![CDATA[Taller práctico de uso de Photoshop para crear un fondo para una página web compuesto por líneas diagonales.
Vamos a ver como construir un tipo de fondo bastante utilizado recientemente en páginas web que resulta muy sencillo de hacer y que tiene cierto gusto. Se trata de un fondo realizado con líneas diagonales que ocupan toda [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Taller práctico de uso de Photoshop para crear un fondo para una página web compuesto por líneas diagonales.</strong><br />
Vamos a ver como construir un tipo de fondo bastante utilizado recientemente en páginas web que resulta muy sencillo de hacer y que tiene cierto gusto. Se trata de un fondo realizado con líneas diagonales que ocupan toda la pantalla. No obstante, nosotros crearemos una imagen muy pequeña, que no ocupa casi espacio en Kb. Al incluirla como fondo en una web se generará un mosaico y se podrán apreciar las líneas diagonales.</p>
<p>El proceso no tiene ninguna dificultad. Empezamos creando un nuevo documento en blanco. No tiene que ser muy grande, tal vez 150&#215;150 pixels, lo suficiente para no quedarnos cortos de espacio.</p>
<p>Seleccionaremos la herramienta de línea, que está agrupada junto a las herramientas de formas, cuadrados, rectángulos, etc.</p>
<p align="center"><img src="http://desarrolloweb.com/articulos/images/diseno_photoshop/herramienta-linea.gif" height="270" width="273" /><span id="more-42"></span></p>
<p>Luego haremos una línea en el documento que habíamos creado. Con ello se creará automáticamente una capa con forma de línea. La línea la podemos hacer del color que se desee, dependiendo de nuestras necesidades. También podremos hacerla con distintas anchuras. Dependiendo de la anchura el efecto conseguido variará un poco.</p>
<p>Para nuestro ejemplo queremos que la línea tenga una inclinación de 45 grados. Para ello, a la hora de pintar la línea en diagonal, pulsamos la tecla mayúsculas. Veremos como Photoshop nos ayuda a que la línea quede con el ángulo deseado, pues siempre que se mantiene pulsada esta tecla, los ángulos que permite hacer son de 0 grados, 45 ó 90 y sus complementarios.</p>
<p align="center"><img src="http://desarrolloweb.com/articulos/images/diseno_photoshop/linea.gif" height="176" width="215" /></p>
<p>Ahora tenemos que duplicar la capa de la línea, para obtener varias líneas. Lo haremos a través de la ventana de capas, pulsando con el botón derecho del ratón en la capa a duplicar y seleccionando &#8220;Duplicar capa&#8230;&#8221;.</p>
<p align="center"><img src="http://desarrolloweb.com/articulos/images/diseno_photoshop/duplicar-capa.gif" height="314" width="270" /></p>
<p>Luego trasladaremos un poco la posición de la capa duplicado. Tan sólo unos píxel, pero los suficientes para que quede un espacio en blanco entre las líneas. Para mover una capa unos píxel será útil usar el cursor del teclado, con la herramienta de mover seleccionada. Repetiremos este proceso varias veces, de modo que queden una serie de líneas separadas a la misma distancia.</p>
<p align="center"><img src="http://desarrolloweb.com/articulos/images/diseno_photoshop/varias-lineas.gif" height="176" width="215" /></p>
<p>Una vez creada la imagen con las distintas líneas, vamos a acoplar sus capas, con el menú &#8220;Capa &#8211; Acoplar imagen&#8221;. Con esto conseguimos que haya una sola capa en toda la imagen.</p>
<p>Ahora viene el momento más delicado, que es obtener a partir de esta imagen una porción que permita hacer un mosaico perfecto para que en el fondo de la página tengamos líneas en diagonal por todas partes.</p>
<p>Para ello tenemos que hacer una selección cuadrada (con todos los lados del mismo tamaño) y fijarnos en un detalle. Tenemos que hacer la selección de manera que el píxel que hay en la esquina superior izquierda corresponda con el píxel que habría a continuación de la esquina inferior derecha. Para hacernos una idea exacta, sería bueno ver la siguiente imagen.</p>
<p align="center"><img src="http://desarrolloweb.com/articulos/images/diseno_photoshop/hacer-seleccion.gif" height="248" width="363" /></p>
<p>Podríamos haber hecho la selección más grande, pero siempre teniendo en cuenta que sea cuadrada y que haya una correspondencia entre el píxel de la esquina superior derecha de la selección y el que está en la esquina contraria, aunque por la parte de fuera de la selección.</p>
<p>Copiamos entonces la selección y la pegamos en otro documento, que guardamos con extensión .gif, que sería la más adecuada para este tipo de imagen. Este archivo es el que utilizaremos como fondo de la página.</p>
<p>Ahora mostramos la imagen obtenida con este proceso. Como es muy pequeña, para que se pueda apreciar, la hemos ampliado artificialmente, cambiando en el código HML los atributos width y height de la etiqueta IMG.</p>
<p align="center"><img src="http://desarrolloweb.com/articulos/images/diseno_photoshop/fondo.gif" height="30" width="30" /></p>
<p>Para acabar, podemos <a href="http://desarrolloweb.com/articulos/ejemplos/photoshop/ejemplo-fondo-diagonal.html" target="_blank">ver una página con el fondo que hemos creado</a>.</p>
<p>Fuente: <a href="http://desarrolloweb.com/articulos/2094.php" title="Dessarolloweb.com" target="_blank">http://desarrolloweb.com/articulos/2094.php</a> Copyleft</p>]]></content:encoded>
			<wfw:commentRss>http://www.todosoluciones.es/2007/12/10/crear-un-fondo-con-lineas-diagonales/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
 
