1. Design & Illustration
  2. Photo Manipulation

Como Criar uma Cena Espacial de Ficção Científica com o Adobe Photoshop

by
Read Time:11 minsLanguages:
This post is part of a series called Astronomical Graphic Design.
How to Create a Set of Space Icons Using Adobe Illustrator
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Neste tutorial eu irei mostrar a você como criar um trabalho de arte de ficção científica (sci-fi) com planetas, espaçonaves e nébulas. Você aprenderá a como criar um fundo espacial do zero, criar um planeta de uma forma fácil e combinar elementos espaciais usando técnicas de mesclagem. Você também irá aprender a como ajustar o contraste e a cor, criar efeitos de iluminação e a melhorar a profundidade de campo.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

1. Criando o Fundo Espacial

Passo 1

Crie um novo documento de 3000 x 2000 px no Photoshop com as configurações abaixo:

space background filespace background filespace background file

A cor de fundo precisa ser preta.

Passo 2

Pressione Ctrl-Shift-N para criar uma nova camada. Ative a Ferramenta Pincel (B) , escolha um pincel redondo suave e defina a cor de primeiro plano para #8c92ae. Pinte ao redor da seção central do fundo preto:

space background color 1space background color 1space background color 1

Altere o modo desta camada para Luz Direta 100% (Hard Light):

space background color 1 hard light modespace background color 1 hard light modespace background color 1 hard light mode

Passo 3

Crie uma nova camada e use um pincel redondo suave com cores diferentes para criar pontos de cores na área de desenho. Você pode usar as cores que quiser, mas não esqueça que estamos criando um fundo colorido, então escolha cores vibrantes. Aqui estão as minhas escolhas de cores: #378c6c, #c20707, #cf53c8.

space background colors 2space background colors 2space background colors 2

Lembre-se de não preencher toda a área de desenho com as cores — nós precisamos de um espaço para o sombreamento escuro e profundidade.

Passo 4

Em uma nova camada, altere a cor do primeiro plano para #44595b e use um pincel suave para pintar nas bordas e nos cantos da área de desenho.

space background color 3space background color 3space background color 3

Altere o modo desta camada para Luz Direta 100% (Hard Light):

space background color 3 hard light modespace background color 3 hard light modespace background color 3 hard light mode

Passo 5

Crie uma nova camada e pressione D para definir a cor de primeiro plano/segundo plano para o padrão (preto e branco). Use a Ferramenta Laço (L) para fazer uma seleção na área de desenho e defina o Raio da difusão (feather) para 60 px:

selection with feather 60selection with feather 60selection with feather 60

Vá para Filtro > Renderização > Nuvens (Filter > Render > Clouds):

apply clouds filterapply clouds filterapply clouds filter

Altere o modo desta camada para Subexposição de Cores 100% (Color Dodge):

cloud filter color dodge modecloud filter color dodge modecloud filter color dodge mode

Passo 6

Use uma camada de ajuste e defini-a como Máscara de Corte (Clipping Mask) para deixar o efeito mais sutil. Vá para Camada > Nova Camada de Ajuste > Níveis (Layer > New Adjustment Layer > Levels):

clouds filter levels clouds filter levels clouds filter levels

Nesta máscara de camada, use um pincel redondo suave com a cor preta para revelar a vibração em algumas áreas como mostrado abaixo:

clouds filter levels layer maskclouds filter levels layer maskclouds filter levels layer mask
levels mask resultlevels mask resultlevels mask result

Passo 7

Duplique a camada das nuvens e mova a camada duplicada  acima da primeira e da camada de ajuste de Níveis (Levels). Vá para Filtro > Renderização > Nuvens por Diferença (Filter > Render > Different Clouds):

clouds filter layer duplicated and orderedclouds filter layer duplicated and orderedclouds filter layer duplicated and ordered
apply different clouds filterapply different clouds filterapply different clouds filter

Selecione Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e altere o Raio para 35 px:

different clouds filter gaussian blurdifferent clouds filter gaussian blurdifferent clouds filter gaussian blur

Passo 8

Crie uma camada de ajuste de Balanço de Cores para alterar as cores resultantes um pouco.

space background color balancespace background color balancespace background color balance

Passo 9

Está na hora de criar algumas estrelas. Crie uma nova camada e altere a cor de primeiro plano para #72c6fd. Use um pincel duro para pintar estrelas aleatórias sobre a área de desenho, lembre-se de variar o tamanho do pincel:

paint small stars paint small stars paint small stars

Dê um duplo clique nesta camada, escolha Brilho Externo (Outer Glow) e defina a cor do brilho para branco:

star outer glowstar outer glowstar outer glow
outer glow resultouter glow resultouter glow result

Passo 10

Crie uma camada de ajuste de Curvas acima de todas as camadas e altere a cor do efeito:

space background curvesspace background curvesspace background curves

Passo 11

Abra a imagem da nébula. Arraste esta imagem na nossa área de desenho principal usando a Ferramenta Mover (V) e a amplie usando a Ferramenta Transformação Livre (Ctrl-T):

add nebulaadd nebulaadd nebula

Altere o modo desta camada para Subexposição Linear 100% (Linear Dodge):

nebular linear dodge modenebular linear dodge modenebular linear dodge mode

Passo 12

Adicione uma máscara para esta camada e use um pincel suave de cor preta para reduzir o efeito e fazê-lo parecer sutil no fundo existente:

nebula masking nebula masking nebula masking
nebula masking resultnebula masking resultnebula masking result

Passo 13

Use uma camada de ajuste de Balanço de Cores (defina-a como Máscara de Corte (Clipping Mask)) para alterar a cor do efeito da nébula um pouco:

nebula color balancenebula color balancenebula color balance
space background resultspace background resultspace background result

Salve o resultado em um arquivo JPG para uso futuro.

2. Adicionando o Fundo Espacial

Passo 1

Crie um novo documento de 2200 x 1600 px e defina cor do fundo para preto. Abra a cena do espaço que criamos no primeiro estágio e arraste-a para dentro desta nova área de desenho usando a Ferramenta Mover (V).

add space backgroundadd space backgroundadd space background

Adicione uma máscara para esta camada e use um pincel suave de cor preta para reduzir a opacidade da imagem, fazendo a seção central ser mais visível do que o resto:

space background maskingspace background maskingspace background masking

Passo 2

Para fazer o meio mais visível, crie uma nova camada e use um pincel suave de cor branca para pintar nesta área. Altere o modo desta camada para Luz Suave 100% (Soft Light):

brighten middle sectionbrighten middle sectionbrighten middle section
brightening resultbrightening resultbrightening result

3. Adicionando os Planetas

Passo 1

Abra a textura do planeta. Crie uma nova camada e use a Ferramenta Carimbo (S) para remover a quatro linhas pretas na imagem.

planet textureplanet textureplanet texture
clone black linesclone black linesclone black lines

Passo 2

Pressione Ctrl-Shift-Alt-E para mesclar o fundo e duplicar as camadas em uma nova. Em uma camada do planeta mesclado, use a Ferramenta Letreiro Elíptico (M) para fazer um círculo. Vá para Filtro > Distorção > Esferização (Filter > Distort > Spherize):

grab a circlegrab a circlegrab a circle
spherize filterspherize filterspherize filter
spherize filter resultspherize filter resultspherize filter result

Passo 3

Clique nesta seleção e escolha Camada via Cópia (Layer via Copy). Nós temos a base do planeta em uma nova camada transparente (eu desativei o fundo, dupliquei e mesclei as camadas para ajudar você a ver o resultado mais claramente).

planet baseplanet baseplanet base

Passo 4

Arraste o planeta para dentro do seu documento principal e diminua sua escala usando Ctrl-T. Posicione-o no centro da imagem.

add big planetadd big planetadd big planet

Passo 5

Crie uma camada de ajuste de Matiz/Saturação (Hue/Saturation) (defina-a como Máscara de Corte (Clipping Mask)) e reduza o valor da Saturação para -87:

big planet hue saturationbig planet hue saturationbig planet hue saturation

Passo 6

Use uma camada de ajuste de Curvas para reduzir a luminosidade.

big planet curvesbig planet curvesbig planet curves

Nesta máscara de camada, use um pincel suave de cor preta para apagar a seção da parte externa do planeta para trazer umas luzes para ele, e também deixar a sombra no meio.

big planet curves masking resultbig planet curves masking resultbig planet curves masking result

Passo 7

Crie uma camada de ajuste de Balanço de Cores e altere as configurações dos Tons Médios (Midtones):

big planet color balancebig planet color balancebig planet color balance

Passo 8

Crie uma nova camada (defina-a como Máscara de Corte) e use um pincel suave com a cor #b68fa4 para pintar em algumas áreas ao redor do planeta para colorí-lo (nós o colocamos em um fundo colorido). Altere o modo desta camada para Luz Suave 100% (Soft Light).

big planet coloring 1big planet coloring 1big planet coloring 1

Passo 9

Crie uma nova camada e altere a cor do pincel para #b6eadd. Pinte em algumas outras áreas do planeta com o mesmo propósito e defina o modo desta camada para Luz Suave (Soft Light).

big planet coloring 2big planet coloring 2big planet coloring 2

Passo 10

Adicione dois outros planetas aos lados do planeta grande, faça com que eles fiquem muito menores.

add small planetsadd small planetsadd small planets

Passo 11

Selecione as camadas dos planetas pequenos e pressione Ctrl-G para criar um grupo para eles. Altere o modo deste grupo de Passagem (Pass Through) para Normal 100%. Crie uma nova camada acima das camadas dos planetas e use um pincel suave de cor preta com a Opacidade por volta de 70-80% para pintar a sombra na parte inferior dos planetas.

small planets shadowsmall planets shadowsmall planets shadow

Passo 12

Crie uma camada de ajuste de Matiz/Saturação (Hue/Saturation) e reduza o valor da Saturação para -86:

small planets hue saturationsmall planets hue saturationsmall planets hue saturation

Passo 13

Use uma camada de ajuste de Balanço de Cores para alterar a cor do planeta.

small planets color balancesmall planets color balancesmall planets color balance

4. A Cor Básica e a Luz

Passo 1

Nós iremos colorir os planetas e adicionar mais luz no espaço. Crie uma nova camada acima do grupo dos planetas e use um pincel suave com a cor #b6eadd para pintar na parte central do topo da cena. Altere o modo desta camada para Luz Suave 100% (Soft Light).

space coloring 1space coloring 1space coloring 1
space coloring 1 soft light modespace coloring 1 soft light modespace coloring 1 soft light mode

Passo 2

Use uma nova camada com o pincel de cor #b68fa4. Pinte na parte superior do planeta grande e altere o modo para Luz Suave 100% (Soft Light).

splace coloring 2 splace coloring 2 splace coloring 2
space coloring 2 soft light modespace coloring 2 soft light modespace coloring 2 soft light mode

Passo 3

Crie uma camada de ajuste de Curvas acima de todas as camadas e aumente os realces.

space curvesspace curvesspace curves

Nesta máscara de camada, use um pincel suave de cor preta para reduzir o brilho na parte de baixo dos planetas e do espaço já que eles estão escondidos da luz.

space curves resultspace curves resultspace curves result

5. Adicionando as Espaçonaves

Passo 1

Abra a imagem das espaçonaves. Selecione as três espaçonaves que tem poses similares e adicione-as no espaço. Duplique e rotacione elas em direção ao grande planeta. Quanto mais próxima do primeiro plano, maior será a espaçonave.

add spaceshipsadd spaceshipsadd spaceships

Passo 2

Crie um grupo para as camadas das espaçonaves e altere o modo deste grupo para Normal 100%. Use uma camada de ajuste de Matiz/Saturação (Hue/Saturation) dentro deste grupo para remover a saturação das espaçonaves.

spaceships hue saturationspaceships hue saturationspaceships hue saturation

Passo 3

Crie uma camada de ajuste de Balanço de Cores e adicione um pouco de ciano/azul para as espaçonaves.

spaceships color balancespaceships color balancespaceships color balance

Passo 4

Use uma camada de ajuste de Curvas para escurecer as espaçonaves.

spaceship curves 1spaceship curves 1spaceship curves 1

Nesta máscara de camada, use um pincel suave de cor preta para revelar a luz no topo das espaçonaves, pois elas devem ser mais brilhantes do que a parte inferior:

spaceships curves 1 resultspaceships curves 1 resultspaceships curves 1 result

Passo 5

Crie uma outra camada de ajuste de Curvas para dar mais luz para o topo das espaçonaves.

spaceship curves 2spaceship curves 2spaceship curves 2

Selecione um pincel suave de cor preta e pinte na camada de ajuste de Curvas para manter o sombreamento na sua parte inferior.

spaceships curves 2 resultspaceships curves 2 resultspaceships curves 2 result

Passo 6

Use uma nova camada com um pincel suave de cor branca para pintar mais realces para algumas espaçonaves. Altere o modo desta camada para Sobrepor 100% (Overlay).

spaceships highlightsspaceships highlightsspaceships highlights
spaceship highlights overlay modespaceship highlights overlay modespaceship highlights overlay mode

6. Adicionando os Asteróides

Passo 1

Abra as imagens dos asteróides. Selecione asteroides diferentes para colocá-los em volta do planeta grande, duplicando e transformando eles se necessário e faça com que eles fiquem muito, mas muito menores do que os planetas. Rotacione as partes brilhantes dos asteroides na direção da luz.

add asteroidsadd asteroidsadd asteroids

Passo 2

Adicione alguns asteroides na parte inferior esquerda e no canto direito da cena do espaço, e faça-os maiores do que os atuais. Desfoque-os para dar uma profundidade para a cena, aplicando um Desfoque Gaussiano (Gaussian Blur) de 8 px para cada uma destas camadas.

more asteroids with gaussian blurmore asteroids with gaussian blurmore asteroids with gaussian blur

Passo 3

Crie um grupo para todas as camadas dos asteróides. Use uma camada de ajuste de Balanço de Cores para coincidir as cores dos asteroides com a de outros elementos:

asteroids color balanceasteroids color balanceasteroids color balance

Passo 4

Crie uma camada de ajuste de Curvas e reduza a luminosidade:

asteroids curves 1asteroids curves 1asteroids curves 1

Nesta máscara de camada, use um pincel suave de cor preta para revelar a luminosidade nos asteróides:

asteroids curves 1 maskingasteroids curves 1 maskingasteroids curves 1 masking

Passo 5

Crie outra camada de ajuste de Curvas para dar mais luz para os asteróides.

asteroids curves 2asteroids curves 2asteroids curves 2

Use esta máscara de camada para manter o sombreamento dos asteróides, especialmente nas partes que estão escondidas da luz.

asteroids curves 2 maskingasteroids curves 2 maskingasteroids curves 2 masking

7. Adicionando as Luzes e os Rastros de Luz

Passo 1

Crie uma nova camada e pegue um pincel duro com a cor #eebde2. Adicione pequenos pontos para criar as luzes nas espaçonaves. Quanto maior a espaçonave, maior serão os pontos.

spaceships lights spaceships lights spaceships lights

Passo 2

Para fazer um rastro brilhante que vemos muitas vezes em artes espaciais, crie uma nova camada e use um pincel suave colorido com a cor #7b3e51 para criar um ponto de cor na área de desenho. Diminua o tamanho do pincel e escola uma cor clara #d69e96 para colocar um ponto de cor no centro do último ponto que fizemos.

light trail making light trail making light trail making

Converta esta camada para um Objeto Inteligente (Smart Object) e use Ctrl-T para alterar sua perspectiva e fazer com que eles se pareçam com um rastro. Posicione-os na parte inferior da espaçonave:

add in light trailadd in light trailadd in light trail

Passo 3

Duplique-os várias vezes e adicione os rastros para outras espaçonaves.

add light trails to others spaceshipsadd light trails to others spaceshipsadd light trails to others spaceships

Passo 4

Crie uma nova camada e defina o seu modo para Subexposição de Cores 100% (Color Dodge). Use um pincel suave com a cor #eebde2 para pintar a parte mais clara dos rastros na parte inferior das espaçonaves.

lightest part of traillightest part of traillightest part of trail

8. O Ajuste Final

Crie uma camada de ajuste de Curvas para iluminar toda a cena, especialmente na parte superior central.

Whole scene curvesWhole scene curvesWhole scene curves

Use um pincel suave de cor preta para apagar as laterais e tonificar o maior planeta criando um ótimo contraste do efeito final.

whole scene curves resultwhole scene curves resultwhole scene curves result

Parabéns, Você Terminou!

Obrigado por seguir este tutorial, e eu espero que você tenha aprendido algo novo com ele. Sinta-se livre para deixar seus comentários no espaço abaixo — Eu adoraria vê-los. Aproveite a arte de 'Photoshopear'!

final resultfinal resultfinal result
One subscription.
Unlimited Downloads.
Get unlimited downloads