Fazendo o logo tipo do google chorme

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 Ferramenta 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