CRIAÇÃO E EDIÇÃO DE TABELAS NO FIREWORKS – PARTE 1

Olá turma, tudo bem com vocês?

Neste tutorial apresentarei uma das formas de se trabalhar com a criação e edição de tabelas através do Fireworks. Este tema foi sugestão da amiga internauta Maria Ângela Faria.

Cada profissional trabalha de uma certa maneira para se criar e editar as tabelas. Irei mostrar duas formas diferentes, as quais acho mais conveniente. Uma será apresentada neste tutorial e a outra forma no tutorial seguinte.

Mesmo explicando os métodos para se criar tabelas pelo Fireworks, é bom ressalvar que este aplicativo não é adequado a criação de tais. Temos outros softwares que atendem a esta necessidade de uma melhor maneira. Podemos utilizar algumas artimanhas que possa obter um melhor resultado.

Chega de muito papo. Mãos ao mouse!

Ao final do tutorial, você estará apto a criar e editar tabelas semelhantes as seguintes: 

Tabela 01

Tabela 02 

Tabela 03 

Nesta primeira etapa (de duas) iremos aprender como desenvolver tabelas utilizando-se de ferramentas próprias do Fireworks. 

Siga os passos abaixo: 

1) A primeira tabela a ser criada será a Tabela 01 como mostra a primeira imagem. As demais serão conseqüências desta. Crie um documento medindo 300 x 125 pixels. 

 

2) Selecione a ferramenta Rectangle tool e desenhe no palco um retângulo com as seguintes configurações: 

Þ Medida: 290 x 115 pixels.

Þ Cor de preenchimento: sem cor de preenchimento.

Þ Cor de contorno: cinza escuro (#666666). 

Ferramenta Rectangle tool 

3) Com a ferramenta Rectangle tool ainda selecionada, crie um outro retângulo com as seguintes configurações e posicione-o de acordo com a figura que segue: 

Þ Medida: 290 x 15 pixels.

Þ Cor de preenchimento: azul (#003399).

Þ Cor de contorno: sem cor de contorno. 

 

4) Duplique o último retângulo criado, através do comando do teclado Ctrl+Alt+D e configure-o como segue. Observe sua posição na figura a seguir: 

Þ Medida: 290 x 25 pixels.

Þ Cor de preenchimento: azul claro (#33CCFF).

Þ Cor de contorno: sem cor de contorno.

 

O terceiro retângulo a ser criado (o inferior) é idêntico ao segundo, ou seja, basta você duplicá-lo e posicioná-lo como segue: 

 

5) Agora vamos criar o retângulo lateral, da parte esquerda da tabela. Selecione novamente a ferramenta Rectangle tool e desenhe no palco um retângulo com as seguintes configurações e posicionamento. 

Þ Medida: 30 x 102 pixels.

Þ Cor de preenchimento: azul claro (#33CCFF).

Þ Cor de contorno: cinza (#666666).

6) Para finalizar a criação da tabela, selecione a ferramenta Line tool e desenhe no palco uma linha reta (para isso, segure a tecla Shift enquanto estiver desenhando) com as seguintes configurações:

Þ Medida: 1 x 100 pixels.

Þ Cor de preenchimento: sem cor de preenchimento.

Þ Cor de contorno: cinza (#666666).

Ferramenta Line tool

Desta forma, finalizamos a parte de criação da tabela em si. Agora vamos editá-la, inserindo os textos.

7) Selecione a ferramenta Text tool e digite a palavra “PREFIRA”, obedecendo as seguintes configurações:

Þ Fonte: Verdana.

Þ Tamanho: 10.

Þ Estilo: Negrito.

Þ Cor: branco (#FFFFFF).

Ferramenta Text tool

8) Ainda com a ferramenta Text tool selecionada, digite no palco o texto “ISENTO DE COLESTEROL” seguindo as configurações apresentadas a seguir:

Þ Fonte: Verdana.

Þ Tamanho: 09.

Þ Estilo: Normal.

Þ Cor: azul (#000099).

9) Para os demais textos, as configurações são as seguintes:

Þ Fonte: Verdana.

Þ Tamanho: 08.

Þ Estilo: Normal.

Þ Cor: azul (#000099).

Veja o resultado final:

Nota: vale a ressalva de que se houver algum tipo de “problema” durante a criação da tabela, lembre-se de conceitos aprendidos nos tutoriais anteriores. É o caso da ordem de posição dos objetos no palco. Caso o primeiro retângulo criado fique por trás dos demais objetos, solucione este problema clicando com o botão direito do mouse sobre o retângulo e acessando a opção Arrange, Bring to Front, ou seja, trazer o objeto para frente.

Criar tabelas manualmente desta forma realmente é trabalhoso, porém é a forma mais viável de se trabalhar no Fireworks.

No próximo tutorial veremos como criar tabelas de uma forma alternativa.

É isso aí galera, se tiverem dúvidas, entre em contato comigo através do e-mail webdesigner.pro@pop.com.br

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

O que acharam deste tutorial? Muito legal não é? Enviem e-mails para compartilhar idéias e conhecimentos. Participem do Fórum de Fireworks no site https://juliobattisti.com.br/ e troque conhecimentos com diversas pessoas. Acesse já!

Pessoal, trago uma boa notícia a todos os que acompanham a série de tutoriais da série Fireworks aqui no site do Júlio Battisti. Já está a venda o curso de Fireworks Básico – Passo a Passo, de minha autoria. É uma maneira fácil e didática de se aprender esta maravilhosa ferramenta de design. São inúmeros exemplos práticos que irão te levar a um mundo totalmente real em se tratando de design em geral. Clique aqui para saber mais sobre este curso. Veja também o lançamento Fireworks – Aprenda na Prática, ebook este também de minha autoria.

Para desenvolvimento de Sites, Layout, Apresentações, Flyes, Banners, Identidade Visual, Diagramação, Vetorização e Serviços Gráficos em geral,  entre em contato pelo e-mail webdesigner.pro@pop.com.br e solicite seu orçamento. Profissionalismo sempre!

Até a próxima!

Um cordial abraço a todos,

Fábio Almeida