You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
407 lines
8.5 KiB
407 lines
8.5 KiB
<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; — 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>
|