<?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>FemWeb &#187; Tutoriales</title>
	<atom:link href="http://www.femweb.info/categoria/tutoriales/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.femweb.info</link>
	<description>Un lugar para aprender cosas</description>
	<lastBuildDate>Wed, 19 May 2010 22:34:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=177</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Diseños vectoriales de hojas y plantas</title>
		<link>http://www.femweb.info/2010/tutoriales/illustrator/ornamentos-vegetales-vectoriales/</link>
		<comments>http://www.femweb.info/2010/tutoriales/illustrator/ornamentos-vegetales-vectoriales/#comments</comments>
		<pubDate>Wed, 19 May 2010 09:55:34 +0000</pubDate>
		<dc:creator>Femweb</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[.ai]]></category>
		<category><![CDATA[.eps]]></category>
		<category><![CDATA[adobe illustrator]]></category>
		<category><![CDATA[adornos florales]]></category>
		<category><![CDATA[arboles]]></category>
		<category><![CDATA[creative commons]]></category>
		<category><![CDATA[flores]]></category>
		<category><![CDATA[gratis]]></category>
		<category><![CDATA[hojas]]></category>
		<category><![CDATA[secas]]></category>
		<category><![CDATA[vecorial]]></category>

		<guid isPermaLink="false">http://www.femweb.info/?p=545</guid>
		<description><![CDATA[A la hora de utilizar ornamentos vectoriales en Ilustrator nunca tenemos suficientes opciones, hemos preparado una serie de links a diferentes páginas web que ofrecen diseños gratuitos para descargar. Estos archivos son para Adobe Illustrator o CorelDraw y la mayoría tienen una licencia Creative Commons.
Mira en cada página de descarga si hay alguna indicación sobre [...]]]></description>
			<content:encoded><![CDATA[<p>A la hora de utilizar ornamentos vectoriales en <a rel="nofollow" href="http://www.adobe.com" target="_blank">Ilustrator</a> nunca tenemos suficientes opciones, hemos preparado una serie de links a diferentes páginas web que ofrecen diseños gratuitos para descargar. Estos archivos son para Adobe Illustrator o CorelDraw y la mayoría tienen una licencia <a rel="nofollow" href="http://www.creativecommons.org" target="_blank">Creative Commons</a>.</p>
<p><span id="more-545"></span>Mira en cada página de descarga si hay alguna indicación sobre derechos y ©. Las páginas de descarga están en Inglés, busca el botón <strong>Download</strong> en la página para descargar los archivos. Después de descomprimirlos, la mayoría están en formato .zip o .rar, puedes abrirlos desde Ink, Illustrator o CorelDraw.</p>
<blockquote><p>Entre paréntesis el número de siluetas que se incluyen en la descarga, algunas en un solo archivo.</p>
</blockquote>
<p>Ornamentos de Follaje (13)</p>
<p style="text-align: left;"><a rel="nofollow" href="http://www.snap2objects.com/2007/08/08/13-free-vector-foliage-ornaments-pack-01/" target="_blank"><img class="aligncenter size-full wp-image-547" title="free_folliages_preview_vectricity" src="http://www.femweb.info/web/wp-content/uploads/2010/05/free_folliages_preview_vectricity.png" alt="Vectricity, ornamentos foliares" width="450" height="383" /></a>13 vectores foliares para mejorar tus diseños, cortesía de Snap2Objects.com.</p>
<h2 style="text-align: left;">Flores secas (12)</h2>
<p style="text-align: left;"><a rel="nofollow" href="http://nenoblog.wordpress.com/2007/12/27/more-free-vectors-dead-flowers/" target="_blank"><img class="aligncenter size-full wp-image-548" title="foliage_vectors_04" src="http://www.femweb.info/web/wp-content/uploads/2010/05/foliage_vectors_04.jpg" alt="Flores secas" width="450" height="261" /></a>Este es un pack un poco especial ya que contiene siluetas de plantas secas, bastante diferente de lo habitual. La Hybrid Agency que firma el pack no tiene una página operativa a la hora de publicar este post, el archivo se puede descargar en el blog de Neno Design. No permitidos los usos comerciales.</p>
<h2 style="text-align: left;">Takashi Ire (7)</h2>
<p style="text-align: left;"><a rel="nofollow" href="http://www.femweb.info/web/wp-content/uploads/2010/05/takashi-ire-vect.jpg" target="_blank"><img class="aligncenter size-full wp-image-549" title="takashi irie vect" src="http://www.femweb.info/web/wp-content/uploads/2010/05/takashi-ire-vect.jpg" alt="Ornamentos foliares de Takashi Irie" width="450" height="450" /></a>El diseñador inglés Takashi Irie ofrece este pack gratuito en su blog. Archivo en formato .eps</p>
<h2 style="text-align: left;">Árbol Salvemos el planeta (1)</h2>
<p style="text-align: left;"><span style="font-size: x-large;"><a rel="nofollow" href="http://novaker.deviantart.com/art/TREE-savetheplanet-87072259" target="_blank"><img class="aligncenter size-full wp-image-550" title="arbol vectorial" src="http://www.femweb.info/web/wp-content/uploads/2010/05/arbol-vectorial.jpg" alt="Salvemos el planeta" width="450" height="644" /></a></span>Novaker desde el Perú nos ofrece este arbol con licencia CC. Puedes descargarlo en su página de Devian. Archivo .rar con el archivo original para CorelDraw, un .jpg y un .eps</p>
<h2 style="text-align: left;">Ornamento floral (5)</h2>
<p style="text-align: left;"><a rel="nofollow" href="http://www.idealhut.com/freebies/freebie-release-5-floral-ornaments-vector-pack/" target="_blank"><img class="aligncenter size-full wp-image-552" title="ornamento floral5" src="http://www.femweb.info/web/wp-content/uploads/2010/05/ornamento-floral5.jpg" alt="Ornamentos florales" width="450" height="338" /></a>Faria Malik, una diseñadora del grupo de diseño Pakistaní en Devian, nos ofrece estas 5 estupendas siluetas florales, haz clic en la imagen para encontrar el botón de descarga al final del artículo. Incluye las 5 siluetas en .eps .svg y .ai</p>
<h2 style="text-align: left;">Aloha (1)</h2>
<p><br class="spacer_" /></p>
<div id="attachment_554" class="wp-caption aligncenter" style="width: 460px"><a rel="nofollow" href="http://jilbert.deviantart.com/art/Aloha-2-Seamless-Pattern-124269514" target="_blank"><img class="size-full wp-image-554" title="Aloha" src="http://www.femweb.info/web/wp-content/uploads/2010/05/aloha.jpg" alt="" width="450" height="342" /></a><p class="wp-caption-text">Estampado Aloha</p></div>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>Un estampado floral muy bien hecho por la norteamericana Jill Schwegel, en un archivo .ai o .eps de 300&#215;300 y de 150&#215;150 pixels</p>
<h2>Fondo primaveral (10)</h2>
<p><a rel="nofollow" href="http://www.vecteezy.com/organic/782-Spring-Background" target="_blank"><img class="aligncenter size-full wp-image-557" title="fondo-primaveral" src="http://www.femweb.info/web/wp-content/uploads/2010/05/fondo-primaveral.gif" alt="Fondo primaveral" width="450" height="330" /></a></p>
<p>Unos diseños con un toque natural en las formas. En formato .ai</p>
<h2>Hierbas y hojas (18)</h2>
<p><a rel="nofollow" href="http://www.vecteezy.com/nature/153-SP3KTR-FLORAL" target="_blank"><img class="aligncenter size-full wp-image-558" title="hierbas-hojas" src="http://www.femweb.info/web/wp-content/uploads/2010/05/hierbas-hojas.gif" alt="Hierbas y hojas" width="450" height="581" /></a></p>
<p>Unas fantásticas siluetas para diseños atrevidos, en formato .ai</p>
<h2>Flores grunge (5)</h2>
<p><a rel="nofollow" href="http://www.vecteezy.com/nature/1010-5-Grunge-Plant-Textures-by-LVF" target="_blank"><img class="aligncenter size-full wp-image-560" title="flores-grunge" src="http://www.femweb.info/web/wp-content/uploads/2010/05/lores-grunge.gif" alt="Flores grunge" width="450" height="288" /></a></p>
<p>Texturas de cinco flores diferentes, puedes usarlas en diseños profesionales. En formato .ai</p>
<p><br class="spacer_" /></p>
<p>También puedes descargarte símbolos de Illustrator con 72 formas de árboles en <a rel="nofollow" href="http://www.jlwdesign.com/2007/everything-is-updated-yay/" target="_blank">jlwDesign.com</a></p>


<h3>También te pueden interesar: </h3>
<p>No hay posts relacionados.</p>

]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2010/tutoriales/illustrator/ornamentos-vegetales-vectoriales/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Domina el arte de hacer páginas web</title>
		<link>http://www.femweb.info/2010/tutoriales/internet/domina-el-arte-de-hacer-paginas-web/</link>
		<comments>http://www.femweb.info/2010/tutoriales/internet/domina-el-arte-de-hacer-paginas-web/#comments</comments>
		<pubDate>Mon, 17 May 2010 17:27:37 +0000</pubDate>
		<dc:creator>Femweb</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[cursos]]></category>
		<category><![CDATA[formación]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[recursos online]]></category>
		<category><![CDATA[tecnología]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.femweb.info/?p=536</guid>
		<description><![CDATA[Tal y como está la cosa quizá es cuestión de cambiar de chip, si tienes un poco de maña haciendo diseño gráfico y quieres aprender a hacer páginas web, quizá este sea un buen momento para ponerte.Lo primero empieza con algo de perfil bajo para conocer el intríngulis de la cosa, puedes probar a hacer [...]]]></description>
			<content:encoded><![CDATA[<p>Tal y como está la cosa quizá es cuestión de cambiar de chip, si tienes un poco de maña haciendo diseño gráfico y quieres aprender a hacer páginas web, quizá este sea un buen momento para ponerte.<span id="more-536"></span>Lo primero empieza con algo de perfil bajo para conocer el intríngulis de la cosa, puedes probar a hacer tu propio blog en un servidor gratuito. Hay muchas posibilidades, la mejor será la que se adapte mejor a nuestras necesidades. Algunos ejemplos con instrucciones en Castellano:</p>
<blockquote>
<ul>
<li style="text-align: left;"><a title="www.wordpress.com" rel="nofollow" rev="bookmark" href="http://www.wordpress.com" target="_blank">Wordpress.com</a></li>
<li style="text-align: left;"><a title="www.blogger.com" rel="nofollow" rev="bookmark" href="http://www.blogger.com" target="_blank">Blogger.com</a></li>
<li style="text-align: left;"><a title="www.blogspot.com" rel="nofollow" rev="bookmark" href="http://www.blogspot.com" target="_blank">blogspot.com</a></li>
</ul>
</blockquote>
<p><span id="__end"><span class="wp-caption">Para crear auténticos blogs, hacer un blog es gratuito pero algunos servicios pueden requerir un pago.</span></span></p>
<p>Si le pillas el truco, ahora solo será cuestión de aprender todo lo necesario: HTML y CSS como mínimo. Visita <a rel="nofollow" rev="bookmark" href="http://www.cristalab.com/curso-html/" target="_blank">Cristalab.com</a> donde hay unos cursos muy claros  que pueden servir para iniciarte.</p>
<p>Otra página con bastante nivel es <a title="http://www.lawebera.es/" rel="nofollow" rev="bookmark" href="http://www.lawebera.es/" target="_blank">la webera.es</a>, aquí podrás empaparte de todo lo necesario, desde los primeros pasos hasta artículos con las últimas novedades tecnológicas.</p>
<p>Si ya has invertido un numero de horas considerable y ves que necesitas información técnica pura y dura, puedes visitar <a title="www.webestilo.com" rel="nofollow" rev="bookmark" href="http://www.webestilo.com/" target="_blank">webestilo.com</a> donde tienes enlaces a los manuales de Html, Php, Javascript, Flash, Asp.net&#8230;  Y busca en foros para dudas más concretas, la gente suele ser amable y responder si haces preguntas claras.</p>
<p>Eso si, no comiences nunca un proyecto desde cero, antes infórmate de lo que otros  han hecho y trata de utilizarlo, en Internet hay multitud de páginas donde puedes encontrar código, para que lo puedas utilizar en tus proyectos, sin tener que volver a inventar la rueda.</p>
<p>Normalmente las páginas web se hacen sobre una aplicación específica para eso, para hacer webs (un nombre común es <a title="wikipedia" rel="nofollow" rev="bookmark" href="http://es.wikipedia.org/wiki/Cms" target="_blank">CMS </a>o sistema de gestión de contenidos), hay CMS de pago, seguramente adecuados para grandes proyectos para empresas, que no sera tu caso, claro. Lo mejor es utilizar una aplicación de <a title="wikipedia" rel="nofollow" rev="bookmark" href="http://es.wikipedia.org/wiki/Codigo_abierto" target="_blank">código abierto</a> como Wordpress, Joomla, Drupal y otras mil que ya están hechas, a estas aplicaciones solo les falta adecuar su &#8220;look&#8221;, cómo se ven, y llenarlas con información para publicar.</p>


<h3>También te pueden interesar: </h3>
<div class="related">
<ol>
		<li><a href="http://www.femweb.info/2008/tutoriales/introduccion-a-css/" rel="bookmark">Introducción a CSS</a><!-- (4.92951)--></li>
	</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2010/tutoriales/internet/domina-el-arte-de-hacer-paginas-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recortar imágenes en Photoshop III</title>
		<link>http://www.femweb.info/2010/tutoriales/recortar-imagenes-en-photoshop-iii/</link>
		<comments>http://www.femweb.info/2010/tutoriales/recortar-imagenes-en-photoshop-iii/#comments</comments>
		<pubDate>Sat, 23 Jan 2010 11:00:00 +0000</pubDate>
		<dc:creator>femweb</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[cs2]]></category>
		<category><![CDATA[cs3]]></category>
		<category><![CDATA[cs4]]></category>
		<category><![CDATA[extraer]]></category>
		<category><![CDATA[filtro]]></category>
		<category><![CDATA[filtro extraer]]></category>
		<category><![CDATA[fotografía digital]]></category>
		<category><![CDATA[recortar imagen]]></category>
		<category><![CDATA[recorte]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.femweb.info/web/?p=293</guid>
		<description><![CDATA[Este es el último post sobre recorte de imágenes con Photoshop. En este post veremos las herramientas que ofrece Photoshop para el recorte de imágenes, son fáciles de usar y ofrecen buenos resultados, aunque personalmente prefiero hacerlo a mano. Para separar un objeto del fondo en una fotografía, podemos utilizar el filtro EXTRAER en Filtros [...]]]></description>
			<content:encoded><![CDATA[<p>Este es el último post sobre recorte de imágenes con Photoshop. En este post veremos las herramientas que ofrece Photoshop para el recorte de imágenes, son fáciles de usar y ofrecen buenos resultados, aunque personalmente prefiero hacerlo a mano. <span id="more-293"></span>Para separar un objeto del fondo en una fotografía, podemos utilizar el filtro EXTRAER en <strong>Filtros -&gt; Extraer</strong>. En la versión CS4 Adobe ha eliminado algunos recursos, entre ellos el filtro Extraer, puedes descargarlo gratuitamente en: <a title="Plugins extra CS4 Windows" href="http://www.adobe.com/support/downloads/product.jsp?product=39&amp;platform=Windows" target="_blank">Windows</a> &#8211; <a title="plugins extra CS4 Mac OSX" href="http://www.adobe.com/support/downloads/product.jsp?product=39&amp;platform=Macintosh" target="_blank">Mac</a></p>
<p>El objetivo puede ser incrustar un elemento de una imagen en otra para crear una composición.</p>
<p>En este ejemplo vamos a extraer al músico de una foto tomada en la calle para añadirlo en otra fotografía que tiene un paisaje evocador.</p>
<p><img class="aligncenter size-full wp-image-297" title="extraer_1" src="http://www.femweb.info/web/wp-content/uploads/2010/01/extraer_1.gif" alt="imágenes que vamos a utilizar" width="450" height="281" /></p>
<p>Veremos nuestra imagen en ventana Extraer con diversas herramientas y opciones. Vamos a ver como utilizarlas.</p>
<p><img class="aligncenter size-full wp-image-301" title="ventana_extraer" src="http://www.femweb.info/web/wp-content/uploads/2010/01/ventana_extraer.jpg" alt="ventana del filtro extraer" width="450" height="476" /></p>
<p>Lo primero que tenemos que hacer es delimitar la silueta del músico con la primera herramienta de la izquierda de la pantalla, el Resaltador de bordes <sub><img class="alignnone size-full wp-image-314" title="P_Highlight_Lg_R" src="http://www.femweb.info/web/wp-content/uploads/2010/01/P_Highlight_Lg_R.png" alt="" width="21" height="18" /></sub> (E). Con este marcador dibujaremos sobre el perímetro del objeto que queremos separar de la imagen – como si utilizáramos un rotulador de resalte de color fluorescente sobre la imagen enmarcando el objeto que queremos separar– el truco consiste en definir bien el trazado de manera que Photoshop interprete correctamente por donde cortar. Lo más fácil es marcar con un marcador con un diámetro suficiente para incluir la silueta a recortar y parte del fondo, por ejemplo en árboles o pelo. Lo mejor es comenzar con un marcador de un diámetro suficiente que nos permita delimitar la figura fácilmente.</p>
<p class="wp-caption">Utiliza Shift+Clic para marcar líneas rectas entre dos puntos, haciendo segmentos rectos podemos avanzar rápidamente y recuerda cerrar el trazo del perímetro.</p>
<p><img class="aligncenter size-full wp-image-305" title="marcar" src="http://www.femweb.info/web/wp-content/uploads/2010/01/marcar.jpg" alt="" width="227" height="168" /></p>
<p>Si la imagen está claramente definida respecto al fondo, con resaltar el perímetro será suficiente. En caso contrario es mejor marcar &#8211; rellenar la totalidad de la figura a recortar. Podemos rellenar el trazo utilizando la herramienta Relleno <sub><img class="alignnone size-full wp-image-316" title="P_Fill_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2010/01/P_Fill_Lg_N.png" alt="" width="20" height="17" /></sub>(G)</p>
<p><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/relleno.jpg"><img class="aligncenter size-full wp-image-306" title="relleno" src="http://www.femweb.info/web/wp-content/uploads/2010/01/relleno.jpg" alt="" width="370" height="624" /></a></p>
<p>Una vez tengamos la figura definida, podemos previsualizar cómo quedará seleccionando la opción correspondiente en la pantalla, elige las opciones de previsualización en los controles de la parte inferior derecha.</p>
<p><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/resultado.jpg"><img class="aligncenter size-full wp-image-307" title="resultado" src="http://www.femweb.info/web/wp-content/uploads/2010/01/resultado.jpg" alt="" width="340" height="593" /></a></p>
<p>Se puede hacer zoom de manera que podremos evaluar la imágen que obtendremos con detalle, también podemos superponer el trazado y rellenado sobre la imagen recortada. Utiliza la herramienta borrador <sub><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/P_Erase_Lg_N.png"><img class="alignnone size-full wp-image-310" title="P_Erase_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2010/01/P_Erase_Lg_N.png" alt="" width="20" height="14" /></a></sub>(E) para corregir el trazado.</p>
<p><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/extraer_previsualizar.jpg"><img class="aligncenter size-full wp-image-308" title="extraer_previsualizar" src="http://www.femweb.info/web/wp-content/uploads/2010/01/extraer_previsualizar.jpg" alt="" width="448" height="451" /></a></p>
<p>También se puede retocar la silueta de recorte, para corregir posibles fallos del filtro al extraer la imagen, con la Herramienta Limpiar <sub><img class="alignnone size-full wp-image-312" title="P_Freeze_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2010/01/P_Freeze_Lg_N.png" alt="" width="21" height="18" /></sub>(C) i Retocar Bordes <sub><img class="alignnone size-full wp-image-311" title="P_EdgeTouchup_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2010/01/P_EdgeTouchup_Lg_N.png" alt="" width="21" height="18" /></sub> (T). La primera hace opaca o transparente alternativamente la máscara de recorte pulsando la tecla Alt  (Opción en mac). La segunda enfoca el borde de la imagen extraída. Ambas herramientas funcionan como pinceles y tienen efecto acumulativo, puedes pasarla varias veces para acentuar el resultado. Con un poco de práctica le cogerás el truco rápidamente.</p>
<p>Cuando estemos contentos con el resultado pulsamos el botón Ok y tendremos nuestra imagen recortada.</p>
<p>Es bastante probable que el resultado no sea del todo óptimo, lo mejor será crear una capa de fondo, de color blanco funcionará la mayoría de veces, y comprobar el resultado del filtro Extraer con detalle haciendo un zoom.</p>
<p style="text-align: center;"><img class="size-full wp-image-317 aligncenter" title="zoom_extraer" src="http://www.femweb.info/web/wp-content/uploads/2010/01/zoom_extraer.jpg" alt="" width="449" height="329" /></p>
<p style="text-align: left;">Si como en nuestro caso todavía podemos ver restos del fondo en la imagen, podemos limpiarlos con las herramientas Borrador de fondos <a href="http://www.femweb.info/web/wp-content/uploads/2010/01/Boorador_de_fondo.png"><sub><img class="alignnone size-full wp-image-318" title="Boorador_de_fondo" src="http://www.femweb.info/web/wp-content/uploads/2010/01/Boorador_de_fondo.png" alt="" width="21" height="18" /></sub></a> (E) o Pincel de historia <a href="http://www.femweb.info/web/wp-content/uploads/2010/01/Pincel_historia.png"><sub><img class="alignnone size-full wp-image-319" title="Pincel_historia" src="http://www.femweb.info/web/wp-content/uploads/2010/01/Pincel_historia.png" alt="" width="21" height="18" /></sub></a> (Y) para eliminar o recomponer la imagen respectivamente.</p>
<p style="text-align: left;">Cuando hayamos limpiado todos los restos de imagen, nos aseguramos de tener los dos archivos que queremos juntar abiertos, en nuestro caso el archivo músico i el fondo. Vamos a organizar las ventanas para poder pasar la imagen del músico al fondo, buscamos en la barra de menús <strong>Ventana -&gt; Organizar -&gt; Cascada</strong>.</p>
<p style="text-align: left;"><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/organizar_ventanas.jpg"><img class="aligncenter size-full wp-image-321" title="organizar_ventanas" src="http://www.femweb.info/web/wp-content/uploads/2010/01/organizar_ventanas.jpg" alt="" width="448" height="196" /></a></p>
<p style="text-align: left;">Con la ventana del músico en primer plano, hacemos clic en la capa que tiene nuestra imagen ya recortada, el músico, y la arrastramos hasta la ventana destino, en nuestro caso el fondo.</p>
<p style="text-align: left;"><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/selecionar_capa.png"><img class="aligncenter size-full wp-image-323" title="selecionar_capa" src="http://www.femweb.info/web/wp-content/uploads/2010/01/selecionar_capa.png" alt="" width="260" height="126" /></a></p>
<p style="text-align: left;">Haciendo esto creamos una capa nueva en la imagen destino con el contenido de la capa que arrastramos, esto sirve para llevar cualquier capa de un archivo a otro.</p>
<p style="text-align: left;"><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/transformar.jpg"><img class="aligncenter size-full wp-image-324" title="transformar" src="http://www.femweb.info/web/wp-content/uploads/2010/01/transformar.jpg" alt="" width="409" height="307" /></a></p>
<p style="text-align: left;">Ahora vamos al menú <strong>Edición -&gt; Transformación libre</strong> (Alt+T,Cmd+T) y aparecerá un cuadro alrededor de nuestro músico. Manteniendo pulsada la tecla Mayúsculas (Shift) para mantener la proporción, arrastramos de una esquina hacia el centro de la imagen para escalarla al tamaño que nos convenga, siempre para reducir el tamaño, no utilices este método para ampliar una imagen ya que el resultado no será el óptimo.</p>
<p style="text-align: left;"><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/escalado.jpg"><img class="aligncenter size-full wp-image-325" title="escalado" src="http://www.femweb.info/web/wp-content/uploads/2010/01/escalado.jpg" alt="" width="450" height="338" /></a>Solo nos faltará añadir una sombra para tener un efecto más realista. En nuestro caso añadiremos una capa nueva, entre el músico y el fondo, en la que dibujaremos una elipse, con la herramienta Marco elíptico  <sub><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/P_EllipseSelect_Lg_N.png"><img class="alignnone size-full wp-image-346" title="P_EllipseSelect_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2010/01/P_EllipseSelect_Lg_N.png" alt="" width="20" height="16" /></a></sub>(M), de color negro.</p>
<p style="text-align: left;"><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/capa_sombra.jpg"><img class="aligncenter size-full wp-image-347" title="capa_sombra" src="http://www.femweb.info/web/wp-content/uploads/2010/01/capa_sombra.jpg" alt="" width="258" height="196" /></a></p>
<p style="text-align: left;"><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/sombra.jpg"><img class="aligncenter size-full wp-image-348" title="sombra" src="http://www.femweb.info/web/wp-content/uploads/2010/01/sombra.jpg" alt="" width="250" height="131" /></a>Una vez dibujada la elipse negra, no aseguramos que se encuentra en el lugar correcto según sea la iluminación global en el fondo. A continuación le aplicaremos un filtro de desenfoque para difuminarla. Ir a<strong> Filtro &gt; Desenfocar &gt; Desenfoque gaussiano…</strong></p>
<p style="text-align: left;"><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/desenfoque_gaussiano.jpg"><img class="aligncenter size-full wp-image-349" title="desenfoque_gaussiano" src="http://www.femweb.info/web/wp-content/uploads/2010/01/desenfoque_gaussiano.jpg" alt="" width="360" height="335" /></a></p>
<p style="text-align: left;">Movemos el cursos hasta que se difumine lo suficiente, en este caso he elegido 52. Solo falta hacerlo un poco transparente para que se integre correctamente. En la paleta Capas, verás el cuadro Opacidad, pon 50% o el valor que mejor se adapte a tu diseño y ya tenemos lista la imagen.</p>
<p style="text-align: left;"><a href="http://www.femweb.info/web/wp-content/uploads/2010/01/extraer_final.jpg"><img class="aligncenter size-full wp-image-350" title="extraer_final" src="http://www.femweb.info/web/wp-content/uploads/2010/01/extraer_final.jpg" alt="" width="450" height="338" /></a></p>


<h3>También te pueden interesar: </h3>
<div class="related">
<ol>
		<li><a href="http://www.femweb.info/2008/tutoriales/recortar-imagenes-con-photoshop-i/" rel="bookmark">Recortar imágenes con Photoshop I</a><!-- (17.3924)--></li>
		<li><a href="http://www.femweb.info/2009/tutoriales/recortar-imagenes-con-photoshop-ii/" rel="bookmark">Recortar imágenes con Photoshop II</a><!-- (15.7755)--></li>
		<li><a href="http://www.femweb.info/2008/tutoriales/revelado-digital/" rel="bookmark">Revelado Digital</a><!-- (6.06096)--></li>
	</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2010/tutoriales/recortar-imagenes-en-photoshop-iii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet Explorer</title>
		<link>http://www.femweb.info/2010/noticias/internet-explorer/</link>
		<comments>http://www.femweb.info/2010/noticias/internet-explorer/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 16:35:35 +0000</pubDate>
		<dc:creator>femweb</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[crome]]></category>
		<category><![CDATA[firefiox]]></category>
		<category><![CDATA[informacion]]></category>
		<category><![CDATA[navegador]]></category>
		<category><![CDATA[navegar]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.femweb.info/web/?p=333</guid>
		<description><![CDATA[Ya son dos países europeos, Francia y Alemania, los que están recomendando a los usuarios de Internet que utilicen un navegador alternativo a Internet Explorer. El gobierno francés ha emitido una nota a través del CERTA, el equivalente Francés al Inteco-Cert Español (ver la nota) en la que recomienda a los usuarios de Internet Explorer, [...]]]></description>
			<content:encoded><![CDATA[<p>Ya son dos países europeos, Francia y Alemania, los que están recomendando a los usuarios de Internet que utilicen un navegador alternativo a Internet Explorer. <span id="more-333"></span>El gobierno francés ha emitido una nota a través del CERTA, el equivalente Francés al <a href="http://www.inteco.es/Seguridad" target="_blank">Inteco-Cert</a> Español <em><a href="http://www.certa.ssi.gouv.fr/site/CERTA-2010-ALE-001/CERTA-2010-ALE-001.html" target="_blank">(ver la nota)</a></em> en la que recomienda a los usuarios de Internet Explorer, el famoso navegador de la compañía de Redmond (Washington, EUA), que utilicen Firefox o Google Crome [también puedes usar Safari de Apple] para navegar por la red, después de que Microsoft aceptara que un fallo de seguridad en IE, fue la causa, por la que los hackers accedieron hace pocos días a datos confidenciales de activistas pro derechos humanos en China.</p>
<p>Según consta en la nota francesa, todas las versiones del navegador IE están afectadas por el fallo de seguridad. Si a esto añadimos los problemas de compatibilidad con los estándares de Internet (CSS,HTML) que son característicos de los productos de la citada empresa, nuestra recomendación es que utilices otro navegador, preferiblemente Firefox, y mejor si utilizas más de uno. Prueba nuevas experiencias.</p>
<p>Puedes encontrar información adicional sobre navegadores en otros post de este blog.</p>


<h3>También te pueden interesar: </h3>
<div class="related">
<ol>
		<li><a href="http://www.femweb.info/2008/tutoriales/internet/sobre-los-navegadores/" rel="bookmark">¿Qué navegador debo utilizar?</a><!-- (19.4663)--></li>
	</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2010/noticias/internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nociones de Tipografía</title>
		<link>http://www.femweb.info/2009/tutoriales/nociones-de-tipografia/</link>
		<comments>http://www.femweb.info/2009/tutoriales/nociones-de-tipografia/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 17:52:24 +0000</pubDate>
		<dc:creator>femweb</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[formación]]></category>
		<category><![CDATA[letras]]></category>
		<category><![CDATA[recursos online]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://www.femweb.info/web/?p=247</guid>
		<description><![CDATA[La tipografía es una cuestión reservada a diseñadores muy profesionales y conocedores del oficio. Es un tema poco abordado en la mayoría de páginas, que como esta, pretenden ayudar a los demás a engancharse en la ola digital.Es cierto que para adquirir conocimientos sólidos de tipografía se requiere esfuerzo y dedicación, es como para un [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">La tipografía es una cuestión reservada a diseñadores muy profesionales y conocedores del oficio. Es un tema poco abordado en la mayoría de páginas, que como esta, pretenden ayudar a los demás a engancharse en la ola digital.<span id="more-247"></span>Es cierto que para adquirir conocimientos sólidos de tipografía se requiere esfuerzo y dedicación, es como para un botánico aprender sobre plantas. Hay muchos detalles a conocer. El objetivo de este artículo es el de acercar este área del diseño, de forma práctica, a los lectores para que puedan sacarle partido. También incluiremos una lista de recursos (la mayoría en Inglés) para los que quieran profundizar en el tema, pero empecemos por lo básico.</p>
<h3><span style="font-weight: normal;">¿Qué es la tipografía?</span></h3>
<p style="text-align: left;">La <a title="Wikipedia" href="http://es.wikipedia.org/wiki/Tipograf%C3%ADa#Historia_de_los_estilos_tipogr.C3.A1ficos" target="_blank">tipografía </a>es el arte del uso de la letras, números y símbolos en un texto. Nace con la imprenta, en el periodo gótico y se desarrolla en el Renacimiento europeo o en el siglo XIII en Oriente, con los primeros tipos de madera, según lo miremos. En la actualidad vivimos en la &#8220;era de la información&#8221; y todo lo que leemos está escrito utilizando tipos. Cualquier texto está creado para transmitir un mensaje y no solo es importante lo que dice, sino también cómo lo dice. Hay que considerar cómo representar y disponer las letras de la forma más adecuada para reforzar la comunicación.</p>
<p style="text-align: left;">La tipografía es cuestión de detalles, de tener un cuidado exquisito por el trabajo, que puede suponer la diferencia entre un diseño aceptable o uno excelente. No se trata tan solo de &#8220;elegir&#8221; una tipografía, sino de hacer el texto entendible y legible —las funciones básicas de la tipografía— y de integrarlo en el diseño.</p>
<h3>Conceptos básicos</h3>
<p style="text-align: left;">Vamos a tratar de explicar algunos términos utilizados en tipografía y que pueden sete útiles a la hora de utilizar programas como Word, Photoshop, InDesign…</p>
<h3><span style="font-weight: normal;">¿Tipos o fuentes?</span></h3>
<p style="text-align: left;">A veces podemos usar estos términos sin tener claro a qué nos estamos refiriendo, en realidad se trata de lo mismo. Vale decir que los tipos son los conjuntos de caracteres que componen una familia tipográfica de fuentes, por ejemplo:  Helvética Regular, Helvética Itálica, Helvética Negrita, que son diferentes formas o estilos de una familia tipográfica, como Helvética Regular.</p>
<h3><span style="font-weight: normal;">Clasificación de los tipos</span></h3>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-254" title="serif" src="http://www.femweb.info/web/wp-content/uploads/2009/12/serif.png" alt="Ejemplo de fuente serif y sans-serif" width="450" height="142" /></p>
<p style="text-align: left;">Hay muchas maneras de clasificar las fuentes, pero la clasificación más básica que debemos conocer –seguro que lo habrás oído– son: Serif y Sans-Serif; en Castellano se denomina Gracia o Remate. Las fuentes Serif se distinguen por una línea  que hace de terminación, la gracia, se llaman de palo seco cuando no tiene esta terminación decorativa.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-252" title="tipografia-partes" src="http://www.femweb.info/web/wp-content/uploads/2009/12/tipografia-partes.png" alt="tipografia-partes" width="450" height="300" /></p>
<h3><span style="font-weight: normal;">Glifos, caracteres, letras, tipos…</span></h3>
<p style="text-align: left;">Todas estas palabras se utilizan indistintamente para referirse a todos los caracteres disponibles en una fuente, letras números y caracteres especiales o signos de puntuación.</p>
<h3><span style="font-weight: normal;">Espaciado (traking), Interlineaje (kerning)</span></h3>
<p style="text-align: left;">Se llama Interlineaje o kerning al espacio entre glifos individuales, se separan o juntan dos glifos según se requiera, se utiliza para ajustar la separación según la forma de los diferentes caracteres; el espacio entre la A y la V puede requerir un ajuste dependiendo de la forma que tengan AV. Tracking, es el espaciado entre un grupo de caracteres, normalmente en  una palabra párrafo o línea de texto. El kerning y el traking nos permiten dar ritmo al texto y corregir posibles defectos en el diseño de la fuente.</p>
<h3><span style="font-weight: normal;">Ligaduras</span></h3>
<p style="text-align: left;">Cuando algunas partes de los caracteres se tocan o se ven muy juntos –la f con la i como en fi vs ﬁ– pueden combinarse en ligaduras. Se pueden utilizar por razones decorativas o funcionales dependiendo de lo obvio del contacto. Normalmente se utiliza en letras con serif aunque en algunos casos las fuentes sans-serif también pueden requerir el uso de las ligaduras.</p>
<h3><span style="font-weight: normal;">Alineado</span></h3>
<p style="text-align: left;">Por lo general el texto se alinea a la izquierda, esto es así porque leemos de izquierda a derecha. SI no es por un buen motivo, utiliza el centrado  y el alineado a la derecha para pequeñas cantidades de texto, como un título, nota, pié de foto&#8230;<br />
 El texto justificado –ajustado a la derecha y a la izquierda– tampoco debe usarse demasiado, queda bien en algunos casos, pero un documento justificado se ve rígido, carente de ritmo. Además si el párrafo tiene unas medidas reducidas, el software intentará ajustar las líneas separando las palabras y los caracteres demasiado, lo que dará como resultado un texto con efecto acordeón, justo lo contrario de lo que debería ser.</p>
<h3><span style="font-weight: normal;">Interlineado (Leading)</span></h3>
<p style="text-align: left;">El espaciado vertical entre lineas se denomina interlineado. Su ajuste permite mejorar la legibilidad del texto, sobre todo en páginas con mucho texto como revistas y libros. Como todas las materias en tipografía se trata de ajustar la estética con la funcionalidad y el confort en la lectura.</p>
<h3><span style="font-weight: normal;">Romana vs cursiva</span></h3>
<p style="text-align: left;">Aunque no es el ángulo de las letras lo que define la diferencia entre romana y cursiva, se suelen utilizar estos términos para indicar fuentes rectas e inclinadas. En realidad la cursiva es una versión mono-trazo de la fuente romana  – como Esto y <em>Esto</em>–.</p>
<h3><span style="font-weight: normal;">Viudas y huérfanas</span></h3>
<p style="text-align: left;">Si al final de un párrafo o columna queda una palabra o una línea muy corta, se llama viuda. Si al comienzo de una columna queda una palabra o línea corta del párrafo anterior se llama huérfana. En ambos casos se considera un error tipográfico ya que distraen la lectura fluida.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-271" title="viudas" src="http://www.femweb.info/web/wp-content/uploads/2009/12/viudas1.png" alt="Viudas y Huerfanas" width="450" height="369" /></p>
<h3><span style="font-weight: normal;">Fuentes: Fuentes PostScript, Fuentes TrueType y Fuentes OpenType</span></h3>
<p style="text-align: left;">La cantidad y calidad de las fuentes utilizadas en el ordenador es debida a las tecnologías informáticas que las soportan, existen tres tipos de fuentes que podemos utilizar en el ordenador. En trabajos profesionales se suelen utilizar fuentes PostScript (.pfb), una tecnología de Adobe, especialista en edición y de alta calidad. Los principales fabricantes de fuentes PostScript son Linotipe, Monotipe, Adobe<br />
 Las fuentes TrueType (.ttf) utilizan una tecnología de Apple para representar las fuentes de calidad, Microsoft también utiliza estas fuentes en Windows. Las fuentes TrueType son de alta calidad y más económicas que las PostScript.<br />
 Las fuentes OpenType (.otf) fueron desarrolladas por Microsoft y luego convertidas en un estándar abierto.  Existen otros tipos de fuentes, pero estos son los más utilizados. Normalmente funcionan tanto en Windows como en OSX. La diferencia entre PostScript y las demás, a parte del diseño, es el algoritmo en que se basan para representarlas tanto en la pantalla como en una impresora. Las primeras utilizan Curvas de Bezier, las otras Curvas cuadráticas. Estas curvas y los algoritmos que se aplican son los que permiten dibujar los caracteres en diferentes tamaños, grosores, colores&#8230;</p>
<p style="text-align: left;">Podéis leer un tratado completo sobre tipografía en el blog de <a href="http://www.unostiposduros.com/?cat=3" target="_blank">unostiposduros.com</a>, donde también encontrareis todo tipo de interesantes datos y noticias en torno a la tipografía.</p>
<p style="text-align: left;">Si queréis fuentes gratis, en la web  podéis encontrar muchas para instalar en vuestro PC, algunas pueden ser poco  útiles, otras de muy buena calidad. Tened en cuenta que no todas tienen los glifos necesarios para representar caracteres acentuados o la letra ñ por ejemplo.</p>
<p style="text-align: left;">Puedes descargar fuentes de:</p>
<table class="wp-oembed" style="text-align: left;" border="0">
<tbody>
<tr>
<td style="text-align: left;"><a href="http://www.dafont.com" target="_blank"><span style="text-decoration: none;">dafont.com</span></a></td>
</tr>
<tr>
<td><a href="http://www.planet-typography.com/index.html" target="_blank">planet-typography.com</a></td>
</tr>
<tr>
<td><a href="http://www.showfont.net/" target="_blank">showfont.net</a></td>
</tr>
<tr>
<td style="text-align: left;"><a href="http://www.fontriver.com/" target="_blank">fontriver.com</a></td>
</tr>
</tbody>
</table>


<h3>También te pueden interesar: </h3>
<p>No hay posts relacionados.</p>

]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2009/tutoriales/nociones-de-tipografia/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Aplicaciones Open Source indispensables “Gratis”</title>
		<link>http://www.femweb.info/2009/tutoriales/internet/aplicaciones-open-source-indispensables-gratis/</link>
		<comments>http://www.femweb.info/2009/tutoriales/internet/aplicaciones-open-source-indispensables-gratis/#comments</comments>
		<pubDate>Thu, 09 Apr 2009 16:07:48 +0000</pubDate>
		<dc:creator>femweb</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[aplicaciones gratis]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[tecnología]]></category>

		<guid isPermaLink="false">http://localhost:8888/?p=55</guid>
		<description><![CDATA[Las aplicaciones Open Source son gratuitas y de muy buena calidad, dales una oportunidad y sácale más partido a tu ordenador. Aquí tienes una lista de las mejores, no están todas pero si las más útiles para cualquier perfil.]]></description>
			<content:encoded><![CDATA[<p>Las aplicaciones Open Source son gratuitas y de muy buena calidad, dales una oportunidad y sácale partido a tu ordenador. Aquí tienes una lista de las mejores, no están todas pero si las más útiles para cualquier perfil.<span id="more-55"></span></p>
<h3>Internet</h3>
<h3>Firefox</h3>
<p><a href="http://www.mozilla-europe.org/es/firefox/" target="_blank"><img class="alignleft" style="margin-left: 3px; margin-right: 3px;" title="Firefox logo" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image001.png" alt="Logo" width="100" height="99" /></a><a title="Consigue Firefox" href="http://www.mozilla-europe.org/es/firefox/" target="_blank">http://www.getfirefox.com/ </a><br />
 <em>Sustituye a Internet Explorer</em><br />
 Si todavía no has cambiado a Firefox, ya tardas. Elimina todos los pop-ups y tiene muchas extensiones para adecuarlo a tus gustos y necesidades, desde correctores ortográficos en infinidad de idiomas incluidos: Catalán, Gallego y Euskera. Además le puedes poner diferentes skins para tenerlo a tu gusto e infinidad de extensiones para desarrollo. Solo tienes que ir al menú: y navega por la pantalla.</p>
<h3>Thunderbird</h3>
<p><a href="http://www.mozilla-europe.org/es/products/thunderbird/"><img class="size-full wp-image-145 alignleft" style="margin-left: 3px; margin-right: 3px;" title="Thunderbird" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image004.png" alt="Logo de Thunderbird" width="100" height="103" /></a><a title="Consigue Thunderbird" href="http://www.mozilla-europe.org/es/products/thunderbird/" target="_blank">http://www.mozilla.org/thunderbird/</a><br />
 <em>Sustituye a Microsoft Outlook o Eudora</em><br />
 Thunderbird es un cliente de correo electrónico gratuito, rápido y con muchas funcionalidades. Tiene un magnífico filtro anti-spam y te protege de los correos falsos.</p>
<h3>Sunbird</h3>
<p><a href="http://www.mozilla-europe.org/es/products/thunderbird/"><img class="alignleft size-full wp-image-146" title="Sunbird" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image006.png" alt="Sunbird" width="100" height="100" /></a><a title="Consigue Sunbird" href="http://www.mozilla-europe.org/es/products/thunderbird/" target="_blank">http://www.mozilla.org/sunbird/</a><br />
 <em>Sustituye las funciones de calendario de Microsoft Outlook</em><br />
 Complementa a las anteriores. Es muy fácil de utilizar y se puede descargar en muchos idiomas. Además te permite compartir tus calendarios con otras personas.</p>
<h3>Pidgin (antes conocido como AIM)</h3>
<p><a href="http://developer.pidgin.im/"><img class="alignleft size-full wp-image-150" style="margin-left: 3px; margin-right: 3px;" title="AIM" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image014.png" alt="AIM" width="80" height="138" /></a><a title="Consigue AIM" href="http://developer.pidgin.im/" target="_blank">http://developer.pidgin.im/</a><br />
 <em>Alternativa a AIM, Windows Messenger, etc.</em><br />
 La única pega es que de momento solo está disponible en inglés, pero las ventajas que ofrece creo que compensan. En una sola aplicación puedes chatear en MSN, Yahoo, ICQ, AIM, Myspace, QQ, Mobile Me, XMPP, Simple, Livejournal, Zephyr, Gadu-Gadu, Novell Groupwise y Lotus Sametime.</p>
<h3>Ofimática</h3>
<h3>Abiword</h3>
<p><a href="http://www.abisource.com/"><img class="alignleft size-full wp-image-147" title="Abiword" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image008.png" alt="Abiword" width="100" height="95" /></a><a title="Consigue Abiword" href="http://www.abisource.com/" target="_blank">http://www.abisource.com/</a><br />
 <em>Una alternativa a Microsoft Word</em><br />
 Si quieres un buen procesador de texto AbiWord es una buena alternativa para Windows y Linux, para utilizarlos en cualquier idioma hay que instalar los diccionarios correspondientes, los encontrarás en su página. Guarda y lee los formatos de Word y WordPerfect y no necesita un ordenador muy potente para funcionar.</p>
<h3>OpenOffice</h3>
<p><a href="http://es.openoffice.org/"><img class="alignleft size-full wp-image-148" title="OpenOffice" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image010.png" alt="OpenOffice" width="200" height="58" /></a><a title="Consigue OpenOffice" href="http://es.openoffice.org/" target="_blank">http://www.openoffice.org/</a><br />
 <em>Sustituye a Microsoft Excel, Microsoft PowerPoint, Microsoft Word y Access.</em><br />
 Si quieres una alternativa al Office que venía en tu ordenador y que ha caducado, tu mejor opción es OpenOffice. En la web encontrarás otras descargas y un foro de ayuda para sacarle el máximo partido.</p>
<h3>PDFCreator</h3>
<p><a href="http://www.pdfforge.org/products/pdfcreator/translations"><img class="alignleft size-full wp-image-158" title="PDF Creator" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image031.gif" alt="PDF Creator" width="172" height="76" /></a><a title="Consigue PDF Creator" href="http://www.pdfforge.org/products/pdfcreator/translations" target="_blank">http://www.pdfforge.org/products/pdfcreator/translations</a><br />
 <em>Sustituye Adobe Acrobat</em><br />
 PDFCreator te permite imprimir un documento en PDF(del inglés Portable Document Format, Formato de Documento Portátil). Crea una impresora virtual en tu ordenador que al imprimir crea un pdf que puede ser visto en prácticamente cualquier ordenador e imprimirse en cualquier impresora.</p>
<h3>Grafismo</h3>
<h3>GIMP</h3>
<p><a href="http://www.gimp.org.es/"><img class="alignleft size-full wp-image-151" title="GIMP" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image016.png" alt="GIMP" width="100" height="63" /></a><a title="Consigue GIMP" href="http://www.gimp.org.es/" target="_blank">http://www.gimp.org.es/</a><br />
 <em>Sustituye Adobe Photoshop</em><br />
 Un magnífico programa GNU de manipulación de imágenes. La mayoría de gente que piratea el Photoshop, en realidad no lo necesita, incluso muchos que lo utilizan de forma legal tampoco. Con Gimp podrás hacer prácticamente cualquier cosa de las que harías en Photoshop y es gratis.</p>
<h3>Paint.NET</h3>
<p><a href="http://www.paint.net/"><img class="alignleft size-full wp-image-165" title="Paint.net" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image042.png" alt="Paint.net" width="150" height="37" /></a><a title="Consigue Paint.net" href="http://www.paint.net/" target="_blank">http://www.paint.net/</a><br />
 <em>Sustituye a Microsoft Paint</em><br />
 Paint.net es un software gratuito de dibujo y edición fotográfica para Windows. Es muy fácil de usar, con un interface muy simple y multitud de herramientas. Soporta capas, efectos especiales y otras funciones que lo hacen muy útil. Puedes encontrar extensiones y tutoriales en Internet.</p>
<h3>InkScape</h3>
<p><a href="http://inkscape.org/download"><img class="alignleft size-full wp-image-168" style="margin-left: 3px; margin-right: 3px;" title="image047" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image047.png" alt="image047" width="82" height="82" /></a><a title="Consigue InkScape" href="http://inkscape.org/download" target="_blank">http://inkscape.org/download/</a><br />
 <em>Sustituye a Adobe Illusatrator, CorelDraw o Xara X</em><br />
 Un editor gráfico Open Source con capacidades similares a los programas comerciales, basado en el formato de fichero estándar para gráficos escalables del W3C (SVG). Te puedes suscribir en la web para tener acceso a una increíble galería de imágenes.</p>
<h3>Blender</h3>
<p><a href="http://www.blender.org/"><img class="alignleft size-full wp-image-167" title="Blender" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image045.png" alt="Blender" width="82" height="82" /></a><a title="Consigue Blender" href="http://www.blender.org/" target="_blank">http://www.blender.org/</a><br />
 <em>Sustituye a Maya</em><br />
 Blender es un programa de diseño en 3D, está disponible para diversos sistemas operativos pero en Inglés. Sólo para especialistas.</p>
<h3>Multimedia</h3>
<h3>VLC Media Player</h3>
<p><a href="http://www.videolan.org/vlc/"><img class="alignleft size-full wp-image-152" style="margin-left: 3px; margin-right: 3px;" title="VLC Mediaplayer" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image018.png" alt="VLC Mediaplayer" width="120" height="117" /></a><a title="Consigue VLC Mediaplayer" href="http://www.videolan.org/vlc/" target="_blank">http://www.videolan.org/vlc/</a><br />
 <em>Sustituye a Windows Media Player, Quicktime, RealPlayer, etc.</em><br />
 Cada película con su reproductor. ¡Pues no! Con VLC Media podrás ver prácticamente cualquier tipo de vídeo. Se actualiza fácilmente y funciona muy bien.</p>
<h3>Songbird</h3>
<p><a href="http://www.songbirdnest.com/"><img class="alignleft size-full wp-image-161" style="margin-left: 3px; margin-right: 3px;" title="Songbird" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image036.png" alt="Songbird" width="146" height="36" /></a><a title="Consigue Songbird" href="http://www.songbirdnest.com/" target="_blank">http://www.songbirdnest.com/</a><br />
 <em>Sustituye a Windows Media Player y a iTunes</em>.<br />
 Una solución para la gestión de tu música similar a MusikCube con una interface más moderna y agradable. Si solo quieres reproducir música es una Buena solución, soporta muchos reproductores mp3.</p>
<h3>Antivirus</h3>
<h3>ClamWin</h3>
<p><a href="http://es.clamwin.com/"><img class="alignleft size-full wp-image-149" title="ClamWin" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image013.gif" alt="ClamWin" width="100" height="49" /></a><a title="Consigue CalmWin" href="http://es.clamwin.com/" target="_blank">http://es.clamwin.com/</a><br />
 <em>Sustituye a Norton AntiVirus, Panda Antivirus o McAfee</em>.<br />
 ClamWin es un antivirus que no necesita casi mantenimiento, solo hay que hacer actualizaciones de tanto en tanto. Por lo demás ofrece una seguridad semejante a los antivirus de pago pero no es tan exigente con el ordenador ni da ningún tipo de problemas, cosa que no se puede decir de sus semejantes comerciales. ¿Entonces para qué pagar por algo que puedes tener gratis?</p>
<h3>Utilidades</h3>
<h3>7 zip</h3>
<p><a href="http://www.7-zip.org/"><img class="alignleft size-full wp-image-166" style="margin-left: 3px; margin-right: 3px;" title="7-Zip" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image044.jpg" alt="7-Zip" width="99" height="111" /></a><a title="Consigue 7-Zip" href="http://www.7-zip.org/" target="_blank">http://www.7-zip.org/</a><br />
 Es un compresor des-compresor de archivos muy eficiente y Open Source para Windows.</p>
<h3>Notepad++</h3>
<p><a href="http://notepad-plus.sourceforge.net/es/site.htm"><img class="alignleft size-full wp-image-160" title="Notepad++" src="http://www.femweb.info/web/wp-content/uploads/2009/04/image035.png" alt="Notepad++" width="100" height="37" /></a><a title="Consigue Notepad++" href="http://notepad-plus.sourceforge.net/es/site.htm" target="_blank">http://notepad-plus.sourceforge.net/es/site.htm</a><br />
 <em>Sustituye a Notepad</em><br />
 Notepad++ es un sustituto del Notepad de Windows con muchas más prestaciones. Permite trabajar con múltiples documentos y formatos como html, C+ y macros.</p>


<h3>También te pueden interesar: </h3>
<div class="related">
<ol>
		<li><a href="http://www.femweb.info/2008/noticias/%c2%bfque-es-open-source/" rel="bookmark">¿Qué es Open Source?</a><!-- (14.6278)--></li>
	</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2009/tutoriales/internet/aplicaciones-open-source-indispensables-gratis/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Recortar imágenes con Photoshop II</title>
		<link>http://www.femweb.info/2009/tutoriales/recortar-imagenes-con-photoshop-ii/</link>
		<comments>http://www.femweb.info/2009/tutoriales/recortar-imagenes-con-photoshop-ii/#comments</comments>
		<pubDate>Sun, 18 Jan 2009 12:37:49 +0000</pubDate>
		<dc:creator>femweb</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[cs2]]></category>
		<category><![CDATA[cs3]]></category>
		<category><![CDATA[cs4]]></category>
		<category><![CDATA[fotografía digital]]></category>
		<category><![CDATA[herramienta pluma]]></category>
		<category><![CDATA[recortar imagen]]></category>
		<category><![CDATA[recorte]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.femweb.info/web/?p=113</guid>
		<description><![CDATA[Aprende el método más utilizado para recortar imágenes con total control.]]></description>
			<content:encoded><![CDATA[<p>Este es el segundo tutorial sobre recorte de imágenes en Photoshop. En el primero de esta serie vimos un método fácil y de buenos resultados pero que solo funciona con fotografías tomadas ad-hoc en las que el objeto a recortar se encuentra sobre un fondo más o menos uniforme. En este caso vamos a recortar una imagen de una foto para separarla del fondo.<span id="more-113"></span>Para hacer un recorte de imagen profesional, es necesario trabajar al detalle y partir del mejor original posible ya que tendremos que dibujar la silueta del corte paso a paso. Tomaremos esta foto como ejemplo y vemos a la derecha cómo quedará.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-196" title="origen-final" src="http://www.femweb.info/web/wp-content/uploads/2009/01/origen-final.jpg" alt="origen-final" width="450" height="321" /></p>
<h3>Paso 1</h3>
<p>Lo primero es realizar la silueta de recorte, para ello utilizaremos la herramienta Pluma  <sub><img class="alignnone size-full wp-image-377" title="P_Pen" src="http://www.femweb.info/web/wp-content/uploads/2009/01/P_Pen.jpg" alt="P_Pen" width="20" height="18" /></sub> (tecla P). Esta herramienta parece muy difícil de usar, pero en realidad no lo es, se trata solo de aprender unos movimientos básicos y tener un poco de paciencia. Con el objeto a recortar a toda pantalla, haremos un primer encaje cerrando una silueta a su alrededor. Fijándonos en el detalle del objeto, haremos un punto de anclaje –clic con la pluma– en cada sitio en que cambie la dirección del contorno. No es muy importante un punto más o menos ya que después lo ajustaremos, pero mejor cuando más ajustado.<br />
 Las siluetas son curvas de Bezier que nos permiten dibujar de forma muy ajustada en Photoshop y otros programas. Las curvas de Bezier definen una fórmula matemática que representa una línea mediante un punto de origen y final, los puntos de anclaje y un ángulo que definimos mediante unas lineas tangentes a la curva de Bezier. Los puntos de anclaje pueden ser rectos: intersección de dos lineas, o curvos: con tangentes de ajuste.</p>
<p><img class="aligncenter size-full wp-image-197" title="outline1" src="http://www.femweb.info/web/wp-content/uploads/2009/01/outline1.jpg" alt="outline1" width="400" height="505" /></p>
<table style="text-align: left; width: 307px; height: 208px;" border="0" align="center">
<tbody>
<tr>
<td><img class="aligncenter size-full" title="pluma" src="http://www.femweb.info/web/wp-content/uploads/2009/01/P_Pen.jpg" alt="pluma" width="20" height="18" /></td>
<td>Crea curvas de Bezier</td>
</tr>
<tr>
<td><img class="aligncenter size-full" title="P_Pen_free" src="http://www.femweb.info/web/wp-content/uploads/2009/01/P_Pen_free.png" alt="" width="20" height="18" /></td>
<td>Crea curvas de Bezier a mano alzada</td>
</tr>
<tr>
<td><img class="aligncenter size-full" title="imagen-25" src="http://www.femweb.info/web/wp-content/uploads/2009/01/imagen-25.png" alt="imagen-25" width="24" height="22" /></td>
<td>Añade un punto de anclaje a una curva</td>
</tr>
<tr>
<td><img class="aligncenter size-full" title="imagen-26" src="http://www.femweb.info/web/wp-content/uploads/2009/01/imagen-26.png" alt="imagen-26" width="27" height="24" /></td>
<td>Elimina un punto de anclaje de una curva</td>
</tr>
<tr>
<td><img class="aligncenter size-full" title="imagen-27" src="http://www.femweb.info/web/wp-content/uploads/2009/01/imagen-27.png" alt="imagen-27" width="28" height="25" /></td>
<td>Cambia el tipo de punto de anclaje de recto a curvo</td>
</tr>
<tr>
<td><img class="aligncenter size-full" title="P_AnchorSelect_Lg_N.png" src="http://www.femweb.info/web/wp-content/uploads/2009/01/P_AnchorSelect_Lg_N.png" alt="" width="12" height="17" /></td>
<td>Selecciona un punto de anclaje</td>
</tr>
<tr>
<td><img class="aligncenter size-full" title="P_Select_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2009/01/P_Select_Lg_N.png" alt="" width="12" height="17" /></td>
<td>
<p>Selecciona una silueta</p>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><img class="aligncenter" title="outline2" src="http://www.femweb.info/web/wp-content/uploads/2009/01/outline2.jpg" alt="" width="450" height="644" /></p>
<h3>Paso 2</h3>
<p>Una vez hecha la primera silueta, haremos un zoom hasta que podamos distinguir perfectamente los detalles del objeto a recortar. Para hacer los ajustes tendremos que utilizar varias herramientas para añadir, quitar y ajustar los puntos de anclaje a la silueta. Como norma general cada vez que la silueta a recortar cambia de dirección, necesitaremos un punto de anclaje para ajustar la silueta de recorte al objeto a recortar. Cuando ponemos la pluma sobre la silueta aparece un signo (+) que significa Añadir punto de anclaje. Al poner la pluma sobre un punto de anclaje aparece un signo (-), esto significa Eliminar punto de anclaje. Pulsando la tecla Alt aparece la herramienta Modificar punto de anclaje. Si pulsamos la tecla Cmd Comando en mac, aparece la herramienta en forma de flecha blanca selección de puntos de anclaje <sub><img class="alignnone size-full wp-image-418" title="P_AnchorSelect_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2009/01/P_AnchorSelect_Lg_N.png" alt="" width="12" height="17" /></sub> ( tecla A), con esta herramienta podemos mover los puntos de anclaje y sus guías para ajustarlos al objeto. La flecha negra selecciona toda la silueta de recorte para mover la de una pieza.</p>
<p><img class="aligncenter size-full wp-image-199" title="outline3" src="http://www.femweb.info/web/wp-content/uploads/2009/01/outline3.jpg" alt="outline3" width="450" height="287" /></p>
<h3>Paso 3</h3>
<p>Cuando tengamos la silueta perfectamente marcada, con el botón derecho del ratón elegiremos Hacer selección del menú desplegable. En este paso aparece un cuadro de diálogo, en el marcaremos 3 pixels de degradado para el recorte.</p>
<p><img class="aligncenter size-full wp-image-200" title="outline4" src="http://www.femweb.info/web/wp-content/uploads/2009/01/outline4.jpg" alt="outline4" width="349" height="500" /><br />
 <img class="aligncenter size-full wp-image-201" title="imagen-14" src="http://www.femweb.info/web/wp-content/uploads/2009/01/imagen-14.png" alt="imagen-14" width="262" height="283" /></p>
<p><img class="aligncenter size-full wp-image-202" title="imagen-15" src="http://www.femweb.info/web/wp-content/uploads/2009/01/imagen-15.png" alt="imagen-15" width="434" height="286" /><br />
 <img class="aligncenter" style="border: 0pt none;" src="http://www.femweb.info/web/wp-content/uploads/2009/01/fader.jpg" alt="" width="345" height="238" /></p>
<h3>Paso 4</h3>
<p style="text-align: left;">Ya tenemos la imagen recortada. Ahora es importante fijarse en la iluminación de la foto original y corregir las posibles sombras o brillos para que no se noten demasiado. Para ello podemos utilizar las herramientas <sub><img class="alignnone size-full wp-image-392" title="P_Dodge_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2009/01/P_Dodge_Lg_N.png" alt="" width="17" height="16" /></sub> <strong>aclarar</strong> y <sub><img class="alignnone size-full wp-image-393" title="P_Burn_Lg_N" src="http://www.femweb.info/web/wp-content/uploads/2009/01/P_Burn_Lg_N.png" alt="" width="21" height="17" /></sub> <strong>oscurecer</strong> (tecla O)</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-205" title="aclarar" src="http://www.femweb.info/web/wp-content/uploads/2009/01/aclarar.jpg" alt="aclarar" width="500" height="353" /></p>
<h3>Paso 5</h3>
<p>Ahora solo tenéis que ponerle el fondo que queráis y ya está listo.</p>


<h3>También te pueden interesar: </h3>
<div class="related">
<ol>
		<li><a href="http://www.femweb.info/2008/tutoriales/recortar-imagenes-con-photoshop-i/" rel="bookmark">Recortar imágenes con Photoshop I</a><!-- (17.0604)--></li>
		<li><a href="http://www.femweb.info/2010/tutoriales/recortar-imagenes-en-photoshop-iii/" rel="bookmark">Recortar imágenes en Photoshop III</a><!-- (16.5794)--></li>
		<li><a href="http://www.femweb.info/2008/tutoriales/revelado-digital/" rel="bookmark">Revelado Digital</a><!-- (7.13298)--></li>
	</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2009/tutoriales/recortar-imagenes-con-photoshop-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿Qué es Open Source?</title>
		<link>http://www.femweb.info/2008/noticias/%c2%bfque-es-open-source/</link>
		<comments>http://www.femweb.info/2008/noticias/%c2%bfque-es-open-source/#comments</comments>
		<pubDate>Tue, 09 Dec 2008 10:39:11 +0000</pubDate>
		<dc:creator>femweb</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[aplicaciones gratis]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[recursos online]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://www.femweb.info/web/?p=190</guid>
		<description><![CDATA[Open Source significa Código Abierto en contraposición a Código Cerrado o también Propietario. La diferencia entre ambos conceptos radica en la &#8220;propiedad&#8221; del código, que equivale al programa informático que usamos en el ordenador.
Las aplicaciones y programas informáticos comerciales, es decir que son propiedad de una empresa y se venden, como por ejemplo todas las [...]]]></description>
			<content:encoded><![CDATA[<p>Open Source significa Código Abierto en contraposición a Código Cerrado o también Propietario. La diferencia entre ambos conceptos radica en la &#8220;propiedad&#8221; del código, que equivale al programa informático que usamos en el ordenador.</p>
<p><span id="more-190"></span>Las aplicaciones y programas informáticos comerciales, es decir que son propiedad de una empresa y se venden, como por ejemplo todas las aplicaciones de Microsoft incluido el Windows, serian de Código cerrado o Propietario. En las aplicaciones Open Source no hay un propietario, sino que es el producto de la colaboración de diferentes personas que dedican parte de su tiempo a desarrollar y mejorar las aplicaciones de código abierto. Estas aplicaciones están disponibles para que la gente las utilice sin tener que pagar por ellas.</p>
<p>Free en inglés puede significar diferentes cosas: gratuidad y libertad. Por ello, por un lado, permite pensar en &#8220;software por el que no hay que pagar&#8221; (software gratuito) y, por otro, se adapta al significado que se pretendió originalmente (software que posee ciertas libertades). El término &#8220;Open Source&#8221; para algunos no resultó apropiado como reemplazo para el ya tradicional &#8220;free software&#8221;, pues eliminaba la idea de libertad..<br />
<a href="http://es.wikipedia.org/wiki/C%C3%B3digo_abierto">Puedes aprender más sobre Opensource en Wikipedia&gt;&gt;</a></p>
<p>Si necesitas una aplicación para tu ordenador, pero no quieres pagar por ella, prueba a buscar en Internet el tipo de aplicación seguido de &#8220;open source&#8221;, por ejemplo; si quieres un procesador de texto y no quieres pagar por el Office de Microsoft, busca &#8220;procesador de texto open source&#8221;. Encontrarás varias opciones de calidad y, sobre todo, legales y gratuítas.</p>
<p>Tambien puedes visitar el artículo: <a href="http://www.femweb.info/web/index.php/tutoriales/internet/aplicaciones-open-source-indispensables-gratis/" target="_self">aplicaciones-open-source-indispensables-gratis</a></p>


<h3>También te pueden interesar: </h3>
<div class="related">
<ol>
		<li><a href="http://www.femweb.info/2009/tutoriales/internet/aplicaciones-open-source-indispensables-gratis/" rel="bookmark">Aplicaciones Open Source indispensables “Gratis”</a><!-- (18.4189)--></li>
		<li><a href="http://www.femweb.info/2010/tutoriales/internet/domina-el-arte-de-hacer-paginas-web/" rel="bookmark">Domina el arte de hacer páginas web</a><!-- (9.29577)--></li>
	</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2008/noticias/%c2%bfque-es-open-source/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recortar imágenes con Photoshop I</title>
		<link>http://www.femweb.info/2008/tutoriales/recortar-imagenes-con-photoshop-i/</link>
		<comments>http://www.femweb.info/2008/tutoriales/recortar-imagenes-con-photoshop-i/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 14:13:22 +0000</pubDate>
		<dc:creator>femweb</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[cs2]]></category>
		<category><![CDATA[cs3]]></category>
		<category><![CDATA[cs4]]></category>
		<category><![CDATA[extraer]]></category>
		<category><![CDATA[fotografía digital]]></category>
		<category><![CDATA[herramienta varita magica]]></category>
		<category><![CDATA[recortar imagen]]></category>
		<category><![CDATA[recorte]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.femweb.info/web/?p=112</guid>
		<description><![CDATA[Cuando utilizamos imágenes de stock o hacemos una foto de algún elemento que queremos trabajar en Photoshop, solemos utilizar la imagen del objeto contra un fondo uniforme. Eso facilita el recorte de la imagen pero hay que tener cuidado con las sombras y brillos.]]></description>
			<content:encoded><![CDATA[<p>Una de las técnicas más utilizadas a la hora de diseñar con Photoshop, consiste en recortar imágenes de una foto para usarla en otra composición. Si bien la técnica necesaria es relativamente sencilla, obtener los mejores resultados implica una serie de pasos que no todo el mundo conoce. Podríamos decir que dependiendo del original hay dos métodos a seguir, en este tutorial aprenderás a recortar imágenes para que queden perfectas cuando partimos de una foto en que solo está el objeto a recortar, generalmente sobre un fondo más o menos uniforme. En el siguiente tutorial de esta serie veremos cómo recortar objetos desde cualquier original, este procedimiento requerirá dominar la herramienta &#8220;Pluma&#8221; por lo que resultará un poco más complicado.<span id="more-112"></span></p>
<p><img class="alignleft size-full wp-image-145" title="magic-wand" src="http://www.femweb.info/web/wp-content/uploads/2008/11/magic-wand.png" alt="magic-wand" width="71" height="437" />Supongamos que queremos hacer un efecto en un diseño con una lupa, lo primero será obtener una imagen de la lupa bien con una foto nuestra o buscando una, yo he utilizado una imagen de jazza  en <a class="tx" title="Stock-xchng" href="http://www.sxc.hu/photo/1078636" target="_blank">Stock-xchng</a> –es necesario suscribirte para poder bajar fotos y es gratuito. lee las condiciones de uso de la imagen–</p>
<p>La mejor manera de recortar imágenes de un fondo depende precisamente del fondo. Si tenemos un objeto sobre un fondo relativamente uniforme, la mejor opción es utilizar la herramienta MagicWand la varita mágica. (tecla w)</p>
<p>En la paleta de opciones podemos ajustar la Tolerancia entre 0 y 255. Un valor mayor selecciona más colores similares al pixel en que hacemos clic, a menor valor menos colores adyacentes seleccionaremos. Cuando marcamos la opción Contiguo, se seleccionarán solamente las zonas contiguas del mismo color. La opción Suavizado &#8220;Anti-alias&#8221; estará activa para trabajar con gráficos, pero dependerá de las necesidades del diseño. Al marcar Usar todas las capas, la selección resultante incluirá todas las capas.</p>
<p>Vamos a probar con una imagen que tenga un fondo uniforme, por ejemplo recortaremos esta lupa para hacer una imagen sin fondo.</p>
<p style="text-align: left;"><img class="size-full wp-image-146 aligncenter" title="Lupa" src="http://www.femweb.info/web/wp-content/uploads/2008/11/Lupa.jpg" alt="Lupa" width="300" height="225" />Abrimos la imagen y duplicamos la capa para trabajar en una copia, después ocultamos el fondo haciendo clic sobre el ojo de la capa que tiene el candado.</p>
<p style="text-align: center;"><img class="size-full wp-image-147 aligncenter" title="layers1" src="http://www.femweb.info/web/wp-content/uploads/2008/11/layers1.png" alt="layers1" width="222" height="192" /></p>
<p>Seleccionamos la capa que hemos copiado.</p>
<p style="text-align: center;"><img class="size-full wp-image-148 aligncenter" title="mw-opciones" src="http://www.femweb.info/web/wp-content/uploads/2008/11/mw-opciones.png" alt="mw-opciones" width="405" height="26" /></p>
<p>Con Tolerancia 35, Suavizado y Contiguo activados, hacemos clic sobre un punto cualquiera del fondo blanco.</p>
<p>Tendremos una imagen así:</p>
<p style="text-align: center;"><img class="size-full wp-image-149 aligncenter" title="Imagen-17" src="http://www.femweb.info/web/wp-content/uploads/2008/11/Imagen-17.png" alt="Imagen-17" width="300" height="239" /></p>
<p>Las guías están solo para vuestra información, no se imprimen ni aparecen en la imagen final.</p>
<p>Le damos a la tecla borrar o al menú Edición&gt;Borrar. Observa la imagen que obtendremos.</p>
<p style="text-align: left;"><img class="size-full wp-image-150 aligncenter" title="Imagen-19" src="http://www.femweb.info/web/wp-content/uploads/2008/11/Imagen-19.png" alt="Imagen-19" width="300" height="239" /><br />
 Nos queda por eliminar la sombra, donde los tonos están un poco más difusos. Para seleccionar esta zona podemos cambiar la Tolerancia a 10 y hacemos clic en la zona más clara de la sombra, de forma que obtengamos una selección de parte de ella sin que eliminemos ninguna zona de la lupa. Con la tecla Alt pulsada, podemos hacer clic en otras zonas de la sombra hasta que la tengamos toda seleccionada. Observa bien cada paso para que se seleccione solamente la sombra, si te equivocas deshaz la última acción Ctrl-Z y vuelve a probar, también puedes variar el grado de tolerancia –aunque con 10 se puede hacer perfectamente–. Cuando tengas una selección satisfactoria elimínala y obtendrás la lupa sin fondo.</p>
<p style="text-align: center;"><img class="size-full wp-image-151 aligncenter" title="Imagen-20" src="http://www.femweb.info/web/wp-content/uploads/2008/11/Imagen-20.png" alt="Imagen-20" width="300" height="239" /></p>
<h3>Enmascarar</h3>
<p>Ha sido fácil, pero a la hora de utilizar la imagen en nuestra composición veremos que tiene una pega. El recorte no ha sido muy limpio y además la imagen conserva partes del fondo en forma de halo blanco. Mira la imagen ampliada de una parte de la lupa, he añadido un fondo oscuro para que se observen mejor los defectos.</p>
<p style="text-align: center;"><img class="size-full wp-image-152 aligncenter" title="Imagen-21" src="http://www.femweb.info/web/wp-content/uploads/2008/11/Imagen-21.png" alt="Imagen-21" width="300" height="239" /></p>
<p>Para mejorar este sistema de recorte de imágenes vamos a utilizar una máscara.<br />
 Vamos a repetir todos los pasos de antes desde el principio, con la única diferencia que no eliminaremos el fondo, nos limitaremos a hacer las sucesivas selecciones hasta tener totalmente seleccionado el fondo y la sombra. Cuando lo hayamos conseguido, iremos al menú Selección&gt;Invertir de manera que ahora tendremos seleccionada la lupa.</p>
<p><img class="alignleft size-full wp-image-153" style="margin-right: 8px;" title="mascara" src="http://www.femweb.info/web/wp-content/uploads/2008/11/mascara.png" alt="mascara" width="208" height="38" /></p>
<p>Esta es la parte interesante, en lugar de borrar el fondo, pulsaremos el botón de máscara rápida.</p>
<p><img class="alignleft size-full wp-image-154" style=" margin-right: 8px;" title="plantilla" src="http://www.femweb.info/web/wp-content/uploads/2008/11/plantilla.png" alt="plantilla" width="209" height="130" />Nuestra capa de trabajo ha cambiado, le hemos añadido una plantilla alrededor de la lupa y esta ha quedado recortada del fondo, la plantilla es el icono de la derecha de color negro con la imagen de la lupa recortada. Haciendo clic sobre el icono seleccionamos la plantilla para trabajar en ella.</p>
<p>Ahora podremos trabajar con la plantilla, para ello lo primero que haremos será difuminar el contorno, de manera que quede más limpio en corte de la plantilla con la imagen. En el menú Filtro&gt;Desenfocar&gt;Desenfocar. Con esta acción conseguiremos suavizar los bordes de la plantilla, y por tanto de la imagen recortada.</p>
<p>Aplicado el filtro a la plantilla obtendremos un contorno más suave –haz un zoom con un fondo oscuro en otra capa para comprobarlo–</p>
<p>Ahora pulsamos Control-L y nos aparecerá la paleta de niveles de la plantilla, si movemos el cursor central hacia la derecha, verás que el corte en la imagen se hace cada vez más definido. Cuando veas un corte limpio puedes pulsar</p>
<p>OK</p>
<p style="text-align: left;"><img class="size-full wp-image-155 aligncenter" title="niveles_plantilla" src="http://www.femweb.info/web/wp-content/uploads/2008/11/niveles_plantilla.png" alt="niveles_plantilla" width="492" height="381" />Ahora ya puedes guardar el archivo o llevarte la capa de la lupa a otro documento, correctamente recortada, donde la podrás insertar, solo te faltará escalar el tamaño para que encaje correctamente con tu diseño.</p>


<h3>También te pueden interesar: </h3>
<div class="related">
<ol>
		<li><a href="http://www.femweb.info/2010/tutoriales/recortar-imagenes-en-photoshop-iii/" rel="bookmark">Recortar imágenes en Photoshop III</a><!-- (16.7809)--></li>
		<li><a href="http://www.femweb.info/2009/tutoriales/recortar-imagenes-con-photoshop-ii/" rel="bookmark">Recortar imágenes con Photoshop II</a><!-- (15.2368)--></li>
		<li><a href="http://www.femweb.info/2008/tutoriales/revelado-digital/" rel="bookmark">Revelado Digital</a><!-- (5.23311)--></li>
	</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2008/tutoriales/recortar-imagenes-con-photoshop-i/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Revelado Digital</title>
		<link>http://www.femweb.info/2008/tutoriales/revelado-digital/</link>
		<comments>http://www.femweb.info/2008/tutoriales/revelado-digital/#comments</comments>
		<pubDate>Sun, 09 Nov 2008 13:17:48 +0000</pubDate>
		<dc:creator>femweb</dc:creator>
				<category><![CDATA[Fotografía]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[filtros]]></category>
		<category><![CDATA[fotografía digital]]></category>

		<guid isPermaLink="false">http://www.femweb.info/web/?p=110</guid>
		<description><![CDATA[Hace años, con las cámaras de 35 mm, el fotógrafo tenía un cuarto oscuro para revelar las fotos, hoy con cámaras digitales asequibles y el ordenador ha tomado su lugar. En este artículo veremos los filtros básicos que podemos emplear en nuestras fotografías para mejorarlas, como si tuviéramos nuestro propio cuarto oscuro.]]></description>
			<content:encoded><![CDATA[<p>Hace años, las cámaras de fotografía solo funcionaban con película química,  el fotógrafo tenía un cuarto oscuro para revelar las fotos y el proceso era bastante complicado. Hoy en día, con cámaras digitales asequibles,  el ordenador ha tomado su lugar. En este artículo veremos los filtros básicos que podemos emplear en nuestras fotografías para mejorarlas, como si tuviéramos nuestro propio cuarto oscuro.</p>
<p><span id="more-110"></span></p>
<p style="text-align: left;"><em>Las pantallas de este artículo se corresponden con Photoshop CS2 para mac, pero son similares en otras plataformas y existen equivalentes de las funciones utilizadas en Gimp.</em></p>
<p>En este artículo veremos el uso de tres herramientas: <strong>Niveles</strong>, <strong>Curvas</strong> y <strong>Máscara de desenfoque</strong>, que podemos utilizar para mejorar nuestras fotos.</p>
<h3>Niveles</h3>
<blockquote><p>El histograma es una representación de la distribución tonal de una imagen digital. Indica el número de píxels para cada valor tonal.</p>
</blockquote>
<p>Para entender estas herramientas debemos primero aprender a interpretar el histograma de una imagen. Para saber más sobre qué es un <a href="http://es.wikipedia.org/wiki/Histograma" target="_blank">histograma</a>, visita la wikipedia.</p>
<p>Los niveles son la principal herramienta a utilizar para procesar fotos digitales. Esta herramienta nos permite mover o deformar los niveles de brillo de un histograma. El resultado que obtendremos dominando esta técnica, nos permitirá ajustar el brillo, el contraste y el rango tonal de la imagen, al especificar un punto negro, un punto blanco y uno de tonos medios de nuestra imagen. Cada histograma depende de la imagen que representa, así que es único para cada imagen y no existe un método de ajuste que sirva para todas las fotos. Se trata por tanto, de una técnica que hay que aprender de forma empírica. Si aprendemos a ajustar correctamente los niveles de los histogramas obtendremos una mejor representación de los tonos en la imagen final.</p>
<p><img class="imagen_tutorial alignleft" title="pscrea_capa_es" src="http://www.femweb.info/web/wp-content/uploads/pscrea_capa_es.png" alt="Crea una capa" width="224" height="291" /></p>
<p>Lo primero será crear una capa de ajustes de nivel para trabajar, de forma que la foto original no se modificará. Para ello seleccionamos el menú capas de filtros.</p>
<p>Podemos ajustar los niveles de dos formas:</p>
<p><img class="imagen_tutorial" title="niveles" src="http://www.femweb.info/web/wp-content/uploads/niveles.png" alt="niveles" width="300" height="232" /></p>
<h3>Marcar el punto blanco y el negro</h3>
<p>Con el cuentagotas de la derecha marcaremos el punto más blanco de la imagen, con el de la izquierda, marcaremos el punto más oscuro. También podemos seleccionar un punto intermedio con el cuentagotas central (un gris al 18%).<br />
 Puede ser un poco complicado para los no expertos, ya que el ajuste se hace de forma visual pero es una herramienta muy importante y vale la pena aprender a utilizarla. Normalmente es más fácil seleccionar el punto blanco, en una luz directa o un reflejo. El punto negro puede ser más difícil de localizar, lo mejor es mirar bien la foto y estudiar de donde viene la luz. Donde no puede haber reflejos, tendremos el punto negro.</p>
<p>
<object style="width: 250px; height: 334px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="250" height="334" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="menu" value="false" /><param name="src" value="http://www.femweb.info/web/wp-content/uploads/niveles.swf" /><param name="align" value="left" /><param name="hspace" value="5" /><embed style="width: 250px; height: 334px;" type="application/x-shockwave-flash" width="250" height="334" src="http://www.femweb.info/web/wp-content/uploads/niveles.swf" hspace="5" align="left" menu="false"></embed></object>
</p>
<p>Haciendo clic sobre la foto, puedes ver que el punto blanco se corresponde con el bordillo de la escalera izquierda, donde el sol da de pleno y el punto negro se encuentra en el interior de la ventana central que se encuentra de espaldas a la fuente de luz, seguro que ahí no llega mucha luz.<br />
 Haciendo esto deformamos el histograma, de forma que el punto más a la derecha se corresponde con el punto más iluminado de la imagen y el punto más a la izquierda con el más oscuro.<br />
 El  cuentagotas del centro funciona de forma un poco diferente, con él podemos seleccionar una zona de la imagen que debería ser gris, sin color –muy útil cuando aparece algún objeto en la foto que no tendría que tener ningún tono de color– al seleccionarlo con este cuentagotas, eliminaremos el color en ese tono cambiando el balance de blancos de la imagen.<br />
 De momento obtendremos una foto con más dramatismo ya que aprovechamos completamente el espectro, mejorando el brillo y el contraste de la imagen. Prueba a hacer un ajuste fino con el punto intermedio –el triángulo gris que se encuentra por debajo en la parte central del histograma– si la imagen queda demasiado oscura.</p>
<h3>Niveles manuales</h3>
<p><img class="alignleft size-full wp-image-213" title="saturacion_niveles" src="http://www.femweb.info/web/wp-content/uploads/2008/11/saturacion_niveles.jpg" alt="saturacion_niveles" width="250" height="417" />En lugar de estirar el histograma como hemos hecho con los cuentagotas, podemos disminuir la amplitud del mismo arrastrando los triángulos blanco y negro (derecho e izquierdo). Conseguirás el mismo efecto o muy parecido pero la ventaja es que vas viendo el cambio gradualmente en la foto y puedes evaluar mejor tus preferencias. En la parte superior de la paleta de niveles hay un selector para los canales de color, el mismo proceso puede aplicarse para cada uno de los colores primarios RGB.<br />
 Hay que ser muy cuidadoso al utilizar la capa de niveles y no todas las fotos las podremos mejorar con esta técnica. Podemos ver las zonas más conflictivas pulsando <em>Alt</em> a la vez que movemos los triángulos. Si la imagen permanece totalmente negra mientras movemos los triángulos del blanco o del negro, no tendremos saturación &#8220;clipping&#8221;. Si aparecen tonos amarillos o rojos, estos nos indican las zonas que aparecerán saturadas en la imagen, como puedes ver en el ejemplo de la izquierda. No obstante, eso no quiere decir que esta zona aparecerá completamente blanca –solo que alguno de los colores primarios R, G o B, ha alcanzado el nivel de saturación–. El cursor del centro se utiliza para compensar los niveles, por ejemplo si movemos el triángulo blanco para ajustar el histograma, toda la imagen puede quedar un poco sobre expuesta, moviendo el cursor central podemos compensar el efecto manteniendo un contraste aceptable.</p>
<p>Un posible efecto secundario del ajuste de niveles es la posterización, es decir que se reduce la gama cromática de la imagen apareciendo bandas de colores uniformes donde antes había mucho detalle.</p>
<blockquote><p>Curvas y Niveles son herramientas muy potentes, utilízalas con cuidado, realiza pequeños incrementos y observa constantemente los resultados.</p>
</blockquote>
<h3>Curvas</h3>
<p><img class="alignleft size-full wp-image-210" title="Curvas" src="http://www.femweb.info/web/wp-content/uploads/2008/11/Curvas.png" alt="Curvas" width="300" height="301" />Las capas de Curvas funcionan como los niveles pero con un poco más de control sobre lo que hacemos. Básicamente la capa de curvas indica la conversión entre un tono de entrada y la correspondiente salida en una matriz de 0 a 255 valores de gris, una línea diagonal que pase exactamente por el centro dejará el ajuste de Curvas sin cambios. A diferencia de los <em>Niveles</em> donde podemos ajustar el punto blanco, el negro y un tono intermedio, en las Curvas tenemos un control más preciso en toda la gama. Podemos añadir puntos de control; los puntos negros que ves en la gráfica de la izquierda, hasta un total de 16. Normalmente debería se suficiente con 3 puntos: uno para las zonas luminosas, uno para el punto medio y otro para las zonas oscuras, mas el blanco y el negro que son los finales de la curva. Si se modifica la curva de forma exagerada, se reducirá la gama tonal, para tener un control más preciso sobre un tono prueba a ampliar la ventana de ajuste de curvas con el botón de la parte inferior derecha de la ventana.<img class="alignright size-full wp-image-216" title="Histograma1" src="http://www.femweb.info/web/wp-content/uploads/2008/11/Histograma1.png" alt="Histograma1" width="210" height="127" /></p>
<p>El concepto principal a tener en cuenta con las Curvas es que nunca se puede añadir contraste en una zona sin eliminarlo de otra. Este filtro sirve para redistribuir el contraste de una imagen. Además las curvas mantienen la jerarquía tonal en la imagen, es decir, que si una parte de la imagen es más brillante que otra, lo seguirá siendo después de aplicar el filtro; aunque no necesariamente en la misma cantidad.</p>
<p>¿Cómo se en que parte de la imagen hago los ajustes? Con la paleta de curvas en la pantalla, pon el cursor sobre el punto que desees identificar en la imagen. En un instante se convertirá en un cuentagotas, entonces pulsa el botón del ratón y verás en la parte inferior de la paleta las coordenadas del punto. Si mueves el cursor sobre la diagonal de la paleta, veras las coordenadas de la diagonal, solo tienes que elegir las que habías obtenido antes.</p>
<blockquote><p>Muy importante, el concepto de curvas implica que añadir contraste a una zona tonal lo disminuirá en otra. En otras palabras, la paleta <em>Curvas</em> redistribuye  el contraste de la imagen. Es decir que tenemos una cantidad de contraste dada que debemos utilizar convenientemente en nuestra imagen, cómo lo hacemos depende de nuestra percepción y puede ser distribuido uniformemente en toda la imagen, línea diagonal o de forma irregular, curvas.</p>
</blockquote>
<h3>Máscara de desenfoque</h3>
<p>
<object style="width: 250px; height: 334px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="250" height="334" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="salign" value="l" /><param name="src" value="http://www.femweb.info/web/wp-content/uploads/mascara_es.swf" /><param name="align" value="left" /><param name="hspace" value="5" /><embed style="width: 250px; height: 334px;" type="application/x-shockwave-flash" width="250" height="334" src="http://www.femweb.info/web/wp-content/uploads/mascara_es.swf" hspace="5" align="left" salign="l"></embed></object>
</p>
<p>La máscara de desenfoque es una técnica que se basa en desenfocar la imagen para obtener más detalle. Aunque pueda parecer contradictorio obtendremos mejor textura y detalle en nuestras fotos. Una máscara de desenfoque no puede obtener más detalle del original, pero puede mejorar su percepción aumentando la <a title="Acutancia en Wikipedia" href="http://es.wikipedia.org/wiki/Acutancia" target="_blank">acutancia</a>. Éste método se puede aplicar a prácticamente todas nuestras fotos y es uno de los más utilizados. El truco consiste en utilizar una versión un poco borrosa de la imagen y sustraerla de la imagen original. Esto hace que se detecten los ejes de las distintas formas que aparecen en la imagen –técnicamente un filtro paso alto– aumentando el contraste a lo largo de todas las formas.</p>
<p>Para hacer la máscara de enfoque solo tenemos que hacer una copia de nuestra imagen en una capa (duplicar capa), y aplicamos un filtro Paso Alto.</p>
<p>En Photoshop encontramos dos maneras de hacerlo. En el menú <strong>Filtro&gt;Enfocar&gt;Máscara de desenfoque</strong> o <strong>Filtro&gt;Otro&gt;Paso alto</strong>. Personalmente prefiero el segundo método, aunque el filtro Paso Alto tiene menos parámetros, me gustan más los resultados obtenidos. La capa a la que aplicamos el filtro quedará en gris, y veremos las zonas de contraste como más oscuras. Si observamos manchas blancas, tendremos que ajustar el tamaño del píxel para que no aparezcan zonas sobre expuestas. En la imagen de arriba puedes ver el original, la máscara y el resultado final pulsando en los botones.</p>
<p>Una vez aplicado el filtro Paso Alto o Desenfoque cambiamos el modo de fusión de la capa por Superponer.</p>
<p><img class="aligncenter size-full wp-image-239" title="superponer" src="http://www.femweb.info/web/wp-content/uploads/2008/11/superponer.png" alt="superponer" width="299" height="67" /></p>


<h3>También te pueden interesar: </h3>
<div class="related">
<ol>
		<li><a href="http://www.femweb.info/2009/tutoriales/recortar-imagenes-con-photoshop-ii/" rel="bookmark">Recortar imágenes con Photoshop II</a><!-- (9.52973)--></li>
		<li><a href="http://www.femweb.info/2008/tutoriales/recortar-imagenes-con-photoshop-i/" rel="bookmark">Recortar imágenes con Photoshop I</a><!-- (6.84287)--></li>
		<li><a href="http://www.femweb.info/2010/tutoriales/recortar-imagenes-en-photoshop-iii/" rel="bookmark">Recortar imágenes en Photoshop III</a><!-- (5.19241)--></li>
	</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.femweb.info/2008/tutoriales/revelado-digital/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

