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
|
|
>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; — 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>
|