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.
401 lines
8.5 KiB
401 lines
8.5 KiB
<sect1 id="tutorial-select-layer">
|
|
<title
|
|
>Um Pequeno Tutorial Sobre Selecçõ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 será tratada agora. Inicie o 'chalk' com esta imagem (na pasta de documentação <filename
|
|
>$<envar
|
|
>TDEDIR</envar
|
|
>/share/doc/HTML/en/chalk/tutorial-select-layer-sample.png</filename
|
|
> e grave-a na sua pasta pessoal (se carregar com o botão direito nela e escolher <guilabel
|
|
>Gravar a Imagem Como...</guilabel
|
|
>) e abra-a então no &chalk; — o seu ecrã irá parecer-se um pouco com o seguinte (que se encontra ampliado): </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 seleccionar o contorno da cabeça com a ferramenta de <guilabel
|
|
>Selecção de Contornos</guilabel
|
|
>: </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>A Ferramenta de <guilabel
|
|
>Selecção de Contornos</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-2.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>A Ferramenta de <guilabel
|
|
>Selecção de Contornos</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>A Ferramenta de <guilabel
|
|
>Selecção de Contornos</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Após seleccioná-la, deverá ficar algo semelhante ao seguinte: </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>A imagem após a selecção da cabeça</screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-3.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>A imagem após a selecção da cabeça</phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>A imagem após a selecção da cabeça</para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Se seleccionar demasiado por acaso, poderá cortar essa parte com facilidade se mudar a ferramenta para o modo de <guilabel
|
|
>Subtracção</guilabel
|
|
>: </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>O Modo de <guilabel
|
|
>Subtracção</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-4.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>O Modo de <guilabel
|
|
>Subtracção</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>O Modo de <guilabel
|
|
>Subtracção</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Agora é altura de tornar os contornos de selecção um pouco mais difusos. Isto pode ser feito se aplicar uma <guilabel
|
|
>Pena</guilabel
|
|
> à selecção. </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>Selecção com <guilabel
|
|
>Pena</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-5.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>Selecção com <guilabel
|
|
>Pena</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>Selecção com <guilabel
|
|
>Pena</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Agora corte a selecção, usando a opção <menuchoice
|
|
><guimenu
|
|
>Editar</guimenu
|
|
><guimenuitem
|
|
>Cortar</guimenuitem
|
|
></menuchoice
|
|
>. Remova a camada actual com a opção <menuchoice
|
|
><guimenu
|
|
>Camada</guimenu
|
|
><guimenuitem
|
|
>Remover a Camada</guimenuitem
|
|
></menuchoice
|
|
>. Cole a sua selecção com o <menuchoice
|
|
><guimenu
|
|
>Editar</guimenu
|
|
><guimenuitem
|
|
>Colar</guimenuitem
|
|
></menuchoice
|
|
>. Fica-se assim com um pouco mais de espaço de trabalho, mudando um pouco o tamanho da imagem. Use a janela em <menuchoice
|
|
><guimenu
|
|
>Imagem</guimenu
|
|
><guimenuitem
|
|
>Mudar o Tamanho da Imagem...</guimenuitem
|
|
></menuchoice
|
|
> para tal. </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 Tamanho da Imagem</phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>A janela de Tamanho da Imagem</para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Adicione uma camada nova e coloque-a por baixo da antiga. Poderá fazê-lo se seleccionar a camada nova na lista de camadas e depois carregar no pequeno botão para 'baixo' no fundo. Depois, será seleccionada a área em torno da cabeça com uma selecção contígua (a ferramenta tem um ícone com um balde). </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>A Ferramenta de <guilabel
|
|
>Selecção Contígua</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-7.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>A Ferramenta de <guilabel
|
|
>Selecção Contígua</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>A Ferramenta de <guilabel
|
|
>Selecção Contígua</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Certifique-se que selecciona a opção <guilabel
|
|
>Amostra reunida</guilabel
|
|
> nas opções da ferramenta: </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>A opção de <guilabel
|
|
>Amostra Reunida</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-8.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>A opção de <guilabel
|
|
>Amostra Reunida</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>A opção de <guilabel
|
|
>Amostra Reunida</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Volte a fazer uma selecção com pena e inverta-a. Seleccione a ferramenta de <guilabel
|
|
>Preenchimento Contíguo</guilabel
|
|
> (é diferente da ferramenta de selecção contígua) 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 selecção com a opção <menuchoice
|
|
><guimenu
|
|
>Seleccionar</guimenu
|
|
><guimenuitem
|
|
>Deseleccionar</guimenuitem
|
|
></menuchoice
|
|
>. Irá reparar em alguns artefactos da pena nos lados. Podê-los-á seleccionar facilmente com a selecção rectangular e depois cortá-los. </para>
|
|
|
|
<screenshot>
|
|
<screeninfo
|
|
>A Ferramenta de <guilabel
|
|
>Selecção Rectangular</guilabel
|
|
></screeninfo>
|
|
<mediaobject>
|
|
<imageobject>
|
|
<imagedata fileref="tutorial-select-layer-10.png" format="PNG"/>
|
|
</imageobject>
|
|
<textobject>
|
|
<phrase
|
|
>A Ferramenta de <guilabel
|
|
>Selecção Rectangular</guilabel
|
|
></phrase>
|
|
</textobject>
|
|
<caption
|
|
><para
|
|
>A Ferramenta de <guilabel
|
|
>Selecção Rectangular</guilabel
|
|
></para
|
|
></caption>
|
|
</mediaobject>
|
|
</screenshot>
|
|
|
|
<para
|
|
>Mova a camada da sombra um pouco mais para baixo e para a direita para parecer bonito. </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, 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
|
|
>Grave 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>
|