[TUTORIAL] Ícones com efeito Flat Design

Este tutorial irá ensinar como criar um ícone moderno que está sendo muito usado, principalmente em celulares Android. O flat design é, basicamente, uma sombra projetada da imagem principal.
Programa utilizado: GIMP

Criando o documento

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

Criando o ícone

1º - Passo:
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.

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

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

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

5º - Passo:
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.

6º - Passo:
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.

7º - Passo:
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.

8º - Passo:
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 finais

---

© Fórum dos Fóruns & @Apollo

Se surgir alguma dúvida relacionada com este tutorial, crie um tópico na categoria 'Outras questões' com o seguinte título: Ícones com efeito Flat Design