Nuvens Fofinhas no Photoshop

Fonte:Abduzzedo

No sábado passado estava conversando com um amigo e ele perguntou como criar nuvens, aquelas bem fofinhas, ele comentou que andava vendo nuvens assim com frequência no Dribbble. Resolvi dar uma olhada e encontrei alguns exemplos bem legais de nuvens por lá, então achei que seria criar algo assim no Photoshop.

Neste tutorial vou mostrar como criar um wallpaper com nuvens bacanas estilizadas e fofinhas no Photoshop. Vamos usar ferramentas básicas e Layer Styles para criar o efeito. O processo todo vai levar uns 30-45 minutos e o tutorial vai mostrar umas dicas bacanas para quem está iniciando no Photoshop.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando o tamanho 2560x1440 pixels. Depois disso deixe a background layer editável dando um duplo clique nela. Depois vá até Layer>Layer Styles>Gradient Overlay. Use Radial em Style e nas cores use #ddeffa e #96ccee.

Passo 2

Com a Ellipse Tool (U) crie um círculo. A cor neste ponto não é tão importante.

Passo 3

Crie outro círculo e o mova para o lado direito do círculo anterior. Deixe ele um pouco menor.

Passo 4

Adicione outro círculo próximo ao anterior. Use a imagem abaixo como referência, note que os círculos ficam um por cima do outro.

Passo 5

Vamos adicionar outro círculo, desta vez bem menor acima do círculo anterior.

Passo 6

Para finalizar o formato da nuvem adicione outro círculo, desta vez um maior. Assim que tiver a forma de nuvem que quiser, agrupe e duplique o grupo. Depois vá até Layer>Merge Layers. Você terá uma layer com a nuvem mas os círculos serão importantes na sequência do tutorial.

Passo 7

Selecione a layer da nuvem, a 'merged', e vá até Layer>Layer Styles>Color Overlay. Use a cor branca.

Passo 8

Selecione Bevel and Emboss. Em Style use Inner Bevel, em Depth 100%, em Size 8 pixels, em Soften 16 pixels, em Angle 90º, em Altitude 37º, em Gloss Countour use o que usei na imagem abaixo. Em Highlight Mode e Shadow Mode use preto na cor e Color Burn no Blend Mode com 54% opacity no primeiro e 60% no último.

Passo 9

Selecione Inner Glow. Use 100% Opacity com a cor branca e Edge em Source, 0% em Choke e 100 pixels em Size. Use a imagem abaixo para mais valores.

Passo 10

Agora selecione Inner Shadow e siga a imagem abaixo para valores.

Passo 11

O último Layer Style que vamos usar é Drop Shadow, não é totalmente necessário em termos de realismo mas a ideia da sombra é dar um contraste entre a nuvem e o background já que eles usam as mesmas cores.

Passo 12

Aqui está o resultado final da nuvem que criamos com layer styles. O resultado já está bem legal, mas ainda acho que podemos adicionar profundidade nela.

Passo 13

Para adicionar profundidade vamos fazer algo super simples. Usando os círculos como referência, vamos criar novas layers com eles para que eles tenham layer styles iguais aos das nuvens mas em círculos, assim vamos adicionar volume a nuvem. A primeira coisa a fazer no entanto é reduzir a opacidade da layer na nuvem para 30%.
Agora crie uma marquee selection de um dos círculos, selecione então a layer da nuvem e a duplique, depois vá até Layer>Layer Mask>Reveal Selecion. Mova essa nova layer para baixo da nuvem.

Passo 14

Selecione a mask do círculo que criamos no passo anterior e vá até Filter>Blur>Gaussian Blur. Use 20 pixels em Radius.

Passo 15

Com essa quantidade de blur o círculo fica bem sutil como na imagem abaixo. Então se quiser que fique mais marcado use menos blur.

Passo 16

Repita o mesmo nos outros círculos. Note que você pode fazer 'unlink' da layer mask da layer e movê-la para criar outros efeitos, como fiz aqui no círculo da esquerda.

Passo 17

Aqui está o resultado final depois de adicionar volume. Agora a nuvem está com super fofinha mas ainda não está pronta.

Passo 18

Hora de adicionar um arco-íris. Criei esse usando retângulos com as cores do arco-íris. Depois fiz merge dele em uma layer e apliquei gaussian blur na área que está abaixo da nuvem para criar um efeito de transparência.

Passo 19

Crie uma marquee selection com a forma da nuvem e adicione uma nova layer. Preencha com as cores do arco-íris e aplique guassian glur com no mínimo 100 pixels de radius. Depois disso a coloque abaixo das outras layers usadas para criar a nuvem.

Passo 20

Duplique a nuvem duas vezes. Redimensione e faça flip horizontal para criar uma composição bacana. Veja que eu não dupliquei as cores do arcoíris.

Passo 21

Agora vamos adicionar um texto. Usei a fonte Val e adicionei a palavra Abduzeedo em branco. Apliquei alguns Layer Styles para criar o mesmo efeito fofinho.

Passo 22

Para os valores da text layer styles use as imagens abaixo:

Passo 23

Duplique todas as layers e faça merge delas em uma, depois vá até Filter>Noise>Add Noise. Use 1.5% em Gaussian.

Conclusão

Depois de alguns passos e de uns bons 45 minutos de trabalho nós temos nossa nuvem fofinha. Eu sempre procuro novas maneiras de usar layer styles, acho essa uma das opções mais poderosas do Photoshop. Nesse tutorial eu respondi a pergunta de um amigo que queria criar esse tipo de nuvem, no próximo posso responder alguma dúvida sua. Então se tiver alguma sugestão ou dúvida entre em contato com a gente e faremos o máximo para ajudar :)