CRIAÇÃO DE NEWSLETTER – PARTE 2

 

Olá a todos! Espero que estejam gostando deste tema.

 

Neste tutorial finalizaremos o desenvolvimento de nossa newsletter que havíamos iniciado no tutorial anterior.

 

Desenvolvemos até o seguinte ponto:

 

 

Então, vamos dar continuidade. Acompanhe os passos abaixo:

 

1) Nossa primeira tarefa é criar a linha que irá dividir o corpo da newsletter em dois. Para isso, selecione a ferramenta Line tool e desenhe no palco uma linha reta (para desenhar uma linha reta, pressione a tecla Shift durante o processo) com as seguintes configurações:

 

» Tamanho: 1 x 311 pixels.

» Cor de preenchimento: sem cor de preenchimento.

» Cor de contorno: verde (#88FFA9).

 

 

 

2) Selecione a ferramenta Text tool e digite no palco a frase “Ebook Fireworks Aprenda na Prática” em Arial, tamanho 11, cor preta e estilo negrito.

 

 

3) Com a ferramenta Rectangle tool selecionada, desenhe no palco um retângulo de 60 x 94 pixels, com cor de preenchimento em cinza (#999999). Depois de criado, duplique-o e posicione o novo retângulo atrás do primeiro retângulo criado. O segundo retângulo criado deverá ter a cor de preenchimento alterada para cinza claro (#CCCCCC). Veja:

 

 

4) Acesse novamente a ferramenta Text tool e digite a palavra “Fireworks” em Arial, tamanho 13, cor preta e estilo negrito. Através do atalho do teclado Ctrl+T gire a palavra em 90º.

 

 

5) Para inserir o texto ao lado do retângulo, você já conhece o procedimento necessário. Selecione a ferramenta Text tool e distribua o texto de maneira semelhante à figura abaixo:

 

 

6) Para se criar a parte de baixo do lado esquerdo, os processos são semelhantes aos ensinados para se criar a primeira parte. A única diferença encontrada aqui é que utilizamos o comando Ctrl+R para importar as imagens a ser utilizadas dentro do retângulo. Ao acessar este atalho, surgirá uma janela onde você deverá indicar o diretório onde se encontram as imagens que deseja inserir, uma a uma. Ao final teremos:

 

 

7) Vamos criar agora a lateral direita do corpo de nossa newsletter. Para inserir o título, basta duplicar um dos títulos que utilizamos na lateral esquerda, através do atalho do teclado Ctrl+Alt+D. Teremos:

 

 

8) Selecione a ferramenta Rounded Rectangle (retângulo com cantos arredondados) e desenhe no palco um retângulo com as seguintes configurações:

 

» Cor de preenchimento: sem cor de preenchimento.

» Cor de contorno: preto (#333333).

» Tip size (borda): 1 pixel.

» Stroke category: Pixel Soft.

» Texture: Line-Diag 2.

» Amount of texture: 98%.

 

 

 

 

9) Importe uma figura, através do atalho do teclado Ctrl+R, para dentro do retângulo:

 

 

10) Para o texto do retângulo criado, utilizei Arial, tamanho 10 e cor preta para os títulos e Arial, tamanho 9 e cor cinza escuro (#666666) para os textos. Seguem abaixo os títulos e textos utilizados:

 

1º retângulo:

 

Macromedia Dreamweaver 8

Conheça as novas tecnologias para construção de tabelas.

 

2º retângulo:

 

Macromedia Flash 8

Neste tutorial será apresentadas as ferramentas de design avançado.

 

3º retângulo:

 

Internet Explorer

Aprenda atalhos e macetes que permitirão uma boa navegação.

 

4º retângulo:

 

Hardware

Sabe como configurar um proxy? Aprenda neste tutorial.

 

Lembre de sempre importar uma imagem que sugira o tema que está sendo proposto.

 

Eis o nosso resultado final:

 

 

O efeito final ficou muito agradável, concorda?!

 

Agora poderá desenvolver novos designs para as newsletter de sua empresa ou para divulgar algum serviço ou portfólio próprio.

 

Estou à disposição de todos! Envie suas críticas e/ou sugestões para o e-mail webdesigner.pro@pop.com.br. Terei todo prazer em atendê-lo.

 

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.

 

Galera, participem do Fórum de Fireworks no site https://juliobattisti.com.br/ e troque conhecimentos com diversas pessoas. Acesse já!

 

Chegamos ao final de mais um tutorial da série Fireworks. Caso tenha dúvida(s), entre em contato comigo através do e-mail webdesigner.pro@pop.com.br

 

Para desenvolvimento de Sites, Layout, Apresentações, Flyes, Banners, Identidade Visual, Diagramação, Vetorização e Serviços Gráficos em geral,  envie e-mail para: 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