Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Convidado
Convidado

[TUTORIAL] Ícones com efeito Flat Design GIMP

em Seg Maio 30, 2016 3:47 pm
Nome do Tutorial: Ícones com efeito Flat Design GIMP
Autor: Apollo
Programa: GIMP 2.8
Recursos: N/D

Quer criar ícones com efeito "flat design" ? e não tem programas mais populares como Photoshop,Illustrator ? Fique calmo, hoje a Best Web o ensinara como fazelos.




Crie um documento com dimensões '500x500'.


Passo 1
Selecione a ferramenta 'Seleção Elíptica'. Dê dois cliques no centro da tela para abrir as configurações da ferramenta e ajustar as medidas exatas.


Passo 2
Selecione a ferramente de colorir e pinte da cor desejada. No meu caso, será azul claro.


Passo 3
Posicione sua render e deixe-a entre 20 à 40 pixels menor que o círculo.


Passo 4
Crie uma nova camada entre a render e o círculo.


Passo 5
Utilize a ferramenta 'Seleção Livre'.


Nesta camada que acabou de criar, faça uma ligação de ponto à ponto.


Atenção: Esta é a parte que você deverá ter cuidado, pois será como a sombra irá ficar.

Após feita a seleção, pinte-a de preto.


Faça isso com todos os pontos possíveis em que a sombra apareça e/ou seja possível.


Passo 6
Crie uma outra camada entre a sombra e o círculo.


Agora, clique com o botão direito do mouse na camada do círculo e depois em 'Alfa para seleção'. Após isso, selecione a camada da sombra e aperte 'Ctrl+C'.


Tire a opacidade da camada da sombra e selecione a camada feita entre a sombra e o circulo. Então aperte'Ctrl+V'.


Agora, use a ferramenta de Movimento.


Posicione a sombra de forma que ela se encaixe com a render e o círculo.


Depois, diminua a opacidade dela para 30%.


O resultado já será o nosso efeito flat.


Passo 7
Duplique a camada do círculo três vezes e coloque uma por cima e outra por baixo dele. A primeira, pinte de branco é coloque a opacidade dela em 20%. Você terá um resultado assim:


Aumente o tamanho da terceira camada em 10 pixels, depois pinte-a de cinza escuro.


Seu resultado será uma borda em volta do ícone.


Passo 8
Neste passo, iremos dar um leve contorno de sombra. Para isso, vá em Filtros -> Sombra e Luz -> Sombra projetada.


Configure como a imagem abaixo.



Resultados Fnais
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