<sect1 id="tutorial-select-layer">
<title
>Un pequeño tutorial sobre selecciones y capas</title>

<!-- Does someone know a better way to do this? -->
<screenshot>
<screeninfo
>La imagen para comenzar</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-sample.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La imagen para comenzar</phrase>
</textobject>
<caption
><para
>La imagen para comenzar</para
></caption>
</mediaobject>
</screenshot>

<para
>La imagen de arriba es la imagen sobre la que trabajaremos. Inicie chalk con esta imagen (en la carpeta de documentación <filename
>$<envar
>TDEDIR</envar
>/share/doc/HTML/en/chalk/tutorial-select-layer-sample.png</filename
>), y guárdelo en su carpeta de inicio (eligiendo <guilabel
>Guardar imagen como...</guilabel
>). Luego ábrala en &chalk; &mdash; su pantalla debe parecerse a esta (la hemos ampliado): </para>

<screenshot>
<screeninfo
>Chalk con la imagen de comienzo</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-1.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La imagen para comenzar</phrase>
</textobject>
<caption
><para
>La imagen para comenzar</para
></caption>
</mediaobject>
</screenshot>

<para
>Ahora intente seleccionar el contorno de la cabeza con la herramienta <guilabel
>Seleccionar contorno</guilabel
>: </para>

<screenshot>
<screeninfo
>La herramienta <guilabel
>Seleccionar contorno</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-2.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La herramienta <guilabel
>Seleccionar contorno</guilabel
></phrase>
</textobject>
<caption
><para
>La herramienta <guilabel
>Seleccionar contorno</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Después de seleccionarlo, debería parecerse a esta imagen: </para>

<screenshot>
<screeninfo
>La imagen después de seleccionar la cabeza</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-3.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La imagen después de seleccionar la cabeza</phrase>
</textobject>
<caption
><para
>La imagen después de seleccionar la cabeza</para
></caption>
</mediaobject>
</screenshot>

<para
>Si por error selecciona demasiado, puede cortar fácilmente la parte que sobra pasando la herramienta al modo <guilabel
>Sustraer</guilabel
>: </para>

<screenshot>
<screeninfo
>El modo <guilabel
>Sustraer</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-4.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>El modo <guilabel
>Sustraer</guilabel
></phrase>
</textobject>
<caption
><para
>El modo <guilabel
>Sustraer</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Ahora es el momento de hacer que los bordes de la selección estén un poco borrosos. Puede lograrlo aplicando la selección <guilabel
>Pluma</guilabel
>. </para>

<screenshot>
<screeninfo
>Selección <guilabel
>Pluma</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-5.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Selección <guilabel
>Pluma</guilabel
></phrase>
</textobject>
<caption
><para
>Selección <guilabel
>Pluma</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Ahora, corte la selección, usando <menuchoice
><guimenu
>Editar</guimenu
><guimenuitem
>Cortar</guimenuitem
></menuchoice
>. Elimine la capa actual con <menuchoice
><guimenu
>Capa</guimenu
><guimenuitem
>Eliminar la capa</guimenuitem
></menuchoice
>. Pegue su selección con <menuchoice
><guimenu
>Editar</guimenu
><guimenuitem
>Pegar</guimenuitem
></menuchoice
>. Ahora, nos proporcionaremos un poco más de espacio redimensionando la imagen un poco. Utilice para ello el cuadro de diálogo <menuchoice
><guimenu
>Imagen</guimenu
><guimenuitem
>Cambiar el tamaño de la imagen...</guimenuitem
></menuchoice
>. </para>

<screenshot>
<screeninfo
>El diálogo <guilabel
>Tamaño de la imagen</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-6.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>El diálogo <guilabel
>Tamaño de la imagen</guilabel
></phrase>
</textobject>
<caption
><para
>El diálogo <guilabel
>Tamaño de la imagen</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Añade una capa nueva, y la pone bajo la antigua. Puede hacerlo seleccionando la capa nueva en la casilla de capas y luego presionan la pequeña flecha «abajo» que hay en la zona inferior. Ahora vamos a seleccionar el área que hay alrededor de la cabeza con una selección contigua (la herramienta tiene un icono de selección con cubo de relleno en el borde). </para>

<screenshot>
<screeninfo
>La herramienta <guilabel
>Selección contigua</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-7.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La herramienta <guilabel
>Selección contigua</guilabel
></phrase>
</textobject>
<caption
><para
>La herramienta <guilabel
>Selección contigua</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Asegúrese de está seleccionado <guilabel
>Ejemplo combinado</guilabel
> en las opciones de la herramienta: </para>

<screenshot>
<screeninfo
>La opción <guilabel
>Ejemplo combinado</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-8.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La opción <guilabel
>Ejemplo combinado</guilabel
></phrase>
</textobject>
<caption
><para
>La opción <guilabel
>Ejemplo combinado</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Vuelva a agrandar la selección e inviértala. Seleccione la herramienta <guilabel
>Relleno contiguo</guilabel
> (es una herramienta distinta a la herramienta <guilabel
>Selección contigua</guilabel
>) y utilícela sobre la capa. </para>

<screenshot>
<screeninfo
>La herramienta <guilabel
>Relleno contiguo</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-9.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La herramienta <guilabel
>Relleno contiguo</guilabel
></phrase>
</textobject>
<caption
><para
>La herramienta <guilabel
>Relleno contiguo</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Deseleccione con <menuchoice
><guimenu
>Seleccionar</guimenu
><guimenuitem
>Deseleccionar</guimenuitem
></menuchoice
>. Advertirá que hay algunos artefactos en los lados de los contornos. Puede seleccionarlos fácilmente con una selección rectangular que los corte. </para>

<screenshot>
<screeninfo
>La herramienta <guilabel
>Selección rectangular</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-10.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La herramienta <guilabel
>Selección rectangular</guilabel
></phrase>
</textobject>
<caption
><para
>La herramienta <guilabel
>Selección rectangular</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Mueve la capa de sombra un poco hacia abajo y un poco hacia la derecha para mejorar su apariencia. </para>

<screenshot>
<screeninfo
>Mover la capa de sombra</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-11.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Mover la capa de sombra</phrase>
</textobject>
<caption
><para
>Mover la capa de sombra</para
></caption>
</mediaobject>
</screenshot>

<para
>Ahora puede usar la herramienta <guilabel
>Recortar</guilabel
> para hacer que la imagen se ajuste mejor a la cabeza. </para>

<screenshot>
<screeninfo
>La herramienta<guilabel
> Recortar</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-12.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La herramienta <guilabel
>Recortar</guilabel
></phrase>
</textobject>
<caption
><para
>La herramienta <guilabel
>Recortar</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Guarde la imagen, y ya está :-) </para>

<screenshot>
<screeninfo
>La imagen resultante</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-13.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>La imagen resultante</phrase>
</textobject>
<caption
><para
>La imagen resultante</para
></caption>
</mediaobject>
</screenshot>

<para
>Gracias a Bart Coppens por proporcionar este tutorial. El original está disponible en <ulink url="http://www.bartcoppens.be/chalk/hackergotchi.html"
>http://www.bartcoppens.be/chalk/hackergotchi.html</ulink
>. </para>

</sect1>
