Como Criar um Céu Noturno Com Nuvens Usando Adobe Illustrator & Photoshop
() translation by (you can also view the original English article)



Neste tutorial você vai aprender como usar a Ferramenta Mesh e o plugin Mesh Tormentor, além de como fazer suas imagens parecerem melhores com alguns ajustes simples nas configurações de Transparency—tudo enquanto cria uma bela cena mística com nuvens realistas.
Se você gostaria de pular este tutorial e deseja comprar o resultado final, vá para o GraphicRiver para comprar o Plano de Fundo de Céu Noturno Natural Com Lua, Nuvem e Estrelas.



Antes de começar este tutorial, você deve instalar o plugin Mesh Tormentor. Vá para o site Mesh Tormentor e baixe o plugin gratuito Mesh Tormentor que corresponde com a sua versão Illsutrator. Depois descompacte o arquivo recebido, feche o Adobe Illustrator, e copie o arquivo .aip na pasta "Extensions" no seus disco local de instalação. (Por exemplo, é C:\Program Files\Adobe\Adobe Illustrator CS6\Plug-ins\Extensions a pasta no meu computador.). Abra o Adobe Illustrator de novo e vá para Window > Mesh Tormentor.
1. Como Criar as Nuvens
Passo 1
Vamos começar a criar as nuvens realistas. Para isto, vamos precisar começar a trabalhar no Adobe Photoshop.
Você pode clicar em Fazer download do anexo do lado direito do tutorial para receber a minha foto de uma nuvem que eu vou estar usando; embora, você também possa usar a sua própria foto!
Abra a foto no Adobe Photoshop, e depois vá para Select > Color Range.



Passo 2
Na janela de diálogo resultante, pegue o conta-gotas e clique na parte mais branca da nuvem. A visualização resultante da seleção deve parecer similar com a minha na imagem abaixo. Clique em OK.



Passo 3
Abra um novo arquivo no Adobe Photoshop, e certifique-se de que o plano de fundo está Transparente.



Passo 4
Arraste a nuvem selecionada do primeiro arquivo para o nosso arquivo recém-aberto.



Passo 5
Crie uma nova camada sob a camada com a nuvem e preencha toda a prancheta com a cor azul, apenas para que possamos ver a nuvem melhor.



Passo 6
Sua nuvem deve ficar como esta neste ponto.



Passo 7
Pegue a Ferramenta Eraser (E), selecione a Camada 1 (aquela com a nuvem) e apague todos os pequenos artefatos desnecessários na imagem. Só a forma da nuvem principal deve permanecer.



Passo 8
Finalmente, pegue a Ferramenta Blur (R) e desfoque as bordas da nuvem. Isto vai garantir que ela não pareça pixelizada quando a convertermos em uma imagem vetorial.



Passo 9
Quando você estiver feliz com o resultado, delete a camada azul e salve a imagem como uma .png.
Abra o arquivo .png no Adobe Illustrator.



Passo 10
Crie uma elipse sobre a parte superior da nuvem.
Vá para Object > Create Gradient Mesh e defina Rows e Columns para 50.



Passo 11
Aqui é onde o Mesh Tormentor entra em jogo. Se você ainda não tem, instale-o e abra-o através de Window > Mesh > Tormentor.



Passo 12
Selecione a nossa elipse e, no painel Mesh Tormentor, clique no quinto ícone do lado esquerdo na sexta linha para Increase Mesh Density.



Passo 13
O resultado deve sair assim.



Passo 14
Agora, selecione ambas as nuvens que fizemos no Adobe Photoshop e a Malha de elipse. A elipse deve estar em cima da nuvem! Clique no ícone "Mona Lisa" no painel Mesh Tormentor para colorir a nossa malha como a nuvem.



Passo 15
Delete a imagem raster original e voila—você tem a sua incrível nuvem de vetor realista!



2. Como Criar o Plano de Fundo
Passo 1
Crie um quadrado azul escuro e, usando a Ferramenta Mesh (U), crie uma grade Mesh de 5x6.



Passo 2
Seguindo o conjunto de passo abaixo, pinte a grade da malha. Os nós mais escuros nas imagens representa aquela que você deve estar colorindo com o código de cor incluído.



Passo 3
Agora para as nuvens. Crie um retângulo azul aleatório e coloque nossa nuvem de malha sobre da parte superior dela. Coloque-a logo acima da borda da parte inferior direita.



Passo 4
Crie um par de cópias e, depois rotacionando-as um pouco, coloque-as para se parecerem com a foto abaixo.



Passo 5
Coloque uma outra cópia sob a nuvem deixada.



Passo 6
Finalize com uma pequena cópia no no meio da parte inferior do retângulo.



Passo 7
Agora, coloque o retângulo azul em frente das nuvens (Shift-Control-]), selecione todas as formas, clique com o botão direito do mouse e selecione Make Clipping Mask.



Passo 8
Nossas nuvens resultantes vão parecer com isto:



Você pode mover elas no topo do plano de fundo que fizemos antes.
3. Como Criar a Lua e os Feixes de Luz
Passo 1
Crie uma forma de lua selecionando dois círculos sobrepostos e clicando em Exclude no painel Pathfinder. Desagrupe o resultado e delete a forma superior.



Passo 2
Crie três cópias da forma resultante. Pegue a primeira cópia, colocando as outras duas de lado, por enquanto. Preencha-as com a cor branca, e depois crie uma outra cópia e mova-a um pouco para cima e para a esquerda da original. Preencha-a com #95A5BC
. Finalmente, arraste o nó médio da forma azul um pouco para a esquerda.



Passo 3
Defina a Transparency da forma azul para 0%.
Vá para Object > Blend > Blend Options. Defina o Spacing para Specified Steps e o número de passos para 30.



Passo 4
Com ambos os objetos selecionados, clique em Object > Blend > Make.



Passo 5
Com a segunda cópia que fizemos no Passo 2, repita o processo similar para os Passos 2-4.



Passo 6
Pegue a última cópia não utilizada e coloque-a em cima das duas misturas. A lua deve parecer como se estivesse brilhando agora. Você pode movê-la para o canto superior direito do fundo.



Passo 7
Crie um círculo com o Radial Gradient (Branco - #4AF0F8
- #0888D5
- #054B87
- Preto).



Passo 8
Crie um par de cópias diferentes desta forma.



Passo 9
Defina a Transparency de todas as formas, incluindo o círculo original, para Screen.



Passo 10
Crie três formas pelos gradientes.



Passo 11
Coloque todas as formas sobre o topo do círculo original. O resultado deve parecer com este:



Passo 12
Crie uma outra elipse com um #274F7B para #000000
de Radial Gradient
.
Defina a Transparency para Screen.



Passo 13
Da mesma forma dos Passos 9 e 10, crie formas diferentes da elipse com gradientes. Os mais importantes são aqueles com os raios mais finos!
Coloque-as todas em cima umas das outras no final.



Passo 14
Coloque a segunda forma em cima da primeira forma.



Passo 15
Mova os raios sobre o fundo do céu com as nuvens e a lua.
Estamos quase terminando!



4. Como Criar as Estrelas
Passo 1
Crie três círculos pequenos com um gradiente radial de branco para preto, 80% de Opacity, e transparência modo Screen. Cada círculo deve ter um tamanho diferente, que deve ser tão pequeno quanto uma estrela deve ser em sua arte.



Passo 2
Arraste todos os círculos no painel de Símbolos para criar três novos círculos.



Passo 3
Pegue a Ferramenta Symbol Sprayer (Shift-S), selecione um dos símbolos no painel Symbols, e arraste-o ao redor da arte, criando muitas estrelas.



Passo 4
Repita isto com todos os três símbolos. Quando você estiver feliz com o resultado, selecione cada forma com as estrelas e vá para Object > Expand Appearance.
"Corte" a imagem desenhando um retângulo sobre a parte superior do fundo, selecionando todos os elementos, e Making a Clipping Mask.



Passo 5
Vamos estar criando um par final de estrelas. Crie um outro círculo com Gradiente Radial do branco para preto, 80% de Opacity, e transparência Screen.



Passo 6
Cria uma outra forma de três elipses, com um gradiente similar, a mesma definição de transparência, e 60% de Opacity.



Passo 7
Crie uma outra forma de estrela com as configurações mencionadas abaixo.



Passo 8
Monte todas as partes uma em cima da outra.



Passo 9
Coloque algumas estrelas grandes no plano de fundo.



Ótimo Trabalho, Você Terminou Agora!
E agora? Você pode tentar qualquer um dos meus tutoriais do meu perfil, ou conferir o meu portfólio em GraphicRiver, assim como a imagem original que criamos neste tutorial.
Eu espero que você tenha aproveitado o tutorial e vou ficar extremamente feliz em ver quaisquer resultados nos comentários abaixo!



