Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Administrador
Mensagens : 273
Pontos : 446
Ver perfil do usuáriohttp://suportedesign.forumeiros.com/

[Tutorial] Ícones Com Efeito Flat Design

em Sab 4 Jul - 23:06
Reputação da mensagem: 100% (2 votos)
1-Crie um novo documento 500x500 (Opcional)



2-Agora selecione a ferramenta Seleção Elíptica é faça um circulo.



Apara fazer um circulo com medidas exatas basta dar um double click na ferramenta é configura-la.

4-Pinte seu circulo, neste caso eu, o pintei de azul claro.



5-Neste passo selecione uma render e deixe-a de forma que fique centrada é 20 a 50px menor do que o circulo.



6- Crie uma nova camada entre o circulo é a render.



7- Agora, use a ferramenta de seleção Livre:



e na camada que acabou de criar faça um uma ligação de ponto á Ponto.



Atenção essa é a parte onde devera ter cuidado pois será aqui onde definira como serar sua sombra.

após feita a seleção á outra pinte-a de preto.



faça isso com todos os pontos possíveis que poderiam ter "sombra"



8- crie uma nova camada entre a sombra é o circulo.



agora com selecione a camada do circulo é aperte o botão direito do mouse é vá em Alfa para seleção apos isso selecione á camada da sombra é de um Ctrl + C



Tire a opacidade da camada da sombra é selecione á camada feita entre a sombra é circulo é de um Ctrl + V



Agora, use á ferramenta de Movimento.



é posicione á sombra colada de forma que ela se encaixe com a render é circulo



Depois abaixe a opacidade dela para 30%



O resultado já sera nosso efeito "flat"




9- Dulplique a camada do circulo 3x ponha uma em cima é outra embaixo. a primeira pinte-a de branco é ponha a opacidade dela em 20%  terá um resultado, assim:



A terceira camada aumente, o tamanho dela em 10px depois pintea de preto meio cinza.



Seu resultado sera uma borda em volta do ícone.



10- Nesse décimo passo é opcional onde, iremos dar um contorno de sombra leve.

para isso vá em Filtros -> Sombra e Luz -> Sombra projetada.



é configure dessa forma ou como preferir.




Resultados Finais :



pode modifica-lo de forma que quiser! o GIMP oferece muitas possibilidades para isso! você esta apenas limitado a sua imaginação.





© Suporte Design & Apollo


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] - Criar Ícones Com Efeito Flat Design
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum