Últimos assuntos
xxxxxxxxxxxxxxTer Jan 02, 2018 1:44 amWhile
dfghmggdsfngmgfdgfhgmSab Jul 09, 2016 4:42 amWhile
Ranks Pro XSex Jun 10, 2016 6:44 pmHarleen
Banner para FamíliaSex Jun 10, 2016 5:37 pmYouTube
Ajuda com FormulárioSex Jun 10, 2016 2:39 pmConvidado
Avatar - KilluaSex Jun 10, 2016 4:57 amConvidado
Destaque IPBSex Jun 10, 2016 3:42 amYouTube
Adapitação muito grandeQui Jun 09, 2016 1:53 amConvidado
Bom dia a todos!Qua Jun 08, 2016 11:03 pmJukebox

Ir em baixo
Anonymous
Convidado
Convidado

[TUTORIAL] Ícones com efeito Flat Design GIMP Empty [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'.

[TUTORIAL] Ícones com efeito Flat Design GIMP ZdIkWnk

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.

[TUTORIAL] Ícones com efeito Flat Design GIMP 8gYxubv

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

[TUTORIAL] Ícones com efeito Flat Design GIMP FOy1lAd

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

[TUTORIAL] Ícones com efeito Flat Design GIMP EdVdaOz

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

[TUTORIAL] Ícones com efeito Flat Design GIMP 3PvadSk

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

[TUTORIAL] Ícones com efeito Flat Design GIMP FjPfFHZ

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

[TUTORIAL] Ícones com efeito Flat Design GIMP XXkiBQO

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.

[TUTORIAL] Ícones com efeito Flat Design GIMP MY4pgnq

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

[TUTORIAL] Ícones com efeito Flat Design GIMP MXXx3rD

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

[TUTORIAL] Ícones com efeito Flat Design GIMP 8QYe0Hb

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'.

[TUTORIAL] Ícones com efeito Flat Design GIMP 3TNRziR

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

[TUTORIAL] Ícones com efeito Flat Design GIMP 4XB5xR1

Agora, use a ferramenta de Movimento.

[TUTORIAL] Ícones com efeito Flat Design GIMP SmkKzfQ

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

[TUTORIAL] Ícones com efeito Flat Design GIMP QqNjUgR

Depois, diminua a opacidade dela para 30%.

[TUTORIAL] Ícones com efeito Flat Design GIMP TLb9mqG

O resultado já será o nosso efeito flat.

[TUTORIAL] Ícones com efeito Flat Design GIMP KT1u2fO

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:

[TUTORIAL] Ícones com efeito Flat Design GIMP USRCZ8I

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

[TUTORIAL] Ícones com efeito Flat Design GIMP Txxejc3

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

[TUTORIAL] Ícones com efeito Flat Design GIMP GUopdSI

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

[TUTORIAL] Ícones com efeito Flat Design GIMP ZwFVM9S

Configure como a imagem abaixo.

[TUTORIAL] Ícones com efeito Flat Design GIMP Mpzzvq6


Resultados Fnais
[TUTORIAL] Ícones com efeito Flat Design GIMP BGydayb [TUTORIAL] Ícones com efeito Flat Design GIMP 6FZg47U [TUTORIAL] Ícones com efeito Flat Design GIMP SZsXLdv
Voltar ao Topo
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum