Advertisement
  1. Design & Illustration
  2. Photo Effects

Crie uma Cidade Fantasia Usando Fotografias Arquitetônicas

Scroll to top
Read Time: 12 min

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

Porquê a pintura mate frequentemente envolve a combinação de várias fotos para atingir um resultado final, pinturas mate podem ser uma ótima prática para qualquer um que queira aprender como criar foto manipulações. Neste tutorial, mostraremos como criar uma cidade de fantasia construída sobre uma estrutura de rocha, semelhante a Minas Tirith de "O Senhor dos Anéis". Durante o processo, você aprenderá várias técnicas para ajudá-lo a incorporar fotos arquitetônicas em sua arte. Vamos começar!


Videos de Speed Art

Antes de começar, assista a este incrível vídeo de speed art que mostra todo o processo de criação desta obra de arte.


Recursos do Tutorial

Os seguintes recursos foram utilizados durante a produção desse tutorial. Certifique-se de baixá-los antes de começar a trabalhar.  Muitas vezes, o conteúdo de terceiros é movido ou excluído ao longo do tempo. Se as fotos não estiverem disponíveis, você vai querer encontrar imagens alternativas antes de começar. Agradecimentos especiais a Marcel Vijfwinkel pelo uso de sua fotografia neste tutorial.


1. Cortar Imagens

Passo 1

Primeiro, abra uma das imagens de recurso. Vamos começar cortando o céu das nossas imagens recurso para podermos usá-las mais facilmente depois.

Open ImageOpen ImageOpen Image

Passo 2

Selecione a Ferramenta Varinha Mágica (magic wand tool).

Select Tool

Passo 3

Clique no céu até que você tenha selecionado tudo.

Select SkySelect SkySelect Sky
Select SkySelect SkySelect Sky

Tenha certeza de verificar as configurações da ferramenta para melhorar sua seleção. Eu usei essas configurações.

Tool SettingsTool SettingsTool Settings

Passo 4

Agora, vamos até o Detecção de Bordas (Refine Edge) para obter uma melhor seleção.

Refine EdgeRefine EdgeRefine Edge

Dependendo da imagem, você pode querer brincar com as configurações de Detecção de Bordas. Uma vez que a seleção pareça boa, use a tecla Delete para se livrar do céu. Deve se parecer com isso.

Cut Out SkyCut Out SkyCut Out Sky

Passo 5

Agora, pegue a Ferramenta de Marcação Retangular (Rectangular Marquee Tool) e selecione a parte que precisamos manter.

Select RegionSelect RegionSelect Region

Passo 6

Em seguida, recorte a imagem, indo até Imagem/Cortar (Image/Crop).

Crop ImageCrop ImageCrop Image

Passo 7

Agora podemos salvar a imagem para uso posterior. Salvá-lo como um arquivo PNG nos permite manter a transparência.

Save As PNGSave As PNGSave As PNG

Passo 8

Os passos anteriores são aplicáveis a todas as imagens que precisamos cortar, mas vamos fazer novamente. Abra outra imagem de recurso.

Open ImageOpen ImageOpen Image

Passo 9

Selecione o céu ao redor da imagem.

Select SkySelect SkySelect Sky

Passo 10

Tenha cuidado em áreas mais difíceis, como árvores. Para essas situações, é melhor ampliar.

Select SkySelect SkySelect Sky

Passo 11

Uma vez que cortamos o céu, a imagem deve ficar assim.

Delete SkyDelete SkyDelete Sky

Passo 12

Mais uma vez, a opção Detecção de Bordas (Refine Edge) pode ser útil para melhorar a seleção.

Refine Edge

Passo 13

Agora, passe um pouco de tempo repetindo o processo anterior em todas as imagens que precisaremos. Uma vez que temos toda nossa arquitetura cortada como arquivos PNG, podemos passar para a próxima parte do tutorial.

PNG FilesPNG FilesPNG Files

2. Construindo Nossa Cidade

Passo 1

Agora podemos começar o verdadeiro trabalho; construir nossa cidade de fantasia. Primeiro, abra nossa imagem principal do Mont Saint-Michel, que usaremos como base para a nossa cidade. Podemos trabalhar nesta imagem, ela deve ser grande o suficiente. Se o seu computador for um pouco lento, você pode querer reduzir o tamanho da imagem.

Open ImageOpen ImageOpen Image

Passo 2

Use a Ferramenta Laço Poligonal (Polygonal Lasso Tool) para selecionar uma das torres.

Select Tower

Passo 3

Copiar e mover para outra parte da imagem para adicionar mais torres. Você pode adicionar o quanto quiser.

Copy TowerCopy TowerCopy Tower

Passo 4

Agora selecione a Ferramenta de Marcação Retangular.

Select Tool

Passo 5

Selecione um pedaço de um prédio e use-o para cobrir outras partes da imagem. Você também pode usar a Ferramenta Pincel de Recuperação para Manchas (Spot Healing Brush Tool) e a Ferramenta Carimbo (Clone Stamp Tool).

Patch ImagePatch ImagePatch Image

Queremos nos livrar de qualquer coisa que pareça moderna ou indesejável, como andaimes metálicos, turistas, placas de loja modernas, etc. Uma imagem bem coberta deve ser parecer assim.

Patch Image

Comparando a versão original com a editada mostra como os elementos indesejados foram removidos. Não se preocupe com os carros por enquanto, vamos cuidar deles mais tarde.

Compare ImageCompare ImageCompare Image

Passo 6

Com a Ferramenta Laço Poligonal, selecione a torre principal da nossa estrutura. Cortar e colar em uma nova camada, guardaremos isso para mais tarde.

Select TowerSelect TowerSelect Tower
Remove TowerRemove TowerRemove Tower

Passo 7

Abra nossa imagem da cúpula da Catedral de St. Paul.

Open ImageOpen ImageOpen Image

Passo 8

Selecione a imagem e copiar e colar no nosso arquivo principal. Vamos manter todas as novas partes da arquitetura em uma camada separada para facilitar o uso mais tarde.

Paste ImagePaste ImagePaste Image

Passo 9

Para combinar o contraste das imagens vamos até Imagem/Ajustes/Níveis (Image/Adjustments/Levels). Nós queremos mexer com os dois níveis,k de entrada e saída, até eles combinarem. Nós faremos isso com todas as imagem que colaremos futuramente em nossa composição principal.

Adjust LevelsAdjust LevelsAdjust Levels

Passo 10

Duplicar nossa nova camada, vamos cobrir o buraco embaixo da cúpula.

Duplicate Layer

Passo 11

Mover a imagem para baixo para cobrir o buraco.

Move Layer DownMove Layer DownMove Layer Down

Passo 12

Queremos cortar a parte superior da cúpula um pouco para torná-la menos reconhecível. Selecione um pedaço e corte.

Cut PieceCut PieceCut Piece

Vamos mantes a parte superior e movê-la para baixo, reduzindo a altura do pináculo do domo.

Cut PieceCut PieceCut Piece
Move Piece Down

Passo 13

Abra nossa segunda imagem com uma cúpula.

Open ImageOpen ImageOpen Image

Passo 14

Copiar e colar a imagem e reduzir o tamanho usando a Ferramenta de Transformação Livre.

Transform ImageTransform ImageTransform Image
Scale Image

Passo 15

Precisamos ajustar os níveis da imagem novamente para combiná-los.

Adjust LevelsAdjust LevelsAdjust Levels
Adjust LevelsAdjust LevelsAdjust Levels

Passo 16

Agora vamos selecionar um pedaço de um telhado para usar como uma conexão entre nossas duas cúpulas. Copiar e mover.

Select RoofSelect RoofSelect Roof
Move RoofMove RoofMove Roof
Move RoofMove RoofMove Roof

Passo 17

Para adicionar mais detalhes, copie algumas das cúspides menores.

Select SpireSelect SpireSelect Spire

Passo 18

Fazer duas cópias e virar uma delas, então nós temos um total de quatro cúspides.  Use Imagem/Transformar/Virar Horizontal (Image/Transform/Flip Horizontal).

Flip ImageFlip ImageFlip Image
Flip ImageFlip ImageFlip Image

Passo 19

Mover para o lado conforme mostra a imagem.

Move ImageMove ImageMove Image

Passo 20

Podemos usar outra cópia para adicionar mais cúspides a outras partes da nossa cidade. Qualquer coisa que distancie da foto original ajuda.

Add More SpiresAdd More SpiresAdd More Spires

Passo 21

Selecione um pedaço de adorno de um telhado para acrescentar mais detalhes às nossas imagens recém adicionadas. Corte todos os pedaços indesejados.

Select Railing
Move RailingMove RailingMove Railing
Cut Off PieceCut Off PieceCut Off Piece

Passo 22

Pegue a nossa torre que cortamos da imagem anteriormente.

Cut Off PieceCut Off PieceCut Off Piece

Passo 23

Selecione os três arcos.

Select ArchesSelect ArchesSelect Arches

Passo 24

Mover uma cópia sobre a estrutura principal que segura o topo da nossa cidade. Nós vamos usar isso para acrescentar alguns detalhes.

Move ArchesMove ArchesMove Arches

Passo 25

Nós precisaremos de mais arcos para dimensioná-los um pouco e adicionar outra cópia ao lado.

Copy ArchesCopy ArchesCopy Arches

Passo 26

Selecione a parte abaixo dos arcos e copie-o algumas vezes. Em seguida, empilhe essas cópias para criar a ilusão de que os arcos estão se aprofundando na parede.

Select PieceSelect PieceSelect Piece
Duplicate PieceDuplicate PieceDuplicate Piece
Move Duplicates

Passo 27

Podemos aplicar a mesma técnica para adicionar mais arcos as outras paredes.

Repeat ProcessRepeat ProcessRepeat Process

Passo 28

A seguir, vamos adicionar algumas paredes largas. Selecione um pedaço de uma parede vazia de uma das casas.

Select WallSelect WallSelect Wall

Passo 29

Faça algumas duplicatas para que possamos ter um muro maior.

Copy WallCopy WallCopy Wall
Copy WallCopy WallCopy Wall

Passo 30

Para misturar um pouco, podemos usar outras partes de paredes também.

Select Wall

Passo 31

Posicione e transforme estas peças nos nossos pedaços de parede. Você pode usar a Ferramenta Borracha (Eraser Tool) para se livrar de costuras indesejadas.

Expand WallExpand WallExpand Wall

Agora temos algumas estruturas bonitas que expandem nossa cidade.

Expanded WallsExpanded WallsExpanded Walls

Passo 32

Abra a imagem que tem nossas torres cortadas da Torre da Ponte de Londres.

Open ImageOpen ImageOpen Image

Passo 33

Colar e dimensionar para combinar com a escala de nossa cidade. Uma boa referência é olhar o tamanho das janelas ou tijolos.

Paste ImagePaste ImagePaste Image

Passo 34

Mais uma vez precisamos combinar a iluminação e o contraste um pouco antes de prosseguir.

Adjust LevelsAdjust LevelsAdjust Levels

Passo 35

Para mudar a arquitetura da torre icônica, vamos fazer alguns cortes e colagens para mudar um pouco. Brinque com escala, cópia e rotação.

Adjust Image
Adjust Image

Passo 36

Uma vez que estivermos contentes, podemos começar a construir uma ponte para conectar a torre à estrutura principal da nossa cidade. Abra a imagem do nosso lindo castelo na Bélgica.

Open ImageOpen ImageOpen Image

Passo 37

Aumentando o zoom, podemos ver o portão de entrada que é uma ótima peça para uma ponte. Selecionar e copiar na nossa composição principal.

Select Part
Paste PartPaste PartPaste Part

Passo 38

Com algumas cópias podemos montar o portão de modo que se pareça com uma ponte.

Copy PartCopy PartCopy Part
Copy PartCopy PartCopy Part

Passo 39

Selecionar, copiar e colar um pedaço adequado da nossa cidade principal para usar como um pilar de suporte para nossa ponte. Se necessário use várias cópias até o pilar atingir o nível do chão.

Add PillarAdd PillarAdd Pillar
Add Pillar
Add PillarAdd PillarAdd Pillar

Passo 40

Ainda temos nossa torre original. Selecione a cúspide superior.

Tower LayerTower LayerTower Layer
Select Spire

Passo 41

Mova a cúspide para a nossa nova torre. Alterando o topo de telhado, alteramos a aparência dessa construção icônica.

Move SpireMove SpireMove Spire
Move SpireMove SpireMove Spire

Passo 42

Abra uma outra das nossas imagens de recurso e selecione a torre direita.

Select TowerSelect TowerSelect Tower

Passo 43

Posicione na cidade na escala correta.

Place TowerPlace TowerPlace Tower

Passo 44

Podemos também adicionar uma cópia da nossa torre e ponte a este lado da cidade. Para combinar a perspectiva, podemos virar horizontalmente.

Place TowerPlace TowerPlace Tower
Place BridgePlace BridgePlace Bridge

Passo 45

Corte o topo da torre.

Cut TowerCut TowerCut Tower

Passo 46

Use uma cópia das nossas quatro cúspides criadas anteriormente para decorar a torre.

Copy SpiresCopy SpiresCopy Spires
Copy SpiresCopy SpiresCopy Spires

Passo 47

Selecione um pedaço da nossa torre redonda, vamos usá-lo para construir outra torre no topo da cidade.

Select TowerSelect TowerSelect Tower
Move TowerMove TowerMove Tower

Passo 48

Com algumas cópias, podemos tornar a torre muito mais alta.

Copy TowerCopy TowerCopy Tower

Passo 49

Selecione metade da torre e use uma cópia invertida para ampliar a base.

Select Tower
Flip TowerFlip TowerFlip Tower
Flip TowerFlip TowerFlip Tower

Passo 50

Faça a torre ainda mais alta com outra cópia. Adicione também uma cópia da cúspide da nossa torre original para fazer a coisa toda parecer uma agulha gigante. Não esqueça de corrigir qualquer problema de iluminação ou contraste.

Copy Tower
Add Spire
Adjust LevelsAdjust LevelsAdjust Levels

Passo 51

Use outra cópia da nossa ponte para conectar a torre ao domo principal.

Add BridgeAdd BridgeAdd Bridge

Passo 52

Usamos muita arquitetura diferente, de diferentes períodos. Para tornar isso menos perceptível, podemos copiar características para outras partes da nossa imagem. Selecione uma das janelas da nossa torre de cúspides.

Select window

Passo 53

Use cópias desta janela para combinar a aparência da torre de cúspides com a da nossa cúpula principal.

Place WindowsPlace WindowsPlace Windows
Place WindowsPlace WindowsPlace Windows
Place WindowsPlace WindowsPlace Windows

Passo 54

A cidade ficando bonita. Vamos terminar com o ajuste da parede externa da base. Selecione uma grande porção da parede e use uma versão invertida para preencher o outro lado.

Adjust Base WallAdjust Base WallAdjust Base Wall
Adjust Base WallAdjust Base WallAdjust Base Wall

Passo 55

Para fechar o espaço restante no meio, selecione e copie outro pedaço da parede. Apague todas as emendas que você puder encontrar. No entanto, uma vez que o material de origem coincide tão bem, você não precisa ser tão preciso.

Adjust Base WallAdjust Base WallAdjust Base Wall
Adjust Base WallAdjust Base WallAdjust Base Wall

3. Plano de Fundo e Iluminação

Passo 1

Agora é hora de colocar nossa criação em um bonito plano de fundo e terminar a imagem. Abra um dos nossa imagem do céu e coloque atrás da estrutura.

Open SkyOpen SkyOpen Sky
Place SkyPlace SkyPlace Sky

Passo 2

A imagem não cobre todo o plano de fundo.  Basta selecionar pedaços e esticá-los para preencher o quadro.

Select SkySelect SkySelect Sky
Stretch SkyStretch SkyStretch Sky
Stretch SkyStretch SkyStretch Sky

Passo 3

Abra nossa imagem do deserto de Nevada e coloque-a na frente da nossa cidade.

Open BGOpen BGOpen BG
Place BGPlace BGPlace BG

Passo 4

Nós vamos usar máscaras para revelar partes de nossa imagem. Adicione uma Máscara de Camada e use a Ferramenta de Pincel com cores pretas para cobrir áreas e branco para revelá-las. Podemos usar um pincel redondo padrão para isso.

Mask BGMask BGMask BG

Essa é uma boa hora para cobrir os carros que estão estacionados na frente da estrutura original, ou qualquer outro elemento indesejado no primeiro plano.

Mask BGMask BGMask BG
Mask BGMask BGMask BG

Passo 5

A cena precisa estar corretamente iluminada para que possamos ajustar nossas camadas de modo que a camada do fundo seja a mais clara e a da frente seja a mais escura. Como o sol vem de trás, isso faz sentido.

Adjust LevelsAdjust LevelsAdjust Levels
Adjusted SceneAdjusted SceneAdjusted Scene

Passo 6

Eu mudei de ideia sobre o céu. Vamos abrir o novo céu e posicioná-lo em nossa cena da mesma forma que fizemos antes.  A luz fraca deste céu parece se encaixar melhor em nossa cena.

Open SkyOpen SkyOpen Sky
Paste SkyPaste SkyPaste Sky

Passo 7

Adicione uma nova camada e defina o modo de transferência para Subexposição Linear (Linear Dodge). Posicione a camada entre o primeiro plano e a nossa cidade, vamos pintar um pouco de poeira para mostrar mais profundidade.

Add Layer

Passo 8

Usaremos o mesmo pincel redondo padrão e uma cor que já é encontrada em nossa cena, como um marrom escuro ou cinza. Agora, basta pintar pedaços simples de fumaça e poeira como mostram as imagens.

Paint DustPaint DustPaint Dust
Paint DustPaint DustPaint Dust
Paint DustPaint DustPaint Dust
Paint DustPaint DustPaint Dust

Passo 9

Copiar nossa camada de primeiro plano e definir o modo de transferência como Subexposição de Cor (Color Dodge). Adicionar outra máscara e pintar onde a luz solar atingiria o chão. Seja sutil e pense em onde o sol iluminaria o chão e onde teríamos a sombra da cidade enorme.

Paint LightPaint LightPaint Light
Paint LightPaint LightPaint Light

Passo 10

Agora, defina o modo de transferência do seu pincel como Subexposição Linear. Até agora mantivemos todos os nossos elementos arquitetônicos adicionais separados, agora podemos usar isso para pintar poeira e luz no fundo e ajudar a separar as camadas.

Paint LightPaint LightPaint Light
Paint Light
Paint LightPaint LightPaint Light
Paint LightPaint LightPaint Light

Passo 11

Copie nossa camada da cidade e configure o modo de transferência para Subexposição Linear. Adicione uma máscara preta para tornar a nova camada invisível por enquanto.

Add Light Layer

Passo 12

Selecione as partes da estrutura onde a luz do sol a atingiria. Seja sutil, nós podemos deixar a maior parte da cidade no escuro.

Select StructuresSelect StructuresSelect Structures
Select StructuresSelect StructuresSelect Structures
Select StructuresSelect StructuresSelect Structures

Nós podemos usar o mesmo pincel de antes, agora pinte apenas dentro da seleção. Essa técnica produzirá bordas nítidas bonitas. Use um pincel branco para pintar em sua máscara, revelando a camada previamente adicionada.

Paint LightPaint LightPaint Light

Passo 13

A composição da nossa imagem é um pouco central demais. Mova a cidade um pouco para a esquerda e cole outra  imagem de recurso. Vamos usar isso para adicionar algumas estruturas fora das muralhas da cidade. Certifique-se de que tudo permaneça em escala.

Add StructuresAdd StructuresAdd Structures
Add StructuresAdd StructuresAdd Structures

Passo 14

Vamos também pegar alguns edifícios menos elegantes da nossa cidade principal e copiá-los.

Select StructuresSelect StructuresSelect Structures
Select StructuresSelect StructuresSelect Structures

Passo 15

Um pedaço do edifício é suficiente, então vamos cortá-lo e combinar a iluminação com o resto da cena.

Select Structure
Darken LevelsDarken LevelsDarken Levels

Abaixo você pode ver o resultado de copiar mais alguns elementos. Adicione o quanto desejar. Você sempre pode mover a cidade mais à esquerda se precisar de espaço para mais edifícios.

ExampleExampleExample

Passo 16

Estamos quase finalizando, precisamos apenas pintar algum  luz do sol espalhada para dar um toque brilhante. Crie uma nova camada de Subexposição Linear. Então escolha um bom tom quente e pinte a nossa luz do sol com ele. Experimente com mais ou menos saturação.

Create Light Layer
Pick Sunlight ColorPick Sunlight ColorPick Sunlight Color

Passo 17

Nosso último passo é pintar ao sol e a luz ao redor da cena. Vamos usar o mesmo pincel redondo. Tente encontrar um equilíbrio entre demais e muito pouco.

Paint SunlightPaint SunlightPaint Sunlight
Final ResultFinal ResultFinal Result

Conclusão

Neste tutorial, aprendemos a cortar e colar partes de fotos e combiná-las para criar estruturas de grande aparência. Lembre-se de manter sempre a escala e a perspectiva em mente, combine as luzes e cores de todos os seus elementos. Quando terminar, lembre-se de usar um pouco das ótimas habilidades de iluminação do Photoshop para dar a tudo uma toque levemente mágico. Divirta-se!

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads