Best Web

Fórum de suporte á códigos e gráfico á Usuários forumeiros.


    [TUTORIAL] Ícones com efeito Flat Design GIMP

    Compartilhe
    avatar
    Convidado
    Convidado

    [TUTORIAL] Ícones com efeito Flat Design GIMP

    Mensagem por Convidado 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

      Data/hora atual: Qui Out 19, 2017 12:29 am