14. Criar uma Cena Misteriosa com Planetas? (Marta Pereira)
Data de publicação: May 31, 2014 12:52:15 AM
Resultado Final
Passo 1: Criar um novo ficheiro do Photoshop
Vamos começar pro criar um novo ficheiro no Photoshop. Cria o ficheiro com as seguintes definições:
Cria esta cena surreal de uma cena obscura com planetas no fundo. Neste detalhado tutorial vais aprender como criar uma paisagem surreal, adiciona uma luz brilhante misteriosa e termina-o com árvores e uma família em primeiro plano.
Passo 2: Adicionar a Imagem do Campo
A primeira coisa que vamos adicionar à nossa manipulação é o campo. Vai a File > Place (vê a imagem em baixo como referência) e coloca a imagem do campo no nosso projecto.
Isto é o que deves ter agora no teu ecrã:
Agora pressiona a tecla Shift+Alt, clica no canto superior direito da imagem e arrasta o rato em direcção ao canto superior direito do ecrã. Isto vai redimensionar a imagem mantendo o seu centro. Tenta aumentar o tamanho da imagem do campo até às margens do nosso projecto.
Para confirmar as alterações clica em Enter ou clica no ícone de confirmação no topo da barra:
Agora vamos criar um layer com uma máscara para esconder a parte do céu desta imagem, pois não será necessária.
Com este layer seleccionado clica no botão "Add Layer Mask", assinalado na primeira imagem em baixo. A segunda mostra como o teu painel de layers deve estar:
Agora selecciona a ferramenta "Brush" (Pincel), vê a imagem em baixo.
Podes também usar a tecla de atalho B.
Mantém a Opacidade ("Opacity") e o Fluxo ("Flow") do pincel a 100% (as ferramentas estão localizadas no painel de topo):
Vamos pintar a parte do layer, que tem céu com preto, para escondermos partes da imagem que não queremos de uma forma indestrutível. Para seleccionar facilmente o preto enquanto pintas na layer mask, clica em D para redefinir as cores da palete, e depois clica X para trocá-los e colocar o preto como cor dominante.
Com o lado direito do rato clica num sítio qualquer da imagem para mudar o tamanho e a dureza do pincel. Mantém o tamanho entre os 200-400 px (para ajudar a pintar algumas partes, podes reduzir o seu tamanho) e mantém sempre a dureza nos 0%.
Aqui estão algumas teclas de atalho para acelerares o trabalho:
Para aumentares o tamanho do pincel, pressiona ]
Para diminuíres o tamanho do pincel, pressiona [
Pinta o céu todo e algumas partes das montanhas com preto. Vê a imagem abaixo para tentares obter um resultado semelhante.
Acabámos a parte do campo. Se tiveres um layer de Background, como eu, clica nele e arrasta-o para o ícone da Reciclagem, de modo a apagá-lo (observa a imagem em baixo como referência).
Agora a tela deve estar transparentes em vez de branca:
Passo 3: Adicionar o céu
Vamos adicionar o céu ao nosso projecto, para isso, vai outra vez a "File > Place" e selecciona a imagem que contém o Planeta Grande ("cosmos1_0009").
Sempre que no projecto colocas uma imagem (através de "File > Place"), automaticamente tens o controlo da ferramenta "Free Transform". Esta é uma ferramenta muito comum e permite-te mover, rodar e redimensionar a tua imagem, funcionando do seguinte modo:
Para mover a imagem, clica num lado qualquer dentro do rectângulo e arrasta-a
Para rodar a imagem, clica num sítio qualquer fora do rectângulo e arrasta o rato em torno da imagem
Para redimensionar a imagem, clica num dos cantos do rectângulo e arrasta-o. Para manter a proporções, pressiona a tecla "Shift" durante o processo.
Vamos começar com uma rotação. Roda a imagem de acordo com as instruções dadas em cima e lembra-te de pressionares a tecla "Shift" enquanto o fazes, para que a rotação seja feita com intervalos múltiplos de 15º.
Roda o planeta 90º para a direita, como na imagem:
Agora clica neste layer e arrasta-o para debaixo do layer do campo.
Agora vamos aumentar o tamanho desta imagem, para preencher toda a tela. Pressiona "Shift", clica no canto superior direito da imagem e arrasta-o em direcção ao canto superior direito do ecrã.
Depois de redimensionar a imagem, arrasta-a para baixo, clicando num lugar dentro do rectângulo e puxa-a para baixo.
Vê a imagem em baixo é o resultado deste passo:
Passo 4: Adicionar o primeiro planeta
Neste passo vamos adicionar o planeta grande ao nosso projecto. Como estamos a trabalhar com "Smart Objects", fazemos isso facilmente, basta fazer uma cópia do layer do cosmos, arrastando este layer para o ícone assinalado na imagem em baixo:
Agora pressiona "Ctrl + T" para utilizar a ferramenta "Free Transform" (ou vai a "Edit > Free Transform"). Para se ver o planeta movemos esse layer para cima, como na imagem.
Escolhe a ferramenta "Elliptical Marquee" (Atalho: M), para seleccionar a parte da imagem que queremos trabalhar (o planeta) e apagar o resto.
Agora temos que fazer uma selecção redonda do planeta.
Vê as instruções abaixo e tenta ser o mais preciso possível na selecção.
Pressiona "Shift" para criares um circulo.
Pressiona Barra de Espaço para moveres a selecção
Faz corresponder a selecção ao planeta
Com a selecção feita, cria uma nova layer mask na imagem, clicando no botão "Add Layer Mask".
O resultado final deve ser este.
Passo 5: Adicionar o segundo Planeta
Para adicionar o segundo planeta ao projecto, segue o processo realizado anteriormente.
Vai a "File > Place" e escolhe a imagem "cosmos1_0001. jpeg"
Arrasta a imagem um bocado para cima para conseguirmos fazer uma selecção à volta do planeta.
Escolhe a ferramenta "Elliptical Marquee" outra vez e para seleccionar este planeta, realiza os mesmos passos que fizemos com o anterior.
Com a selecção feita, cria uma nova layer mask na imagem, clicando no botão "Add Layer Mask".
Aqui está o resultado:
Agora temos que redimensionar, rodar e mover o planeta. Para isso utiliza a ferramenta "Free Transform" ("Ctrl"+T") e observa a imagem em baixo:
- Lembra-te de pressionar sempre o "Shift" quando alteras o tamanho da imagem, para que as proporções se mantenham.
Depois de redimensionado, arrasta o planeta para a sua posição.
O passo final é rodar a imagem. Com a ferramenta "Free Transform" ainda activa e baseando-te nas instruções da imagem a seguir, roda o planeta ( clica e arrasta fora do rectângulo):
- Desta vez não é necessário pressionar "Shift" ao fazer a rotação.
Resultado final da imagem e do painel de layers:
Passo 6: Melhorar os nossos layers
Antes de continuar vamos arranjar o nosso painel de layers. Para começar altera o nome dos layers para algo que os represente. Para mudar o nome de um layer faz um clique duplo no seu nome. Aqui estão as minhas nomenclaturas:
Depois de mudar os nomes, selecciona-os (clica no primeiro, pressiona "Shift" e clica no último) e arrasta-os para o botão "Create new Group".
Designa Imagens a este grupo.
Passo 7: Adicionar a floresta
A parte de manipulação de imagem do nosso projecto já está terminada, agora vamos trabalhar apenas com pincéis. Vamos começar por adicionar a floresta aolado direito da nossa imagem.
Se não estás familiarizado com instalação e utilização dos pincéis do Photoshop, a minha sugestão é que vejas este vídeo:
how to install Photoshop brushes.
Agora que sabes como instalar e utilizar os pincéis no Photoshop, podes fazer o download e a respectiva instalação dos quatro pacotes que vamos precisar para os próximos passos. São dois pacotes de árvores, um de arbustos e outro de pessoas.
Depois de tudo isto feito, cria umnovo layer no projecto e designa-o como Forest.
Agora carrega no painel dos pincéis os dois pacotes de silhuetas de árvores.
Assegura-te de que o preto é a tua cor dominante (Pressiona D), deixa a opacidade a 100% e começa a criar a floresta.
- Tenta atingir um efeito "fade away" (árvores mais altas na frente e as mais pequenas atrás)
- Não sobrecarregues a imagem, tenta manter um equilíbrio, onde o espectador consegue identificar as árvores.
- Podes usar o tipo de árvores que quiseres, mas mantém um certo padrão (se começares com árvores sem folhas, continua dessa maneira)
- Podes utilizar o mesmo pincel mais que uma vez, mas utiliza-o com diferentes tamanhos e coloca-os em diferentes sítios
Em baixo está o processo (passo-a-passo) de como eu fiz o meu:
Passo 8: Adicionar arbustos
Agora vamos fazer a mesma coisa que fizemos no passo anterior, mas desta vez com arbustos.
Primeiro carrega o pack de arbustos no Photoshop.
Cria um novo layer, clicando no botão "Add new layer" (atalho: Ctrl+Shift+Alt+N) e chama-lhe Bushes.
Coloca este novo layer debaixo do layer Forest.
Coloca o preto como a tua cor de primeiro plano (Pressiona D), deixa a opacidade a 100% e começa a pintar.
Tenta seguir a mesma ideia utilizada com as árvores, maiores na frente, pequenas atrás e tenta criar um pequeno grass para as árvores. Aqui está passo-a-passo:
Passo 9: Pintura do campo
Vamos começar a parte da pintura com o campo. Primeiro clica no botão "Create a new group" (atalho: "Ctrl+G") e nomeia-o Field.
Depois clica no botão "Create a new layer" (atalho: "Ctrl+Shift+Alt+N") e coloca o novo layer dentro do Grupo Field, que acabámos de criar.
Agora vamos adicionar algumas sombras ao nosso campo. Com o preto como cor definida (atalho D), usa um pincel de 0% de dureza para pintar partes, como na imagem em baixo:
Cria novamente um novo layer e coloca-o em cima do já existente.
Com o preto, outra vez, pinta a parte pintada na imagem seguinte:
Para melhorar adiciona um "Gaussian Blur" (Filter > Blur > Gaussian Blur).
Define o raio a 80 px
E este é o resultado:
Agora vamos começar a adicionar algumas cores à imagem. O processo vai ser repetitivo, mas o lado positivo é que é bastante fácil de fazer e é basicamente o processo que fizemos em cima. Vamos criar um novo layer, adicionar algumas cores, suavizar o efeito com um "Gaussian Blur" e fazer tudo novamente para o próximo layer.
Para acelerar o processo tenta usar estas teclas de atalho:
Ctrl+Shift+Alt+N para criar um novo layer
Ctrl+G para criar um novo grupo
Se tiveres um tablet usa-o, porque facilita o processo, pois é capaz de controlar a opacidade em tempo real enquanto pintas. Se não tens segue estas dicas para te ajudar nesta parte:
Utiliza sempre um pincel com 0% de dureza
Deixa a opacidade baixa (20-50%)
Não faças traços longos com o pincel, tenta fazer vários pequenos
Ctrl+Z vai apagar o último traço
Utiliza Ctrl+Alt+Z para apagar mais do que um traço
Quando aplicares o Gaussian Blur, tenta novos valores no raio
Se achares que o efeito é muito forte, mesmo depois do Gaussian Blur, reduz a opacidade do layer para cerca de 50-75%
Para alterar a sua cor dominante faz duplo clique no quadrado de cor no painel esquerdo. A maneira mais fácil de mudar a sua cor é digitar o código hexadecimal (assinalado em baixo) no seleccionador de cores.
Com essa cor seleccionada e usando o layer que acabámos de criar, tenta pintar uma coisa parecida com esta:
Aplica um Gaussian Blur de 80 px
E este é o resultado:
Agora continua a seguir o mesmo procedimento nos próximos passos:
Neste passo vamos pintar com branco puro. Para aceder rapidamente à cor branca pressiona D e de seguida X.
E no final deste passo, a tua imagem deve estar semelhante a esta. Lembra-te: a tua imagem não tem de estar igual à minha, apenas parecida.
Passo 10: Pintura da floresta
Agora vamos pintar o lado direito da nossa imagem, a floresta. As cores serão semelhantes às utilizadas no lado esquerdo da imagem e o processo vai ser exactamente o mesmo. Antes de começar, em prol da organização, cria um novo grupo com o nome Forest.
Cria um novo layer e coloca-o dentro do grupo que criámos ainda agora.
Para criar o efeito de relâmpago entre as árvores, usa o "Montion Blur" em vez de "Gaussian Blur".
Vai a Filter > Blur > Motion Blur.
Define o ângulo a -28º e a distância a 300 px.
E aqui está o nosso efeito:
Para terminar este passo, vamos criar uma layer mask neste grupo, para corrigir algumas partes da imagem.
Selecciona o grupo Forest e clica no botão "Add layer mask".
Agora pinta com preto as áreas que não queremos que sejam afectadas pela luz, como os troncos das árvores da frente. Observa a imagem em baixo, onde está o resultado final, com as partes da imagem que tens que pintar.
E isto é como o teu painel de layers deve estar:
Passo 11: Pintura do planeta grande
Estamos a chegar ao fim. Cria novamente um novo grupo, designa-o "Big Planet" e adiciona-lhe um layer.
Agora abre o grupo Imagens e arrasta o layer "Small Planet" para o topo da nossa lista.
Arrasta também, o grupo Big Planet, que acabámos de criar, para debaixo do grupo Images.
Selecciona o layer que criámos dentro do grupo Big Planet e começa a pintar.
Neste passo vamos pintar a maior parte do planeta com preto, pressiona D, para teres fácil acesso ao preto como a como cor a utilizar.
Como podes ver na imagem acima, é preciso melhorar a luminosidade no topo das árvores. Para isso selecciona a "layer mask" que criámos anteriormente (do grupo Forest) e pinta com preto puro essa parte. Podes ter como referência a imagem em baixo:
E agora podemos regressar ao grupo Big Planet, criar um novo layer e continuar a pintura:
O preto que pusemos no céu, agora é um bocado escuro, por isso abre o grupo Field e procura esse layer.
No meu caso é o Layer 2.
Depois de o encontrares, reduz a sua opacidade para 75%
O resultado deve ser um preto escuro como este:
Agora volta para o grupo Big Planet e vamos acabar a pintura do primeiro planeta.
Neste passo vamos pintar com branco puro. Para um acesso rápido à cor pressiona D e de seguida X.
Passo 12: Pintura o planeta pequeno
Esta é a última parte do nosso processo de pintura. Cria um novo grupo, chamado Small Planet e coloca o layer Small Planet dentro deste.
Cria um novo layer e coloca-o no topo do novo grupo.
Agora pressiona "Alt" e clica no espaço entre os dois layers. Se fizeste isto correctamente deves ver um sinal (evidenciado na imagem abaixo) ao lado do layer, o que significa que esse layer agora está anexado ao de baixo, ou seja, todas as pinturas que fizeres vão alterar apenas o layer em questão.
Finalmente, altera a cor dominante e pinta:
Cria um novo layer e coloca-o no topo da lista dentro do grupo Small Planet e anexa-o ao layer anterior (Hold "Alt" e clica entre os layers)
Cria um novo layer dentro deste grupo, mas desta vez arrasta-o para baixo do layer Small Planet.
Cria um novo layer e coloca num lugar qualquer sob o layer Small Planet, mas ainda dentro do mesmo grupo.
Dentro do mesmo grupo cria um novo layer e coloca-o no topo.
Neste passo vamos pintar com branco puro. Para um acesso rápido à cor pressiona D e de seguida X.
Cria um novo layer e coloca-o num sítio qualquer, sob o layer Small Planet
É um bocado difícil de ver, mas desenha uma linha estreita no canto esquerdo do ecrã.
Vamos adiciona, novamente Gaussian Blur. Vai a Filter > Blur > Motion Blur e escolhe um ângulo e uma distância, respectivamente, de 0º e 2000 px.
Com o mesmo layer activo, adiciona um Gaussian Blur com 75 px de raio.
E aqui está o resultado:
Dentro do mesmo grupo cria um novo layer e coloca-o no topo.
Este próximo passo é difícil de ver, mas faz uma grande diferença no final. Selecciona branco como cor dominante (Pressiona D e X, para acesso rápido) e pinta uma linha vertical no canto da imagem (no mesmo sítio que pintámos no outro passo).
Cria um novo layer e coloca-o num sítio qualquer, sob o layer Small Planet
E isto é como a tua imagem se deve estar a parecer depois de todas as pinturas:
Passo 13: Adicionar a família
Vamos desenhar a família num novo layer, por isso começamos por aqui.
Carrega os pincéis que contém as silhuetas de pessoas, as quais fizemos download para o Phtoshop e selecciona a que está evidenciada na imagem:
Define o tamanho do pincel a 50 px e desenha uma família no lado esquerdo da imagem:
Faz uma cópia deste layer, arrastando-o para o botão "Create a new layer" (ou selecciona o layer e pressiona "Ctrl"+J)
Com a cópia do layer seleccionado vai a "Transform > Flip vertical".
Agora utiliza a ferramenta "Move" (atalho: V), para colocar a sombra debaixo da família.
Pressiona "Ctrl+T" ou vai a Edit > Free Transform para utilizar a ferramenta Free Transform. Um clique direito dentro do rectângulo e escolhe "Distort"
Agora arrasta um bocado os cantos inferiores direito e esquerdo para o lado esquerdo da imagem, como mostra na imagem:
Reduz a opacidade deste layer para 50%
E temos a sombra:
Agora cria uma layer mask no layer da sombra, clicandono botão "Add layer mask"
Utiliza o pincel (atalho: B) com 0% de dureza e a opacidade a 50% e pinta algumas áreas a preto. O resultado deve ser uma sombra mais suave (mais realista):
E isto é como a imagem deve parecer:
Passo 14: Ajustamento Finais
O último passo da nossa manipulação, vamos acrescentar alguns ajustamentos para melhorar o resultado final da imagem. Começa por juntar todos os layers usando as teclas de atalho Ctrl+Shift+Alt+E. Lembra-te de seleccionar o primeiro layer do painel antes de os juntar.
Agora aplica um Gaussian Blur com raio de 60 px (Filter > Blur > Gaussian Blur).
Altera o modo "blending" do layer para "Screen" e reduz a opacidade para cerca de 20%
Faz uma cópia deste layer, arrastando-o para o botão "Create a new layer" (ou selecciona o layer e pressiona "Ctrl"+J)
Altera o modo "blending" do novo layer para "Multiply" e reduz a opacidade para cerca de 10%
E o resultado deve ser:
Selecciona o primeiro layer do painel e volta a juntá-los a todos de novo, usando a tecla de atalho Ctrl+Shift+Alt+E.
Com este layer seleccionado vai a Filter > Render > Lens Flare.
Muda o ponto do meio deste efeito para o local evidenciado em baixo, e reduz o seu brilho para 50%.
Este é o resultado:
Com o mesmo layer seleccionado, vai a Filter > Render > Lightining Effects
Utiliza a imagem em baixo como referência e altera o ponto central do efeito, aumenta a largura e define a intensidade para 45. Deixa o resto das definições predefinidas.
E este é o resultado final:
Ver tutorial original (EN) em: