Logo Marca Google Chrome

Olá Neste tutorial aprenderemos a criar a logo marca do navegador google
Chrome.


Abra um arquivo 500 x 500 px 72 dpi ( escolha um tamanho que você quiser)


 


Tutoriais, tutorial, photoshop google chrome logo


Selecione a Elipse tool e
desenhe uma circunferência ( deixa a circunferência perfeita, pressione Shift
para isso)


antes configure sua barra de parâmetros como mostra-se a seguir.


Tutoriais, tutorial, photoshop google chrome logo


 


Tutoriais, tutorial, photoshop google chrome logo


Vá em add layer style e
selecione a opção Gradient Overlay


configure como mostra a imagem abaixo


Tutoriais, tutorial, photoshop google chrome logo


 


Tutoriais, tutorial, photoshop google chrome logo


teremos o seguinte resultado.


 


Tutoriais, tutorial, photoshop google chrome logo


Faça uma cópia da camada que acabamos de aplicar o efeito.


Tutoriais, tutorial, photoshop google chrome logo


depois disso limpe o estilo que está aplicado a camada shape copy 1. veja
a animação com os procedimentos.


Tutoriais, tutorial, photoshop google chrome logo


selecione a ferramenta
Pen tool
e
configure seu modo como mostra abaixo


Tutoriais, tutorial, photoshop google chrome logo


Tutoriais, tutorial, photoshop google chrome logo


faça cortes na camada como mostra abaixo.


Primeiro no centro com a ferramenta Elipse tool depois
com a pen tool


deixe mais ou menos assim


Tutoriais, tutorial, photoshop google chrome logo


após usar a elipse tool utilize a ferramenta pen tool


faça um recorte mais ou menos assim


lembre-se do modo da ferramenta


Tutoriais, tutorial, photoshop google chrome logo


vá em add layer style e adicione bevel and emboss com os seguintes
parametros


Tutoriais, tutorial, photoshop google chrome logo


 


Tutoriais, tutorial, photoshop google chrome logo


Agora vem uma das partes mais difícieis. colocar a sobra.


Duplique a Shape 1 copy.


Tutoriais, tutorial, photoshop google chrome logo


Mude a cor da shape sombra para a cor #252525 e limpe seus estilos. mova a
camada para baixo


Tutoriais, tutorial, photoshop google chrome logo


Rasterize a camada sombra.


Tutoriais, tutorial, photoshop google chrome logo


aqui que vem todo o problema.


selecione a ferramenta lasso tool e circule cada setor. e mova a sombra um
pouco para o centro. veja a imagem.


Tutoriais, tutorial, photoshop google chrome logo


Faça o mesmo com os outros setores


Tutoriais, tutorial, photoshop google chrome logo


Se você chegou até aqui, o resto será moleza.


Crie uma nova camada acima de todas as outras.


Tutoriais, tutorial, photoshop google chrome logo


Selecione a camada que você acabou de criar e aperte Ctrl + Alt + G para criar
uma cliping mask. ( Repare na setinha apontando para baixo) esse passo é muito
importante.


Tutoriais, tutorial, photoshop google chrome logo


Selecione a ferramenta Brush e
escolha a seguinte cor #DA0000 e pinte o setor superior.


Tutoriais, tutorial, photoshop google chrome logo


para os outros setores, use os seguintes valores. #189720 (Verde) e #ffd912
( Amarelo)


Tutoriais, tutorial, photoshop google chrome logo


Diminua um pouco a opacidade da camada sombra


Tutoriais, tutorial, photoshop google chrome logo


selecione a ferramenta Pen tool modifique
o modo para paths


Tutoriais, tutorial, photoshop google chrome logo


e faça uma marcação como mostra a imagem abaixo.


Tutoriais, tutorial, photoshop google chrome logo


selecione a ferramenta burn tool e
faça a seguinte configuração


Tutoriais, tutorial, photoshop google chrome logo


selecione novamente a pen tool e clique com o botão direito sobre a marcação,
escolha strok path e depois burn


Tutoriais, tutorial, photoshop google chrome logo


ps - quando for fazer esses passos nos setores amarelo e vermelho, mude o
modo da ferramenta burn tool para highligths.


Tutoriais, tutorial, photoshop google chrome logo


Tutoriais, tutorial, photoshop google chrome logo


selecione a ferramenta burn tool coloque
o calibre do brush em 150 e passe na parte externa da logo.


Tutoriais, tutorial, photoshop google chrome logo


Nosso resultado até agora.


Tutoriais, tutorial, photoshop google chrome logo


selecione a ferramenta elipse tool e
crie uma circunferência no centro. lembre-se de ativar o modo shape layers.


Tutoriais, tutorial, photoshop google chrome logo


vá em add layer style e
adicione os seguintes parâmetros.


 


Tutoriais, tutorial, photoshop google chrome logo


Tutoriais, tutorial, photoshop google chrome logo


Tutoriais, tutorial, photoshop google chrome logo


Tutoriais, tutorial, photoshop google chrome logo


para finalizar iremos colocar mais um efeito.


selecione a ferramenta elipse tool e
faça uma nova circunferência abrangendo toda a cincunferência do centro e uma
parte dos setores.


Tutoriais, tutorial, photoshop google chrome logo


Agora com a mesma ferramenta só que com o modo de subtração selecionado, faça
uma circunferência um pouco menor.


Tutoriais, tutorial, photoshop google chrome logo


Tutoriais, tutorial, photoshop google chrome logo


Agora aplique uma clique mask nas ultimas camadas criadas mas antes mova a
camada para baixo da bolinha azul.. veja a animação.


Tutoriais, tutorial, photoshop google chrome logo


 


mude a opacidade da camada para 50% e pronto.


Tutoriais, tutorial, photoshop google chrome logo