Incremente suas logomarcas
janeiro 8, 2009 por Reinaldo Nascimento
Em Destaques, Photoshop, Web Design
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 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
, escolha na barra superior a opção Radial
.
2.4 - Arraste o cursor pela área do arquivo a partir do topo à esquerda até a parte inferior à direita:

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

Passo 3 - Criar a base para a logomarca
Selecione a ferramenta 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.

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

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)
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.

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

Na tela de configuração do Inner Shadow (Sombra Interna), coloque os seguintes parâmetros:
Angle: -89
Distance: 6
Choke: 9
Size: 16

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

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:

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

O resultado agora será o seguinte:

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)
;
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:

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

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)
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:

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”.

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:

Até a próxima!


Comentários
Uma Resposta por “Incremente suas logomarcas”Trackbacks
Saiba os que outros dizem sobre esse artigo...[...] 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 [...]