Tutorial Fireworks

Tutoriais por por Maurício Samy Silva

..: Fireworks: Efeitos de relevo em textos:..

::Objetivo::

Apresentar uma técnica para aplicação de efeitos de relevo em textos, com uso do Fireworks.


::Apresentao::

A proposta é a de examinar passo a passo as etapas para se obter os efeitos "Relevo elevado" e "Interiorizar relevo" em dois textos distintos.

Este tutorial supõe que você tem noções básicas de manipulação das ferramentas do Fireworks.


::1o. Passo::

Abra o FW - (Óbvio!) :-)

Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento", conforme mostrado na figura abaixo.

Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:

Largura: 200 pixels

Altura: 150 pixels

Cor da Tela: Transparente.

Tecle OK.

imagem apoio ao tutotrial


::2o. Passo::

1-) Selecione a ferramenta RETÂNGULO;

2-) desenhe um retângulo preenchendo toda a tela (canvas). Retângulo de 200 x 150px;

3-) com o retângulo selecionado, ajuste a cor de preenchimento para #999999 - sólido (um tom cinza médio).

imagem apoio ao tutotrial


::3o. Passo::

1-) Selecione a ferramenta TEXTO;

2-) defina o estilo, o tamanho a cor e o pêso (negrito ou não) do texto;

3-) digite o texto na metade superior do retângulo, mas não se preocupe com o lugar exato do texto agora. No fim acertamos tudo!

imagem apoio ao tutotrial


::4o. Passo::

O primeiro texto está na área de trabalho do FW. Vamos ao segundo texto.

Repita os passos acima, digitando outro texto, agora na metade inferior da tela, mas não se preocupe com o lugar exato do texto agora. No fim acertamos tudo!

Para fazer com que este segundo texto ocupe uma extensão igual ao do primeiro texto faça o seguinte:

a-) Arraste as alças do bloco de texto (em azul no desenho abaixo) até alinhar as suas bordas esquerda e direita com o texto de cima.

b-) Clique no botão "esticado" para o texto ocupar todo o bloco de texto.

imagem apoio ao tutotrial


::5o. Passo::

1-) Selecione o primeiro texto e abra o menu "Efeitos";

2-) deslize até "Chanfro e relevo" para abrir o sub-menu;

3-) clique no efeito "Relevo elevado", para abrir a caixa de diálogo dos parâmetros deste efeito.

imagem apoio ao tutotrial


::6o. Passo::

Na caixa de diálogo que você acabou de abrir:

1-) ajuste as definições de relevo elevado para os parâmetros mostrados na figura abaixo;

2-) mude a cor do texto para #999999.

imagem apoio ao tutotrial


::7o. Passo::

O primeiro texto está OK por enquanto. Vamos ao segundo texto.

Repita os passos descritos anteriormente para o primeiro texto aplicando agora o efeito "Interiorizar relevo".

imagem apoio ao tutotrial


::8o. Passo::

De modo semelhante ao procedimento anterior, ajuste as definições do relevo conforme mostrado na figura abaixo.

imagem apoio ao tutotrial


::9o. Passo::

E para concluir vamos aos ajustes finais.

Selecione os dois textos ao mesmo tempo;

Abra o menu Modificar ===> Alinhar ===> Distribuir alturas. Com isso você ajusta os dois textos na vertical.

Agora descubra você mesmo como ajustá-los na HORIZONTAL.

Dica: é pelo mesmo menu "Modificar", mas se não conseguir, poste sua dúvida em um fórum FW!

imagem apoio ao tutotrial


::O efeito final::

Se você usou as mesmas definições deste tutorial, vai terminar com um desenho igualzinho a este ai em baixo!

imagem apoio ao tutotrial


Site criado em 22 de julho de 2004 por Maurcio Samy Silva Direitos de terceiros reservados 2004-2017.
Contedos no pertencentes a terceiros podem ser copiados vontade (crdito ser bem-vindo).
Powered by: Maujor ®