Tutorial - Crianção de um logo Web 2.0

Tutorial - Crianção de um logo Web 2.0

Dando inicio, crie um novo documento em branco;
460 x 400 px!

Selecione a ferramenta Letreiro Elíptica (L)

012.jpg

Pressione Ctrl + Shift + N para criar uma nova camada!
Clique no documento e depois pressione Shift e arraste para formar um circulo perfeito!
Importante pressionar Shift só depois de clicar, caso contrário o circulo ficara irregular!

022.jpg

Selecione a ferramenta Lata de Tinta (G) e defina a cor preto como primeiro plano!
Depois clique dentro da seleção para pintar o circulo!
Ctrl + D para retirar a seleção!

032.jpg

Agora vá em Camada>Estilo de Camada>Sombra Projetada
Defina os valores como na imagem abaixo:

042.jpg

Depois Clique em Brilho Interno:

052.jpg

Na seqüencia Sobreposição De Cor:

062.jpg

Para textura Salve essa imagem

Abra ela no Photoshop e vá em Editar>Definir Padrão…
de um nome para textura e de Ok!

Depois de feito isso, clique em Sobreposição de Padrão;
no seletor, selecione o padrão que acabou de criar e ajuste assim:

082.jpg

Para finalizar, clique em Traçado:

09.jpg

Sua imagem deverá ter ficado assim:

10.jpg

Vamos para o 2º passo!

Pressione Ctrl + Shift + N para criar uma nova camada.
Selecione novamente a ferramenta Letreiro Elíptica (L)!
Faça mais um circulo, mas desta vez menor;

11.jpg

Não se preocupe caso o circulo não tenha ficado no local desejado, você pode mover a seleção para qualquer local com a ferramenta Mover (V)

12.jpg

Agora com a ferramenta Lata de Tinta (G) pinte também este circulo de preto!

e depois vá em Camada>Estilo de Camada>Sobreposição de Degradê:
ajuste assim:

13.jpg

Após este passo, ficou assim:

14.jpg

Agora o 3º e ultimo passo;
Mantenha Ctrl pressionado e Clique neste Camada para criar uma seleção;

Em seguida com a seleção criada vá Selecionar>Modificar>Contração;

15.jpg

Tecle Ctrl + Shift + N para criar uma nova camada!

sua imagem esta assim:

16.jpg

Ok, agora selecione a ferramenta Degradê (G)
Clique no degrade na barra de opções e configure-o assim:

17.jpg

Aplique na seleção movendo da direita para esquerda;

18.jpg

Em seguida crie uma nova camada com Ctrl + Shift + N!
e selecione a ferramenta Forma Personalizada (U)

19.jpg

Você pode usar qualquer forma, aqui usei estas:

20.jpg

Coloque esta camada em modo Luz Suave;
Use quantas formas desejar!

o meu resultado final foi este:

22.jpg

Até a próxima!

Tutorial - Criando um Texto Prateado!

Para dar inicio crie um novo documento em branco;
400 x 200 px
!
Selecione a ferramenta Lata de Tinta (G) e defina a cor #191918
de primeiro plano!
em seguida pinte a camada!

0110.jpg

Agora selecione a ferramenta de Texto (T), e na cor #F0E5F1 de primeiro plano;
aplique um texto qualquer!

0210.jpg

Agora vá em Camada>Estilo de Camada>Sombra Projetada;
Configure como abaixo:

0310.jpg

Depois clique em Chanfro e Entalhe:

0410.jpg

e por último , Sobreposição de Degradê;

0510.jpg

Ficara assim:

0610.jpg

Pressione Ctrl e Clique sobre a camada de texto para criar uma seleção;
Agora, selecione a ferramenta Caneta (P);

079.jpg

Clique em uma área fora do texto, e depois clique sobre o texto, repare que se você arrastar para qualquer direção, o traçado se curvará!

depois complete o circulo e clique sobre o primeiro ponto criado para fechar o demarcador!

0810.jpg

Depois, vá em Janela>Demarcadores ;

Vai abrir uma nova aba, geralmente junto com a paleta de camadas!
Clique com botão direito sobre o demarcador e escolha a opção: Criar seleção;

098.jpg

Raio de difusão: 0 pixels!

Feita a seleção, crie uma nova camada pressionando Ctrl + Shift + N!
Selecione a ferramenta degradê (G)
na barra de opções clique no degradê e ajuste assim:
Do branco ao Transparente;

108.jpg

Depois aplique sobre a seleção de cima para baixo;
Ctrl + D para retirar a seleção;

116.jpg

Por último eu apliquei reflexo no texto, caso não saiba como fazer, eu explico neste tutorial;

127.jpg

_______________

Tutorial - Criando um texto Dourado

1º Passo;Criamos o fundo;

Crie um novo documento em branco;
460 x 300 pixels!

Vá em Camada>Estilo de Camada>Sobreposição de Degradê;
Configure assim:

0118.jpg

0217.jpg

Crie uma nova camada pressionando Ctrl + Shift + N,
Pinte esta camada com a cor branca;

Em seguida vá em Filtro>Textura>Texturizador:
Ajuste assim:

0318.jpg

0418.jpg

2º Passo; O texto;

Com a ferramenta de Texto (T) aplique um texto qualquer sobre a imagem
por falta de uma fonte mais bonita usei a fonte “Symbol (OTT)”

0517.jpg

Vá em Camada>Estilo de Camada>Opções de Mesclagem;
Faça as modificações abaixo:

Sombra Projetada:

0618.jpg

Chanfro e Entalhe:

0717.jpg

Sobreposição de Degradê:

0819.jpg

e por último Traçado:

0915.jpg

Ao final ficou assim:

1014.jpg

Usando uma Fonte:

1213.jpg
__________________

Tutorial Criando Ícones 2.0

Para iniciar o tutorial, crie um novo documento em branco;320 x 240 pixels!

Pressione Cltr + Shift + N para criar uma nova camada! para criarmos o circulo, selecione a ferramenta Forma Elíptica (U);

0122.jpg

Defina a cor preta de primeiro plano;
Mantenha Shift pressionado enquanto cria o circulo;

0220.jpg

Agora definiremos as opções de Mesclagem:

Vá em Camada>Estilo de Camada>Opções de Mesclagem:

Sombra Projetada:

0321.jpg

Sombra Interna:

0421.jpg

Brilho Interno:

0520.jpg

Chanfro e Entalhe:

0621.jpg

Sobreposição de Degradê:

0720.jpg

e por último Traçado:

0823.jpg

Sua imagem devera ter ficado assim:

0918.jpg

Pressione Ctrl e Clique sobre a camada para criar a seleção do objeto,

Adicione uma nova camada (Ctrl + Shift + N),

Usando a ferramenta Degradê (G);

Do branco ao transparente:

1017.jpg

Aplique sobre a seleção para criarmos a reflexão do ícone!

1117.jpg

Depois, Selecione a ferramenta Letreito Elíptica (L);

1216.jpg

Mantendo Alt pressionado crie uma seleção na qual ira ser subtraída da seleção já existente:

1311.jpg

Pressione então Ctrl + Shift + I para inverter a seleção e em seguida Delete:

Ctrl + D para retirar a seleção e Ajuste a Opacidade da camada em 50%

148.jpg

Depois de feito isso, pressione Ctrl + Shift + N para criar uma nova camada:

Use um Shape qualquer, um brush, ou qualquer outra forma que você tiver em seu Photoshop;
No meu caso utilizei não um shape, e sim uma fonte, o nome da fonte é “Webdings” e a letra é a letra I;

158.jpg

Pressione Ctrl + J para duplicar a camada:

Em seguida retorna a camada anterior, e aplique Desfoque:

168.jpg

Filtro>Desfoque>Desfoque Gaussiano…

176.jpg

posicione a camada da reflexão acima da camada de texto:

186.jpg

Para finalizar, vamos fazer a sombra:

Selecione novamente a ferramenta Degradê (G):
Ajuste assim:

196.jpg

205.jpg

Crie uma nova camada (Ctrl + Shift + N); e aplique o degradê com pequenas proporcões:

214.jpg

Pressione Ctrl + T para entrar no modo de transformação livre posicione logo abaixo do ícone:

redimensione até ficar assim:

224.jpg

Mantenha Ctrl pressionado e Clique sobre a camada do Circulo:
feita a seleção pressione Delete, para deletar a área que esta sobreposta!

Ajuste a Opacidade da camada em 50%:
Ao final ficou assim:

233.jpg