Olá, pessoal

No tutorial de hoje veremos como criar um cartão de visitas profissional, com dimensões, formatos, tipografia e ilustrações voltadas aos profissionais freelancer’s da web espalhados por este “mundão” a fora, ok?!
O detalhe aqui é que não utilizaremos uma ferramenta especí­fica para produções impressas como o Corel Draw ou o Indesign, mas sim, nosso velho e multi-uso Fireworks e, ao final, exportaremos o cartão em um formato compatí­vel, tudo bem?!

Pré-Requisitos

• Facilidade quanto ao manuseio do Fireworks.

Objetivos

• Criar um cartão de visitas profissional utilizando o Fireworks.

Conteúdo

1º Passo – Configurando as Dimensões

Inicialmente, aqui no Brasil, as gráficas trabalham com diversos formatos e dimensões para cartões de visitas, mas o padrão são os de 9.5cm x 5.5cm. E como estamos utilizando o Fireworks, devemos configurar sua resolução para 300 pixel/Inch afim de melhorar no momento da impressão do cartão.
Só para ressaltar, mesmo colocando as dimensões em centímetros no momento da criação do novo arquivo, automaticamente o Fireworks converte para pixel. Sendo assim, 9.5 x 5.5 cm é a mesma coisa que 1122 x 649 pxiel.

2º Passo – Configurando as Linhas-Guias

Para os “novatos” com o Fireworks, é preciso ativar as réguas pelo menu View > Rulers (Ctrl + Alt +R). E para criar as linhas-guias, basta clicar sobre a régua, segurar e arrastar para a área de desenho.
Em um processo de criação de um cartão de visitas em uma gráfica, é preciso que definamos duas áreas: a de corte e a de segurança. Estas áreas são delimitadas pelas linhas-guias. Uma área de corte ideal, fica entre 3mm a 5mm da área de segurança. Portanto, faremos aqui com de 3mm, ok?!
Para deixarmos as linhas-guia exatamente onde queremos, basta darmos dois cliques sobre as mesmas e determinarmos suas posições. Sendo assim, criemos as seguintes marcações:
Horizontal
0 – 35 – 1087 – 1122
Vertical
0 – 35 – 614 – 649

3º Passo – Configuração do Background (fundo): Textura

Criaremos um fundo meio estilo Windows Vista para este cartão. Para isso, as imagens utilizadas estão disponíveis logo abaixo:
Importemos (Ctrl + R) a Textura-1.jpg e a alinhemos como na imagem abaixo:
Agora, para desfocá-la, vamos utilizar o filtro Blur, acessado em Filters > Blur > Gaussian Blur.
O resultado obtido é este:
Em seguida, vamos criar um retângulo com as mesmas dimensões do cartão para refinarmos o background, aplicando em seguida, um preenchimento gradient radial nos tons de azul:
Atenção!
A camada (layer) que contém o retângulo azul deve estar sobre a imagem inserida anteriormente.
E para concluirmos esta parte, aplicaremos um Blend mode > Hard Light neste retângulo e com Opacidade (opacity) 85%, obtendo o seguinte resultado:

4º Passo – Configuração do Background: Curvas

Pronto! Já preparamos a textura do nosso cartão. Agora iremos criar e estilizar algumas linhas curvas, resultando em um efeito bem moderno e diferenciado.
Com a ferramenta Pen Tool, façamos uma curva como mostrada a seguir:
Em seguida, apliquemos um preenchimento grandiente, retiremos a borda e incluamos mais um Blend mode como na imagem abaixo:
E com isso, teremos o seguinte efeito:
E, utilizando esta mesma técnica, alternando as opacidades e Blends modes, façamos várias curvas e distribuamos pelo cartão. Minha distribuição ficou assim:

5º Passo – Inserindo o Logotipo

Façamos agora um retângulo que servirá de “cercadura” para a inserção do logotipo. Utilizei o meu. Fique à vontade para usar o seu ou outro.
Neste retângulo (rotacionado), apliquemos as seguintes formatações:

6º Passo – Inserção dos Textos

E para finalizarmos, basta inserirmos os dados que conterão no cartão de visitas, mandar para a gráfica e começar a distribuir
E como resultado final, vejamos: