<sect1 id="tutorial-select-layer">
<title
>Um Pequeno Tutorial Sobre Seleções e Camadas</title>

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

<para
>A imagem acima é a que nós usaremos. Inicie o Chalk com esta imagem (encontrada na pasta de documentacão como <filename
>$<envar
>TDEDIR</envar
>/share/doc/HTML/en/chalk/tutorial-select-layer-sample.png</filename
>) e salve-a em sua pasta pessoal (selecionando <guilabel
>Salvar Imagem Como...</guilabel
>). Então abra-a no &chalk; &mdash; a sua tela irá parecer-se um pouco com a seguinte (que se encontra ampliada): </para>

<screenshot>
<screeninfo
>O Chalk com a imagem inicial</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-1.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A imagem inicial</phrase>
</textobject>
<caption
><para
>A imagem inicial</para
></caption>
</mediaobject>
</screenshot>

<para
>Agora tente selecionar o contorno da cabeça com a ferramenta de <guilabel
>Seleção de Contorno</guilabel
>: </para>

<screenshot>
<screeninfo
>A ferramenta de <guilabel
>Seleção de Contornos</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-2.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A ferramenta de <guilabel
>Seleção de Contornos</guilabel
></phrase>
</textobject>
<caption
><para
>A ferramenta de <guilabel
>Seleção de Contornos</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Após selecioná-la, deverá ficar algo parecido com esta imagem: </para>

<screenshot>
<screeninfo
>A imagem após a seleção da cabeça</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-3.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A imagem após a seleção da cabeça</phrase>
</textobject>
<caption
><para
>A imagem após a seleção da cabeça</para
></caption>
</mediaobject>
</screenshot>

<para
>Se você selecionar demasiado por acaso, poderá cortar essa parte com facilidade se mudar a ferramenta para o modo de <guilabel
>Subtração</guilabel
>: </para>

<screenshot>
<screeninfo
>O modo de <guilabel
>Subtração</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-4.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>O modo de <guilabel
>Subtração</guilabel
></phrase>
</textobject>
<caption
><para
>O modo de <guilabel
>Subtração</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Agora é hora de tornar os contornos de seleção um pouco mais difusos. Isto pode ser feito se aplicar uma <guilabel
>Pena</guilabel
> à seleção. </para>

<screenshot>
<screeninfo
>Seleção com <guilabel
>Pena</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-5.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Seleção com <guilabel
>Pena</guilabel
></phrase>
</textobject>
<caption
><para
>Seleção com <guilabel
>Pena</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Agora corte a seleção, usando a opção <menuchoice
><guimenu
>Editar</guimenu
><guimenuitem
>Cortar</guimenuitem
></menuchoice
>. Remova a camada atual com a opção <menuchoice
><guimenu
>Camada</guimenu
><guimenuitem
>Remover Camada</guimenuitem
></menuchoice
>. Cole a sua seleção com o <menuchoice
><guimenu
>Editar</guimenu
><guimenuitem
>Colar</guimenuitem
></menuchoice
>. Agira nós forneceremos um pouco mais de espaço para trabalho, mudando um pouco o tamanho da imagem. Use a janela em <menuchoice
><guimenu
>Imagem</guimenu
><guimenuitem
>Mudar Tamanho da Imagem...</guimenuitem
></menuchoice
> para isso. </para>

<screenshot>
<screeninfo
>A janela de <guilabel
>Tamanho da Imagem</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-6.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A janela de <guilabel
>Tamanho da Imagem</guilabel
></phrase>
</textobject>
<caption
><para
>A janela de <guilabel
>Tamanho da Imagem</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Adicione uma nova camada e coloque-a por baixo da antiga. Você poderá fazer isso selecionando a camada nova na lista de camadas e depois clicando no pequeno botão para 'baixo' no fundo. Agora, nós vamos selecionar a área em torno da cabeça com uma seleção contígua (a ferramenta tem um ícone com um balde na borda). </para>

<screenshot>
<screeninfo
>A ferramenta de <guilabel
>Seleção Contígua</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-7.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A ferramenta de <guilabel
>Seleção Contígua</guilabel
></phrase>
</textobject>
<caption
><para
>A ferramenta de <guilabel
>Seleção Contígua</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Certifique-se de selecionar a opção<guilabel
>Amostra mesclada</guilabel
> nas opções da ferramenta: </para>

<screenshot>
<screeninfo
>A opção de <guilabel
>Amostra mesclada</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-8.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A opção de <guilabel
>Amostra mesclada</guilabel
></phrase>
</textobject>
<caption
><para
>A opção de <guilabel
>Amostra mesclada</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Refaça uma seleção com pena novamente e inverta-a. Selecione a ferramenta de <guilabel
>Preenchimento Contíguo</guilabel
> (é diferente da ferramenta de <guilabel
>Seleção Contígua</guilabel
>) e use-a na camada. </para>

<screenshot>
<screeninfo
>A ferramenta de <guilabel
>Preenchimento Contíguo</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-9.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A ferramenta de <guilabel
>Preenchimento Contíguo</guilabel
></phrase>
</textobject>
<caption
><para
>A ferramenta de <guilabel
>Preenchimento Contíguo</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Cancele a seleção com a opção <menuchoice
><guimenu
>Selecionar</guimenu
><guimenuitem
>Deselecionar</guimenuitem
></menuchoice
>. Você irá notar em alguns artefatos da pena nos lados. Você poderá selecioná-los facilmente com a seleção retangular e depois cortá-los. </para>

<screenshot>
<screeninfo
>A ferramenta de <guilabel
>Seleção Retangular</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-10.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A ferramenta de <guilabel
>Seleção Retangular</guilabel
></phrase>
</textobject>
<caption
><para
>A ferramenta de <guilabel
>Seleção Retangular</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Mova a camada da sombra um pouco mais para baixo e para a direita para ficar legal. </para>

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

<para
>Agora, você poderá usar a ferramenta de <guilabel
>Recorte</guilabel
> para ajustar melhor a imagem em torno da cabeça. </para>

<screenshot>
<screeninfo
>A ferramenta de <guilabel
>Recorte</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tutorial-select-layer-12.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A ferramenta de <guilabel
>Recorte</guilabel
></phrase>
</textobject>
<caption
><para
>A ferramenta de <guilabel
>Recorte</guilabel
></para
></caption>
</mediaobject>
</screenshot>

<para
>Salve a imagem, e é tudo :-) </para>

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

<para
>Os agradecimentos vão para o Bart Coppens por oferecer este tutorial. O original está disponível em <ulink url="http://www.bartcoppens.be/chalk/hackergotchi.html"
>http://www.bartcoppens.be/chalk/hackergotchi.html</ulink
>. </para>

</sect1>
