Criando botão para web no photoshop

Para criar esse botão para web nós vamos usar o photohop, olhe abaixo o resultado do botão usada com outras imagens mais legais que podem deixar seu botão mais simpatico ainda do que vou mostrar agora como criar.

Botão Web moderado




Criando o botão para web


1 - Crie um novo documento com tamanho de 300x250 pixels, e depois crie um retângulo com a ferramenta Rounded Rectangle Tool (U). Depois selecione essa ferramenta que mostro abaixo,  a Pen Tool (P) mais só depois que criar o quadrado.






Marque essa opção do Menu de Formatação do photoshop sendo com a ferramenta Pen Tool selecionada.





Clique com o botão direito na linha que você criou com a ferramenta Pen Tool e escolha Make Selection... depois clique em Ok. Agora crie uma nova camada pressionando (Ctrl+Shift+N).





2 - Agora com a camada nova selecionada você vai pega a ferramenta Graditent Tool (G) e você criar um degradê do cinza (#cccccc) para o branco (#ffffff).

Pressione (Ctrl+D) para retirar a seleção!

3 - Vá agora em Layer>> Layer Style>> Outer Glow e depois vá em Bevel and Emboss.
Defina como pede abaixo.




4 - Você agora vai criar duas seleções. Veja abaixo como fiz, segurei o (Ctrl+Clique na camada) e selecionou o botão, depois selecionei a ferramenta Rectangular Marquee Tool e ativei a opção mostrada abaixo e passei um quadrado por baixo da seleção. Depois eu criei uma nova camada (Ctrl+Shift+N) e pintei com a ferramenta Paint Bucket Tool (G) de Branco (#000000).









5 - Agora vou embassar a parte branca do botão. Vá em Filter>> Blur>> Blur More.




6 - Agora diminua a Opacity para 75% da camada 3 que criamos para essa sombra branca.

Resultado Final




Resultado mais qualificado.




Baixar Arquivo em PSD


Abraços e até a próxima.

Criando um ótimo efeito de neon no photoshop

Neste tutorial vamos aprender a criar um efeito de neon bem legal no photoshop, o efeito é simples e bonito com um ótimo resultado. Para criar o efeito de neon vamos utilizar fontes e algumas técnicas para finalizar o tutorial do neon criado no photoshop.

   

1 - Criando um novo documento

Crie um novo documento indo em File>> New ou pressione (Ctrl+N). Defina o tamanho para  800 x 600 px com resolução de 72 dpis.

Preenchendo o fundo do documento

Crie uma nova layer (Camada) pressionando (Ctrl+Shift+Alt+N) e selecione a ferramenta Gradient Tool (G) .

Preencha com a cor #000066 para o #060030 pressionando de um lado ao outro do documento como mostra abaixo.

Digitando o texto

Com a ferramenta Texto (T) você digita um texto qualquer. Eu vou usar uma fonte fina chamada "Verdana" com o tamanho 84px e cor branca.

Rasterizando Texto

Vá em Layer>> Rasterize>> Type para converte o texto em bitmap.

Layer Style

Vamos adicionar o efeito neon no texto, clique duas vezes na camada do texto e configure-as como pede abaixo.

O meu texto ficou assim

Para ficar mais atraente o efeito neon eu criei uma nova camada e preenchi com um gradiente e mudei a
blending Mode para Color.

Resultado final

Abraços e até a próxima.

Criando plano de fundo com o photoshop

Aprenda a criar um plano de fundo com o photoshop

Video tutorial ensinando a criar o plano de fundo no photoshop.




Abraços e até mais.

Criando um plano de fundo artistico

Para criarmos esse plano de fundo só basta nós termos o photoshop em mãos.. Com simples passos nesse tutorial você vai aprender a criar um belo e elegante plano de fundo para o seu computador. Abaixo o resultado final do plano de fundo.

Para baixar o Background é só clicar em cima e salvar para usar como plano de fundo do computador.




Como Criar um Plano de Fundo Artistico


Agora vamos começar o nosso tutorial para criar nosso plano de fundo usando o phtoshop.

1 - Vamos começar abrindo uma imagem pressionando (Ctrl+O). Usarei essa imagem abaixo para criar nosso plano de fundo, se quizer usar ela também é só você clica nela e salvar.



2 - Agora que abrimos nossa imagem, vamos deixar ela como fundo de nosso plano de fundo. Então vamos embassar toda a foto para que mais na frente as novas camadas se destaque. Vá em Filter>> Blur>> Gaussian Blur e defina a Radius para uma quantidade alta que fique bem embassada.

Esse foi meu resultado usando o Gaussian Blur.




3 - Agora crie uma nova camada pressionando (Ctrl+Shift+Alt+N) e nessa camada você escolhe o mode blending para Overlay ou Soft Light, depois de criada a camada você cria uma seleção como essa ai abaixo.



4 - Agora selecione a ferramenta Gradient Tool (G) e escolha o seletores de cores e ajuste como mostrado abaixo. Cor - #FFFFFF com transparência. Depois aplique o gradiente de um lado a outro da seleção.


Pressione (Ctrl+D) para retira a seleção. Minha imagem ficou assim.

5 - Agora pressione (Ctrl+T) para ajusta a camada da forma que você quizer. Vá clicando nas pontas da borda e vá rodando ou aumentando sua camada ao seu gosto.



6 - Depois disso você inverte ela, duplica e vai regulando até que cheguei a um ponto de seu gosto. Meu Resultado

Abraços e se copiar ess tutorial, por favor deixar um link para meu blog.
Fui.

Criando sombra - Motion Blur

Olá internáutas, vamos aprender a criar uma pequena sombra usando o Motion Blur, tutorial simples e fácil de se fazer. Mais uma utilidade que você pode precisar para criar suas artes gráficas.

Descrição: Técnica simples e fácil de criar uma sombra no photoshop usando o Motion Blur.

Vamos começar...

Criando sombra no Photoshop


1 - Vamos abrir a imagem pressionando (Ctrl+O). Vou utilizar um búle com fundo branco pois fica mais fácil de adicionar sombra nele.















2 - Crie uma nova camada (Layer) pressionando (Ctrl+Shift+Alt+N) e nela você vai criar um ponto que vai servi para nossa sombra.

Agora vamos criar um ponto com a ferramenta Brush Tool (B).

Clique com o botão direito e configure o Master Diameter para 200 px e Hardness para 0%.

Dê um clique para forma um ponto que vai ser nossa sombra.

3 - Depois de criado um ponto você vai aplicar o efeito Motion Blur, vá em Filter>> Blur>> Motion Blur.

Distance: 580 pixels.


Depois de aplicado o Motion Blur sua imagem ficará assim.

Resultado Final


Observe que adicionou mais um pouco de sombra, esse efeito você  escolhe se vai querer muita ou pouca sombra, basta você ajusta a Distance para menos.

Abraços e até mais

Se for copiar, deixe um link para meu blog. fui...

Criando um quebra cabeça no photoshop

Descrição: vamos criar um quebra cabeça de brinquedo comemorando o dia das crianças.

1 - Vamos abri a foto abaixo. Pressione (Ctrl+O) para abrir a imagem.



2 - Agora que você abriu a imagem, vá em Filter>> Texture>> Texturizer.



3 - Depois que selecionou Texturizer vamos agora carregar a textura Puzzle, clique no ícone ao lado e aperte em load Texture.



4 - Agora vá em "Local C: >> Arquivos de programa>> Adobe>> Adobe Photoshop CS2>> Presents>> Textures>> Puzzle" e aperte em Abrir.



Aqui você edita o Scaling e o Relief para a melhora do seu quebra cabeça. Eu defini 90% para um e para o outro eu defini 7.

Aqui o Resultado final.



Abraços e até a próxima

Criando um plano de fundo classico

Descrição: Neste tutorial vamos criar um plano de fundo elegante e simples com o photoshop.
Veja o resultado do tutorial de photoshop abaixo.



1 - Vamos criar um novo documento pressionando (Ctrl+N), depois defina as configurações abaixo.



Ficará assim sua janela do photoshop.



2 - Agora vá em View>> Rulers ou pressione (Ctrl+R) para adicionar réguas ao seu documento.



Você irá observa que em seu documento apareceu uma régua as bordas dele.



3 - Agora vamos ativar o Snap. Va em View>> Snap ou pressione (Shift+Ctrl+;).



Depois de ativado os Snap, vá em View>> Snap To>> Guides para ativar as grades do photoshop.



Você vai criar duas linhas de grade. Uma horinzontal e uma vertical.





4 - Vamos adicionar uma camada de cor sólida. Pressione no ícone mostrado abaixo, ele se localiza na paleta de camadas do photoshop.



Quando clicar no ícone você escolha Solid Color.



Agora vamos selecionar a cor. O código da cor é #f6e76a.



Depois clique em OK e sua imagem ficará assim.



5 - Selecione a camada de cor sólida como mostra a imagem abaixo.



6 - Agora selecione a ferramenta Polygon Tool (U).



Depois de selecionado a ferramenta Polygon Tool (U) você configura o Sides para 3.



Selecione a opção Draw Shapes.



7 - Agora desenhe o Triângulo, pressione o Shift para fazer o triângulo bem feito.



8 - Agora selecione a ferramenta Move Tool.



Agora pegue o triângulo e centralize-o ele na vertical.



9 - Dê menos Zoom (Z) ou pressione (Ctrl+ - ) para diminuir o zoom para a tela do seu photoshop fica distante e você poder aumentar o triângulo.



10 - Agora vamos em View>> Clean Guilde para tirar as Grades.



11 - Agora vamos pressionar (Ctrl+T) para ir para o modo de transformação da imagem e vamos regular o triângulo. Aumente ele como na imagem abaixo.




12 - Agora com o Move Tool você vai segurar o Shift e girar o triângulo como na imagem abaixo.



13 - Dê um (Ctrl+J) para duplicar a camada e vá regulando com um raio de sol.



Vá copiando e ajustando até ficar desse jeito.



Observe a paleta de camadas.



O resultado



Clicando no seletor de cores da camada que criamos podemos mudar as cores das listras.



Escolha outra cor



O resultado final.



Fonte: http://www.photoshopessentials.com/photo-effects/starburst-background/