Incremente suas logomarcas

Podemos observar, principalmente na web, que muitas empresas tem usado efeitos 3D em na apresentação de suas logomarcas dando um toque tecnológico bem interessante, limpo e sem muita frescura.

Neste tutorial eu utilizei o Adobe Photoshop CS3, mas se você estiver utilizando outra versão, creio que não vai ter dificuldade para acompanhar.

Vamos lá, acompanhe o passo-a-passo:

Passo 1 - Crie um novo arquivo

Neste caso, um arquivo com 590 x 270 px

Neste caso, um arquivo com 590 x 270 pixels.

Vamos reproduzir a logomarca da empresa Claro e usar efeitos bem interessantes e profissionais. No resultado final, qualquer semelhança não é mera coincidência. :)

Passo 2 - Crie um Degradê Radial na camada

2.1 - Defina a cor do primeiro plano como #ff0000 (R: 255, G: 0, B: 0)

2.2 - Defina a cor do segundo plano como #9b0000 (R: 155, G: 0, B: 0)

2.3 - Selecione a ferramenta Gradient Tool gradiente_tool, escolha na barra superior a opção Radial gradiente_tool_radial.

2.4 - Arraste o cursor pela área do arquivo a partir do topo à esquerda até a parte inferior à direita:

gradiente_tool_direcao

Agora você deve estar vendo algo parecido com a imagem abaixo:

tela2

Passo 3 - Criar a base para a logomarca

Selecione a ferramenta Retangular Marquee retangular_marquee e selecione uma área de 590px de largura por 97px de altura na parte inferior do arquivo para simularmos a base para a logomarca.

tela3-1

Agora escureça um pouco essa área clicando em Image->Adjustments->Curves (ou Cntrl + M).

Simulando-a-base

Passo 4 - Criando a Logomarca

Agora que já preparamos a área para a logomarca, vamos iniciar a criação da própria:

Selecione  a ferramenta Elliptical Marquee (M) elliptical e crie um círculo perfeito segurando a tecla Shift.

Agora crie um nova camada (Cntrl + Shift + N) e preencha o círculo com o mesmo degradê que usamos na base.

preenchendo-o-circulo

Depois de preenchido, pressione Cntrl + D para retirar a seleção do círculo e clique em no ícone fx, localizado na parte inferior da paleta Layers (Camadas)  e selecione a opção Inner Shadow

inner_shadow

Na tela de configuração do Inner Shadow (Sombra Interna), coloque os seguintes parâmetros:

Angle: -89
Distance: 6
Choke: 9
Size: 16

Configurar-Inner-Shadow

Agora selecione novamente a ferramenta Elliptical Marquee (M) elliptical e crie um novo círculo menor dentro do círculo maior como mostra a imagem a seguir.

tela4-3

Crie uma nova camada (Cntrl + Shift + N) e preecha o interior do círculo menor de cima para baixo com um degradê da cor branca para transparente como mostra a figura acima tendo o resultado abaixo:

tela4-5

Tecle Cntrl + T para transformar a seleção e achate um pouco o círculo agora preenchido com o degradê.

tela4-4

O resultado agora será o seguinte:

tela4-5-1

Para dar um “tchan” interessante nesse ponto da logomarca, faça o seguinte:

1 - Crie outro círculo interno com a ferramenta Elliptical Marquee (M) elliptical;

2 - Crie uma nova camada (Cntrl + Shift + N) e preencha novamente com aquele degradê de branco para transparente que usamos anteriormente;

3 - Tecle Cntrl + T para transformar a seleção e achate um pouco como da última vez;

4 - Acesse o menu Filter->Blur->Gaussian Blur e coloque como mostra a imagem abaixo:

tela4-5-2

5 - Altere a transparência da camada para 60% e você terá o seguinte resultado:

tela4-5-3

Estamos quase lá! Vamos passar para o 5º e último passo.

Passo 5 - Finalizando a Logomarca colocando o texto

Agora vamos fazer o último passo do nosso tutorial. Vamos escrever o texto da logomarca.

Selecione a ferramenta Horizontal Type (T) text_tool e selecione a fonte Arial Black, tamanho 44 e cor branca (eu utilizei Arial Black com itálico, se eu tivesse criado essa logo, teria usado. :) )

Faça de forma a ficar assim:

tela5-1

Agora vamos fazes os retângulos que completam a logo.

Faça um retângulo fino logo após a letra “O” com mais ou menos uns 28 x 6 px, crie uma nova camada (Cntrl + Shift + N) e preencha com a cor branca, duplique os retangulos (Cntrl + J) duas vezes e posicione um a 45 e outro a 90º no topo da letra “O”.

tela5-2

Pronto!

Agora pra arrematar você pode usar várias outras técnicas para melhorar o brilho, realçar as cores e etc..

Eu fiz apenas o seguinte:

logo_pronta

Até a próxima!

Comentários

Uma Resposta por “Incremente suas logomarcas”

Trackbacks

Saiba os que outros dizem sobre esse artigo...
  1. [...] pessoas, esse post tem o objetivo de mostrar algumas técnicas usadas no artigo “Incremente suas logomarcas” e abrir um leque de opções para você poder fazer pequenos efeitos porém muito úteis no [...]



Deixe sua mente falar!

Conte-nos o que você pensa sobre este artigo...
ah sim, e se você quiser personalizar seu comentário, adquira um gravatar!