Você não está conectado. Conecte-se ou registre-se

[Tut Photoshop] Criar um ícone em Madeira

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

sonic2099

sonic2099
Co-Administrador
Aqui está mais um tutorial do Photoshop e o que vou ensinar desta vez será a fazer a imagem em baixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Ou seja, neste tutorial irei ensinar como criar um ícone em estilo de madeira como poderão ver acima.

O Programa que usei foi o Adobe Photoshop CC, por isso algumas opções poderão ter nomes diferentes ou nem sequer existirem noutros programas ou versões.

1- Abre um novo ficheiro e coloquem uma dimensão superior ao do ícone que irão usar.
Neste tutorial como o ícone que irei usar tem as dimensões 96x96 então usarei as dimensões 150x150 (ambas em pixéis) e colocarei um fundo cinzento apenas para verem a imagem melhor.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
2- Primeiro vamos fazer a base do nosso ícone, para isso vamos usar a ferramenta "Rounded Rectangle Tool" (Shift+U) e vamos colocar no meio um rectângulo com as pontas redondas com uma cor qualquer (no meu caso ficou branco).
Caso as pontas não tenham a aspecto que pretendes (ou são muito rectas ou demasiado curvas) basta alterares o valos do "Radius" que aparece no topo (Sendo o valor 0 pontas rectas e 360 o rectângulo passa a ser um circulo).
Para o meu caso bastou usar o valor 10.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
3- Para nos facilitar um pouco o trabalho iremos usar grupos, para quem não sabe grupos é agrupar diferentes layers/imagens como uma só, ou seja se quiseres mover várias imagens da mesma forma em vez de seleccionares uma a uma basta as colocares num grupo e moveres esse grupo.
Para isto basta carregar no botão de criar um grupo (o quinto ícone na parte de baixo que está no rectângulo vermelho pequeno na imagem abaixo), depois é só arrastar a layer do rectângulo para dentro desse grupo (para confirmar se está dentro do grupo a layer deverá aparecer um pouco à frente das outras).
Depois do rectângulo estar dentro do grupo selecciona a imagem do rectângulo (Carrega no quadrado à esquerda da layer enquanto ficas a carregar no Ctrl) e depois selecciona o grupo e carrega no botão "Add vector mask" (terceiro ícone na parte de baixo que está no rectângulo verde pequeno da imagem abaixo), isto servirá para que as imagens que iremos usar estejam dentro do rectângulo (assim não temos de nos preocupar com partes das imagens a saírem para fora).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
4- Agora vamos à parte que interessa, primeiro temos de arranjar uma textura que nos agrade, como neste tutorial o que quero fazer é um ícone de madeira então vou precisar de uma textura de madeira, uma pesquisa no Google encontrão diferentes imagens e texturas que podem usar.
Neste tutorial irei usar esta aqui. Depois de arranjarem a vossa textura coloquem-na na vossa imagem (dentro do grupo que criamos no passo anterior), depois cliquem duas vezes na Layer da textura para abrir a janela do "Layer Style".
Depois de aberto a janela vai ao "Grandient Overlay" e coloca o "Blend Mode" para "Soft Light".
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5- Agora vamos colocar o ícone que iremos usar, no meu caso é um ícone do facebook.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
6- Agora vamos fazer o nosso ícone combinar com o resto, para isso começa por reduzir o "Fill" (na parte de cima das Layers) para 0%, depois clica duas vezes na Layer do ícone para abrir o "Layer Style" e vamos aplicar os seguintes efeitos:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
6a- No "Inner Shadow" coloca o "Opacity" a 80%, desactiva a opção "Use Gloval Light" e mete o "Angle" a 90º. Coloca a "Distance" a 7px, "Choke" a 40% por fim o Size a 2px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
6b- No "Outer Glow" coloca o "Blend Mode" em "Overlay", a "Opacity" a 65% e muda a cor para branco. Depois coloca o "Size" a 20px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
6c- No "Inner Glow" coloca o "Blend Mode" em "Overlay", a "Opacity" a 50% e muda a cor para preto. Depois coloca o "Size" a 30px e o "Range" a 30%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
6d- No "Color Overlay" coloca o "Blend Mode" em "Overlay" e a "Opacity" a 40%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7- Agora vamos dar um último toque final, para isso coloca a Layer do rectângulo branco no topo do grupo e reduz o "Fill" para 0%, depois clica duas vezes na Layer para mais uma vez abrir o "Layer Style" e vamos colocar os seguintes efeitos:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7a- No "Inner Glow" coloca o "Blend Mode" em "Soft Light", a "Opacity" a 80% e muda a cor para preto. Depois coloca o "Size" a 80px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7b- No "Bevel & Emboss" coloca o "Depth" a 715%. Desactiva a opção "Use Global Light" e coloca o "Angle" a 90º, por fim coloca o "Highlight Mode" para "Hard Light" e mete a "Opacity" a 65% e em "Shadow Mode" coloca a "Opacity" a 50% (Isto dará um efeito com que o icon pareça mais como um botão).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
7c- No "Gradient Overlay" coloca o "Blend Mode" em "Soft Light", a "Opacity" a 40% e o "Angle" a 120º.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
8- Por fim, vamos melhorar um pouco a cor, para isso basta carregares no botão do "Hue/Saturation" (primeiro botão da segunda linha dos "Adjustments") e coloca em "Saturation" +15.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

E pronto, Qualquer erro no tutorial ou dúvida que tiverem é só dizerem.

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos