Meu logotipo

Fiz um tutorial passo-a-passo  para você criar um logotipo bem legal para seu site.

1 – Primeiramente abra o Fireworks -> Novo documento. O documento inicialmente terá largura de 800 pixels e altura de 450 pixels. Mude resolução para 96 pixels/inch, pois é a melhor para internet. Dê Ok.

2 – Escreva o nome que deseja para seu site, exemplo “Site de Fulano” ou “SdF”, com a ferramenta Text Tool.

Escolha uma fonte bem bacana para deixar seu logotipo bem bonito e altere o tamanho da fonte a seu gosto.

3 – clique com o botão direito do mouse sobre a imagem e clique em Convert to Patchs.

Convert to Patch

4 – clique na ferramenta Subselection Tools e selecione uma letra para modificar. Perceba que ele apareceu todo pontilhado. Agora você clique na barra de propriedades, onde você escolhe a cor e o posicionamento. A cor você irá trocar de solid para Gradient -> Linear. Escolha 2 cores para fazer o contraste. Eu aconselho usar 2 cores iguais com tonalidades diferentes.

Letra a Selecionada

Como você pode perceber, a letra a, que foi selecionada, encontra-se toda com seus pontos marcados. Isso permite que você altere a fonte usando a ferramente Subselection tools.

Inserindo o gradiente

5  – Se você quiser mudar o posicionamento do gradiente, basta clicar na ferramenta Pointer Tool com a letra selecionada e mudar a posição. Repita isso com todas as letras.

6 – Agora vamos inserir uma borda para ela. Selecione todo o conteúdo, apertando CTRL+A na tela. Conteúdo selecionado, na barra de propriedades adicione um novo filtro -> Shadow and Grow -> Drop Shadow. Deixe os valores como: distância: 2; softness: 1; e opacidade 100%. A cor deixe preta mesmo.

Adicionando borda

7 – Você agora tem um nome para seu site. Vamos agora criar um simbolo para ilustrar. O que eu fiz foi um círculo com gradiente da mesma cor que o texto, usando a ferramenta Elipse. Após fazer o circulo com a altura do meu texto, eu criei outro círculo para poder fazer o corte. Posicione ele onde quiser no circulo maior, deixe os 2 círculos selecionados e clique no menu Modify -> Combine Patchs -> Punch.

Cortando um círculo com outro círculo

8 – Agora você repita o processo de sombreamento escrito no passo 6 no círculo que está cortado.

9 – insira outro círculo menor dentro do espaço vazio e pronto seu logotipo.

10 – Remova o fundo na barra de propriedades -> Canvas, e clique no quadrado branco com um corte vermelho para remover o fundo. Nota: o fundo deve ficar quadriculado.

Sem fundo

11 – Com a ferramenta Croop Tool, selecione toda a área do texto e do círculo ou qualquer outra forma que desenhou e faça um quadrado que envolva somente o logotipo, excluindo o espaço em branco. Após selecionar aperte enter para cortar.

Uso da ferramenta Croop

12 – Salve o arquivo em png mesmo para manter a transparência e não perder a qualidade.

Está pronto seu logotipo com apenas 12 passos! Ao passar do tempo você ganhará prática e os próximos sairão melhores e mais rápidos. Viu como é fácil! Tendo dúvidas só comentar!