<?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/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Think the Web</title>
	<atom:link href="http://thinktheweb.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://thinktheweb.wordpress.com</link>
	<description>Un poco de diseño</description>
	<lastBuildDate>Wed, 06 Feb 2008 18:41:32 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>es</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='thinktheweb.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/ab84e6887e751b029dfb49d485bb725f?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Think the Web</title>
		<link>http://thinktheweb.wordpress.com</link>
	</image>
			<item>
		<title>Máscaras en Fireworks</title>
		<link>http://thinktheweb.wordpress.com/2008/02/06/mascaras-en-fireworks/</link>
		<comments>http://thinktheweb.wordpress.com/2008/02/06/mascaras-en-fireworks/#comments</comments>
		<pubDate>Wed, 06 Feb 2008 18:27:48 +0000</pubDate>
		<dc:creator>jcroatto</dc:creator>
				<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[esquinas redondeadas]]></category>
		<category><![CDATA[máscara]]></category>
		<category><![CDATA[máscaras]]></category>

		<guid isPermaLink="false">http://thinktheweb.wordpress.com/?p=5</guid>
		<description><![CDATA[Hace poco me consultaron sobre cómo hacer imágenes con bordes redondeados. Con Fireworks podemos realizarlo muy fácilmente con máscaras.
Para realizar una máscara necesitamos dos cosas: una imagen de mapa de bits (el objeto a enmascarar) y una imagen vectorial (un rectángulo de esquinas redondeadas, por ejemplo que llamaremos objeto “enmascarante”).
 Vamos a realizar un header [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=thinktheweb.wordpress.com&blog=2756936&post=5&subd=thinktheweb&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Hace poco me consultaron sobre cómo hacer imágenes con bordes redondeados. Con Fireworks podemos realizarlo muy fácilmente con máscaras.</p>
<p class="MsoNormal">Para realizar una máscara necesitamos dos cosas: una imagen de mapa de bits (el objeto a enmascarar) y una imagen vectorial (un rectángulo de esquinas redondeadas, por ejemplo que llamaremos objeto “enmascarante”).</p>
<p class="MsoNormal"> Vamos a realizar un header de sitio con los bordes redondeados.</p>
<ol>
<li class="MsoNormal"> Definimos      un lienzo de 760 píxeles de ancho por 200 píxeles de alto. En este caso      vamos a realizar un encabezado de gran tamaño. <i>Es importante destacar que      deberemos colocar como color de fondo de lienzo el mismo color de fondo      que tengamos en el lugar donde vayamos a colocar la imagen con bordes      redondeados</i>.</li>
<li class="MsoNormal">Importamos      la imagen a la que queramos definir bordes redondeados ajustándola al      ancho del lienzo y definiendo el área que querramos que se vea.</li>
<li class="MsoNormal">Ajustamos      el lienzo yendo a <b>Modify &gt;&gt; Canvas &gt;&gt; Trim Canvas</b> (<b>Modificar      &gt;&gt; Lienzo &gt;&gt; Recortar Lienzo</b>). De esta manera quitamos toda      porción de imagen que se encuentre fuera del lienzo.</li>
</ol>
<p><img src="http://thinktheweb.files.wordpress.com/2008/02/marsks1.jpg" alt="Importación de imagen" /> 4. Una vez que realizamos esto colocamos un <img src="http://thinktheweb.files.wordpress.com/2008/02/rounded.jpg" alt="Rectángulo Redondeado" /> (rectángulo redondeado) sin importar el color, y que cubra el lienzo a lo alto y a lo ancho. Luego, con los pequeños manejadores amarillos <img src="http://thinktheweb.files.wordpress.com/2008/02/manejador.jpg" alt="Manejador" /> hay que disminuir al ángulo de las esquinas dado que un ángulo muy importante hará que el resultado quede bastante grosero.</p>
<p><img src="http://thinktheweb.files.wordpress.com/2008/02/macara2.jpg" alt="Mascara 2" /></p>
<p>5. Luego, seleccionamos el rectángulo que acabamos de colocar y vamos al menú  <b>Edit &gt;&gt; Cut</b> (<b>Edición &gt;&gt; Cortar</b>) para mover al portapapeles el mismo.</p>
<p>6. Ahora seleccionamos nuestra imagen a enmascarar y vamos al menú <b>Edit &gt;&gt; Paste as Mask</b> (<b>Edición &gt;&gt; Pegar como máscara</b>).  De esta manera se pegará nuestro rectángulo redondeado como máscara sobre la imagen que teníamos en la capa inferior. El resultado quedará de esta manera:</p>
<p><img src="http://thinktheweb.files.wordpress.com/2008/02/resultado.jpg" alt="mascaras" /></p>
<div align="left"></div>
<div align="left"></div>
<p><a href="http://thinktheweb.files.wordpress.com/2008/02/marsks1.jpg" title="Importación de imagen"></a><a href="http://thinktheweb.files.wordpress.com/2008/02/marsks1.jpg" title="Importación de imagen"></a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/thinktheweb.wordpress.com/5/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/thinktheweb.wordpress.com/5/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/thinktheweb.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/thinktheweb.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/thinktheweb.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/thinktheweb.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/thinktheweb.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/thinktheweb.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/thinktheweb.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/thinktheweb.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/thinktheweb.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/thinktheweb.wordpress.com/5/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=thinktheweb.wordpress.com&blog=2756936&post=5&subd=thinktheweb&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://thinktheweb.wordpress.com/2008/02/06/mascaras-en-fireworks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/47ae404aa76f4a67353d7292835b8877?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">jcroatto</media:title>
		</media:content>

		<media:content url="http://thinktheweb.files.wordpress.com/2008/02/marsks1.jpg" medium="image">
			<media:title type="html">Importación de imagen</media:title>
		</media:content>

		<media:content url="http://thinktheweb.files.wordpress.com/2008/02/rounded.jpg" medium="image">
			<media:title type="html">Rectángulo Redondeado</media:title>
		</media:content>

		<media:content url="http://thinktheweb.files.wordpress.com/2008/02/manejador.jpg" medium="image">
			<media:title type="html">Manejador</media:title>
		</media:content>

		<media:content url="http://thinktheweb.files.wordpress.com/2008/02/macara2.jpg" medium="image">
			<media:title type="html">Mascara 2</media:title>
		</media:content>

		<media:content url="http://thinktheweb.files.wordpress.com/2008/02/resultado.jpg" medium="image">
			<media:title type="html">mascaras</media:title>
		</media:content>
	</item>
	</channel>
</rss>