EBOOK

REPRESENTAÇÃO EM
ARQUITETURA

Um guia pra você aprender

a humanizar plantas
baixas, cortes e fachadas
no Photoshop

@pi.earq |
por Pietra Cantanhede
 ÍNDICE DE
CONTEÚDO
01 INTRODUÇÃO
Quem sou eu, porquê criei o e-book e pra o que ele serve

MATERIAL
02 Link do drive com os materiais

CONHECENDO O PHOTOSHOP
03 Explorando a interface e os principais recursos do programa

07 EM PRÁTICA: PLANTA BAIXA

Aplicação de conceitos em planta baixa

20 EM PRÁTICA: ELEVAÇÕES
Aplicação de conceitos em cortes e fachadas

@pi.earq |
por Pietra Cantanhede
 01

INTRODUÇÃO
PARA O QUÊ SERVE ESSE E- E QUEM FEZ?
BOOK?
Esse ebook foi criado com muito carinho Meu nome é Pietra
e dedicação para você que é seguidor Cantanhede, tenho 20
do @pi.earq (ou não, né?). anos e moro em Recife.
Com ele você vai conhecer um pouco o Comecei a faculdade de
Photoshop, aprender a humanizar Arquitetura e Urbanismo
plantas e a fazer cortes coloridos que em 2018 e criei o @pi.earq
enriquecem suas apresentações! em setembro de 2019,
com o intuito de
reunir meus co-
nhecimentos e
compartilhá-los.

@pi.earq |
por Pietra Cantanhede
 02

MATERIAL
Sempre que precisar, retorne para essa página. Aqui você encontra o link para download
dos materiais que o exercício do e-book pede.
É só clicar na caixinha abaixo que você será redirecionadx para o drive.

DRIVE

@pi.earq |
por Pietra Cantanhede
 03

PARTE 1 CONHECENDO O
PHOTOSHOP

@pi.earq |
por Pietra Cantanhede
 04
CONHECENDO O
PHOTOSHOP
Conhecido no mundo do design gráfico, o Photoshop é o principal programa de edição de imagem
que existe. Ele pertence ao pacote Adobe assim como o Illustrator e o InDesign, que são mais voltados
para diagramação.
Por hora, só vou te ensinar o que sei sobre o Photoshop. Ele será o nosso programa amigo ao longo do
e-book.
Ah, não se preocupe se você não souber usá-lo ainda, pois te ensinarei o básico e darei várias dicas
também. Caso você já saiba como funcionam as configurações, as principais ferramentas e a interface
no geral, pode pular pra página 07.

1. COMO FAÇO PARA BAIXAR?

Existem vários tutoriais pelo youtube a fora, mas vou te indicar o que eu
utilizei pra baixar e instalar o photoshop no meu computador. É só clicar
abaixo.

TUTORIAL PARA BAIXAR PHOTOSHOP

@pi.earq |
por Pietra Cantanhede
 05
CONHECENDO O
PHOTOSHOP
2. BAIXEI E INSTALEI. O QUE EU FAÇO AGORA?
Agora é hora de entender a interface do programa.
Pegando a maior parte da tela,
estão os arquivos que você abriu
ou criou recentemente.
Do lado esquerdo estão dois
botões importantes: Criar e Abrir.
No photoshop você pode abrir
arquivos de diferentes formatos,
mas os mais comuns são .jpeg,
.jpg, .png e .pdf! Os arquivos
photoshop são nomeados de
.psd e com eles podemos editar
várias coisas.

@pi.earq |
por Pietra Cantanhede
 06
CONHECENDO O
PHOTOSHOP
Para CRIAR um arquivo novo, clique em CRIAR. A aba abaixo será aberta e nós vamos entender como
ela funciona.
Do lado direito da imagem temos o
espaço onde coisas importantes
são configuradas.
Espaço pro título do seu arquivo

Tamanho da largura do arquivo.

Pode ser pixels, milímetros,
centímetros... Também válido
pra altura.

A resolução é importante.
Dependendo do tamanho do
seu arquivo e da forma como A escolha do modo de cores
será apresentado (impresso ou também é importante. Quando o
virtual), a resolução também arquivo for impresso, o ideal é
muda. escolher CMYK. Caso não tenha
previsão de ser impresso, o RGB
é a melhor escolha.
O fundo do seu arquivo você
escolhe aqui!

@pi.earq |
por Pietra Cantanhede
 07
CONHECENDO O
PHOTOSHOP
O próprio photoshop já tem alguns dimensões pré-estabelecidas que te ajudam e poupam seu tempo.

3. ENTENDENDO A INTERFACE DE PRODUÇÃO

Depois de abrir seu arquivo, você será guiado para o que eu chamo de "interface
de produção", mas também pode ser chamado de layout.
É nessa parte que você tem liberdade pra fazer a pós-produção de imagens
ou até começar algo do zero.
Nós vamos entender como funcionam alguns recursos do Photoshop
(presentes nessa interface) na prática, certo? Passa pra próxima página!

@pi.earq |
por Pietra Cantanhede
 08
CONHECENDO O
PHOTOSHOP
Primeiro, vamos entender os "pedaços" dessa interface.

Na parte superior fica o Menu Horizontal. Nele existem várias funções de edição.
Paleta de cores
com acesso
rápido.
Logo abaixo
estão as
propriedades das Tutoriais rápidos
ferramentas. disponibilizados
pelo próprio
Photoshop.

Essa é a barra de
ferramentas.

Nessa parte ficam

Essa parte maior é onde
a mágica acontece.
Seus arquivos serão
editados aqui.
@pi.earq |
por Pietra Cantanhede
as camadas, elas
servem pra
organizar cada
parte da nossa
Lembre-se que o zoom on e arte.
Nesse menu ficam
o zoom out são seus amigos! algumas abas que você
pressione CTRL + ou CTRL - mesmo pode configurar
sempre que precisar. como achar melhor.
 09

PARTE 2 EM PRÁTICA:
PLANTA BAIXA

@pi.earq |
por Pietra Cantanhede
 10
EM PRÁTICA:
PLANTA BAIXA
Para humanizar plantas baixas, o ideal é que o arquivo esteja salvo em PDF pra qualidade não cair. Ou
seja, o arquivo que você plotou em pdf vai ser usado aqui do jeitinho que ele está.
Depois de abrir o arquivo em PDF, note que o fundo ficará
transparente. Clique nesse símbolo da imagem (ou digite CTRL +
SHIFT + N) para criar uma nova camada.
Note que essa camada nova ficará acima da anterior. Isso significa que tudo que for feito nela, estará
acima do seu PDF (que é a camada 1). Segure e arraste a camada 2 para baixo da camada 1, clique no
balde de tinta (fica nas ferramentas) e escolha a cor branca. Tinja toda a camada e assim teremos um
fundo branco.

dica: renomeie as camadas para não se perder!

balde de tinta!!!

@pi.earq |
por Pietra Cantanhede
 11
EM PRÁTICA:
PLANTA BAIXA
Antes de continuar, defina como vai querer a humanização de sua planta. Ela pode ser mais colorida,
com cores mais fortes, ou então mais minimalista, destacando apenas o verde da vegetação, por
exemplo.
Nesse caso eu vou fazer uma mistura de ambos os tipos.

Clique na varinha mágica (ou digite W) e O baldinho não vai mais funcionar
selecione todas as paredes (para isso, aqui. Por isso selecione a
pressione o SHIFT enquanto usa a ferramenta de pincel (ou digite B), e
ferramenta). coloque-o em um tamanho
razoável (acima de 1k). Não
Tudo o que você selecionou ficará com
esqueça de verificar se a opacidade
essas bordinhas tracejadas.
está em 100%. Então, dê um clique
Pressione CTRL + SHIFT + N e crie uma
na tela e as paredes serão tingidas
nova camada com o nome "paredes".
da cor nova.
Com o baldinho de tinta, escolha uma
Com a camada do PDF ativada,
cor e tinja as paredes.
selecione todas as partes referentes
Caso não tenha gostado, é só clicar na
à vegetação. Crie uma nova
varinha mágica de novo e clicar em cima
camada com o nome "vegetação" e
do arquivo. Tudo o que está fora das
tinja de verde.
paredes foi selecionado. Clique com o
botão direito sobre o arquivo e escolha
"Selecionar inverso".

@pi.earq |
por Pietra Cantanhede

EM PRÁTICA:
PLANTA BAIXA
Escolhi um verde claro pra combinar
com o estilo de humanização que
quero.
Ao clicar com o botão direito na imagem
da camada, existe uma opção chamada
"opções de mesclagem". Nela é possível
acrescentar sombras à sua camada,
mesclá-la com alguma imagem ou dar
brilho.
Em sobreposição de
padrão, escolha a
imagem de grama e
altere a opacidade e a
escala como preferir.
Agora vamos para o piso!
No drive tem algumas texturas, baixe-as (e fique com elas, são suas
também agora!).
Abra o arquivo do textura de madeira como imagem normal no
photoshop. Com a ferramenta de seleção selecione toda a imagem,
copie e cole (CTRL C e CTRL V) no arquivo da planta baixa.
@pi.earq |
por Pietra Cantanhede
12
Repara que outra camada foi criada.
Renomeia pra "PISO MADEIRA" pra
não se perder.
Depois clique com o botão direito
na camada e selecione "duplicar
camada".
Vai parecer que nada
acontece, mas aconteceu.
A imagem duplicou
exatamente no lugar da
anterior, então uma está
em cima da outra.
Clique em cima da textura e arraste
para o lado. O photoshop te dá
guias de referência e elas ficam no
tom roxo/rosa. Com isso, deixe uma
imagem "colada" na outra (use as
setas do teclado pra ajudar).
Na nova camada criada, clique com
o botão direito e aperte em Mesclar
para Baixo. Suas duas camadas
agora viraram só uma! Repita o
processo quantas vezes achar bom.

EM PRÁTICA:
PLANTA BAIXA
Arraste a camada do piso para baixo da
camada do PDF (o traço azul indica
onde ficará a camada).
Toda a textura foi parar debaixo do PDF.
Assim é possível ver as linhas (que
definiem os móveis, as portas, a escada)
dele que nos guiarão no próximo passo.
Agora nós vamos posicionar a textura no
lugar correto. Essa madeira é para ficar
na sala e na parte de acesso ao
pavimento superior.
Com o comando CTRL + T, a caixa de
seleção é ativada e é possível
redimensionar qualquer imagem.
Clique em uma das extremidades e
arrume a textura no seu desenho até
que cubra apenas a parte desejada (e
que a escala da textura seja coerente
com o desenho).
Note que a textura ficou passando a área
desejada, vamos arrumar isso.
13
Com a ferramenta de seleção,
selecione o que você não quer que
tenha essa textura e aperte em
delete no teclado.
Assim a textura não ficará nessas
partes selecionadas. Fiz o processo
no banheiro, no terraço e na
cozinha.
Obs.: Não esqueça de tirar a textura
da parte das janelas e portas
também!
Para escurecer um pouco o tom da
madeira, selecione "opção de
mesclagem" da camada, depois
sobreposição de cor. Selecione
uma cor de sua preferência e altere
a opacidade.
Em relação aos outros materiais, o
processo segue o mesmo.

@pi.earq |
por Pietra Cantanhede
 14
EM PRÁTICA:
PLANTA BAIXA
Existe outra forma de colocar textura em Repita o mesmo processo feito na
uma área, mas essa é mais limitada. vegetação (página 12). Deixe em
"Normal" pra textura aparecer e vá
Estando na camada do PDF, com a regulando a opacidade até ficar do jeito
varinha mágica selecione uma área. que você quer.
Aperte CTRL + SHIFT + N para criar a Faça o mesmo para o terraço e para área
camada nova e renomeie. de estacionamento. Ao finalizar nas
opções de mesclagem, você pode
Com o baldinho de tinta, pinte a área editar a opacidade na própria aba de
com uma cor aleatório apenas para camadas.
preencher o espaço.
Depois de tudo feito, o resultado
Abra a imagem da textura que você quer foi esse:
usar em um novo arquivo, vá em
EDITAR e lá embaixo terá a opção de Mas falta vegetação! Árvores,
"definir padrão". Depois que você fizer arbustos. Também faltam
isso, a sua imagem se tornou um padrão sombras, acabou ficando muito
dentro do photoshop, que é o que chapado.
usaremos nesse método.
Vou te ensinar a deixar essa
Volte para a sua planta baixa. Na camada
planta realmente mais
nova que criou, clique com o botão
humanizada.
direito e aperte em opções de
mesclagem.

@pi.earq |
por Pietra Cantanhede

EM PRÁTICA:
PLANTA BAIXA
Na pasta do drive tem outra pasta
chamada BRUSHES. Dentro dela existe
um arquivo chamado "vegetação01".
Faça o download dele e volte para o
Photoshop.
Com a ferramenta pincel ativada, abra a
aba de predefinições do pincel na parte
de propriedades da ferramenta.
Clique na engrenagem e depois em
IMPORTAR PINCÉIS. Escolha o arquivo
de vegetação que você baixo e
automaticamente os pincéis ficarão
salvos no seu Photoshop.
Agora, crie outra camada com CTRL +
SHIFT + N e nomeia de "vegetação".
Selecione a ferramenta de pincel e
procure pela pasta da vegetação.
Observe que o desenho do pincel não
fica muito claro, mas é possível ver a
definição dele na parte de cima ou se
você arrastar o cursos para cima da
planta baixa.
@pi.earq |
por Pietra Cantanhede
15
Escolha o pincel de sua preferência e,
com a camada dedica à isso
selecionada, "implante" suas árvores.
Obs.: altere o tamanho do pincel para
ter árvores de diferentes tamanhos.
Escolha o pincel de sua preferência e,
com a camada dedica à isso
selecionada, "implante" suas árvores.
Obs.: altere o tamanho do pincel para ter
árvores de diferentes tamanhos.
Para fazer os arbustos escolha outros
brushes e ajuste o tamanho para que
fique mais coerente. Também é
interessante trocar a cor, já que os
arbustos estão abaixo da linha de corte
da planta baixa e as árvores não. A
rotação do pincel pode ser alterada
movendo a setinha da circunferência ao
lado do tamanho.
Caso o pincel passe para uma área
indesejável, com a ferramenta de
seleção é possível corrigir.

EM PRÁTICA:
PLANTA BAIXA
Agora para fazer as sombras, vamos
primeiros corrigir as dimensões do
nosso arquivo.
Com a ferramenta corte (C), movimente
os limites da área de corte até que fique
agradável para você e dê enter.
Para que o fundo da sua imagem fique
transparente, selecione a camada do
fundo branco e com a ferramente de
seleção (M) retire o que está por fora da
sua planta baixa.
16
Depois de dar o OK, siga para as outras
camadas que merecem receber
sombras. As definições feitas na etapa
anterior já estarão pré-configuradas, mas
você pode editar se achar necessário.
Na parte da vegetação, por exemplo,
trabalhe com a opacidade e com a
expansão da sombra para deixar bem
natural.

Selecione a camada do PDF. Com o Você agora deve estar se questionando se eu vou ou não te
botão direito, vá em opções de ensinar a colocar os bloquinhos do mobiliário.
mesclagem e clique em sombra Eu, particularmente não gosto muito, acho que fica com
projetada. muita cara de folder de construtora, mas sei que muita gente
Nessa parte você pode editar suas som- gosta e acha essencial, então passa pra próxima página pra
bras da maneira que preferir. ver como fazer.
Opte pelo modo de
mesclagem de nome
"sobrepor", assim fica mais
natural. Edite os outros pontos
e visualize como fica na planta.

@pi.earq |
por Pietra Cantanhede
 17
EM PRÁTICA:
PLANTA BAIXA
Vamos começar pelo sofá. Funciona da mesma forma pros outros
Vá em Arquivo - Abrir - Selecione o blocos!
arquivo do sofá e abra. Alguns elementos é melhor você criar
Com a ferramenta do letreiro retangular do que procurar o PNG na internet. Um
(o que eu gosto de chamar de seleção), exemplo disso é a TV, o rack, a cristaleira,
selecione o que você vai querer levar até mesmo as bancadas da cozinha.
pra planta baixa.
CTRL + C, depois você volta pra planta Nesses casos, use as ferramentas de
baixo e aperta CTRL + V. seleção pra criar novas camadas e
novos elementos.
Lembre-se de levar a camada do sofá para
cima de todas as outras, assim o piso, o pdf e Lembre-se que esses elementos também produzem sombras,
todo o resto ficará abaixo do seu mobiliário. então não esqueça de ativar a sombra projetada nas opções de
mesclagem tanto nos blocos importados quanto nos elementos
Com a camada do mobiliário ativada, clique M
que você criou.
ou aperte na ferramenta mover. Leve o meu
bloquinho pra perto do local desejado e clique
Eu decidi criar a mesa do terraço e fiz da seguinte maneira:
CTRL + T.
Com a ferramenta ELIPSE (U) criei um
Redimensione o bloco e rotacione até se
círculo e fui ajustando até ficar +- na
encaixar na parte desejada.
dimensão da mesa em planta.
Depois, com a ferramenta de seleção,
remova o que você não acha
interessante aparecer na imagem. Depois, na parte das camadas, cliquei com
o botão direito sobre a camada do tampo
da mesa e escolhi rasterizar.
@pi.earq |
por Pietra Cantanhede
 18
EM PRÁTICA:
PLANTA BAIXA
Rasterizando uma camada, ela deixa de ser uma forma/texto e Para as cadeiras, procurei bloquinhos na internet (estão
passa a ser uma imagem! disponíveis no drive!) Atente-se para colocar a camada do tampo
acima das camadas das cadeiras!
Copie o bloco três vezes, ajuste a
angulação e depois mescle as três
Então aperte no fx que tem embaixo da aba de camadas e
camadas.
escolhi "opções de mesclagem". Depois, habilite o "sobreposição
Duplique a camada com as três
de padrão". Escolha uma textura de madeira e ajuste a opacidade,
cadeiras, CTRL + T, clique com o
modo e a escala.
botão direito em cima da imagem
e escolha "girar 180º". Depois,
posicionei a camada.

Mescle todas as camadas referentes à

mesa e ajuste a sombra projetada.

@pi.earq |
por Pietra Cantanhede
 19
PLANTA BAIXA
Por fim, esse foi o resultado.
O seu provavelmente não ficou igual, afinal você
fez de acordo com seu gosto e pode ter ficado
com um resultado ainda melhor!

Bom, mas nem só de planta baixa se faz um

projeto, não é mesmo?
Agora nós vamos para a fase dos cortes e das
fachadas, as famosas elevações.

Ah, mas antes de partir pra próxima fase, que tal

tirar uma foto do seu resultado e postar no seu
stories me marcando?
Eu vou adorar ver!

@pi.earq |
por Pietra Cantanhede
 20

PARTE 3 EM PRÁTICA:
ELEVAÇÕES

@pi.earq |
por Pietra Cantanhede
 21
EM PRÁTICA:
ELEVAÇÕES
Tudo certo pra começar a parte dois? Vamos!
Da mesma forma que você fez a planta baixa a partir de um arquivo PDF, aqui você também vai precisar
que sua elevação esteja em pdf. Para essa fase eu fiz um corte (sem mobiliário) e uma fachada do
projeto. A intenção é mostrar os possíveis materiais a serem usados, a paginação, ou até mesmo uma
simples setorização de ambientes.
Lembre-se de conferir o drive e baixar o arquivos do PDF, para nos guiar. Clique no botão
pra testar. ou digite CTRL + N e crie uma nova camada.
Vamos começar com o corte. Preencha de branco e arraste-a para baixo da
camada do PDF.

Vamos criar a camada branca que vai ficar abaixo

@pi.earq |
por Pietra Cantanhede
 22
EM PRÁTICA:
ELEVAÇÕES
Vamos trabalhar com definição de materiais, já que é uma residência bem pequena. No drive eu
disponibilizo várias texturas pra trabalharmos.
Vou começar com as paredes cortadas. Escolha uma cor para Note que o arquivo ainda está com as margens definidas no
elas, okay? Para combinar com a planta da primeira parte, é Autocad. Na Parte 1 eu fiz esse passo apenas no final, mas ele
interessante deixar as paredes pretas também. também pode ser feito logo no começo.
Com a ferramenta Corte (C), faça o recorte necessário.
Com a camada do PDF selecionada, clique na varinha mágica
(W) e selecione todas as paredes externas.

digite CTRL + SHIFT + N para criar outra camada e renomei-a.

Com o baldinho de tinta, preencha toda a seleção com a cor
que você escolheu.

@pi.earq |
por Pietra Cantanhede
 23
EM PRÁTICA:
ELEVAÇÕES
Só depois de abrir o arquivo, eu notei um erro na representação. Agora vamos escolher os materiais.
A laje entre os pavimentos não continua até a parede, correto?
Então vamos arrumar isso. 10MADEIRA
34CIMENTÍCIO
Permaneça com a
#8BBBA5
camada do PDF ativada e
estão no drive!
com a ferramenta
Letreiro Retangular (W),
selecione toda a parte que
não foi necessária. Madeira para a escada, cimento queimado para a parede da sala, da
Apertei no botão de escada e para o muro, e verde para a parede do quarto e para o
"DELETE" do teclado e bloco do lavabo.
pronto, sumiu.
1. BLOCO DO LAVABO
Para fazer o pedacinho da
Vamos fazer um bloco todo da mesma cor para
laje que sobrou, que está
o lavabo, como na imagem ao lado.
em vista, vamos usar a
Com a ferramenta de laço poligonal (L),
mesma ferramenta do
selecione o bloco do lavabo fazendo o desenho
letreiro.
dele com linhas retas. Para que ela mantenham
os eixos, faça isso pressionando o SHIFT.
Com a ferramenta de Letreiro Retangular (W), desenhe o
pedaço da laje que falta. Aperte CTRL + SHIFT + N, crie uma
nova camada e pinte-a de uma cor mais clara que o preto, um
cinza é o ideal.

@pi.earq |
por Pietra Cantanhede

EM PRÁTICA:
ELEVAÇÕES
Então, crie uma nova camada (CTRL SHIFT N) e renomeia.
Aperte no primeiro quadradinho que
indica as cores, copie o código da página
anterior e cole no espaço referente.
Com a ferramenta do balde de tinta, tinja a seleção da camada.
Depois pegue essa camada e mova para baixo da camada do
PDF, mantendo-a acima da camada do fundo branco.
2. ESCADA DE MADEIRA
Com a camada do PDF ativada, selecione todas as partes
correspondentes à escada com a ajuda da varinha mágica (W).
@pi.earq |
por Pietra Cantanhede
24
Crie uma nova camada e renomeia. Agora, tinja toda a seleção de
algum tom de marrom aleatório.
Na camada da Escada, clique com o botão
direito sobre ela e vá em "Opções de
Mesclagem". Faça o mesmo procedimento
que você fez na parte do percurso na planta
baixa:
Abra a imagem da madeira como outro arquivo. Em EDITAR,
selecione a opção de "definir padrão".
Volte para o arquivo do corte e, em Sobreposição de padrão",
selecione a madeira referente e faça os ajustes.
Depois clique em OK. Leve a camada da escada para baixo do PDF,
assim as linhas dos degraus ficarão mais destacadas.
 25
EM PRÁTICA:
ELEVAÇÕES
3. MURO, PAREDE DA SALA E DA ESCADA Faça o mesmo processo: crie uma
nova camada, pinte de cinza e
Agora, novamente mantenha a camada do PDF ativada e, com
sobreponha um padrão (o mesmo
a varinha mágica (W), selecione o muro, a parede da sala e a
padrão, nesse caso).
paredinha ao lado da escada.
Arraste essa camada para baixo de
todas as outras, deixando acima apenas
do base branca.

Mas o guarda-corpo do pavimento superior não é de cimento

também, então essa textura não deve aparecer nela.
Para corrigir isso, use a ferramenta de
CTRL SHIFT N para criar uma nova camada, não esqueça de
letreiro retangular mais uma vez. Dessa
renomear. Com o balde de tinta, tinja com um cinza aleatório e
vez, selecione a parte desse guarda-corpo.
faça o mesmo processo feito para escada, mas dessa vez use o
Depois disso, aperte na tecla de DELETE.
padrão de cimento queimado.
Obs.: a escala em 120% é boa para essa situação.
Vamos subir com essa textura até o fim da escada. Para isso,
com a camada do PDF selecionada, use a ferramenta de letreiro
retangular (M) e selecione tudo desde o último degrau em vista
até o teto, como na próxima imagem.

@pi.earq |
por Pietra Cantanhede
 26
EM PRÁTICA:
ELEVAÇÕES
4. PAREDE DO QUARTO GUARDA-CORPO DA ESCADA
Não fiz o guarda-corpo no Autocad de propósito, para que
Camada do PDF ativada, ferramenta de letreiro retangular (M),
pudêssemos fazer pelo Photoshop.
selecione a parte que corresponde ao quarto. Pinte com a cor
escolhida, desça a camada referente para baixo da camada do Com a ferramenta de laço poligonal ou de letreiro
PDF. retangular, desenhe o que seria um dos apoios do
De novo, com a ferramenta do guarda-corpo (lembre de estar com a camada do PDF
letreiro (M), selecione o espaço ativada).
da janela e, com o SHIFT Crie uma nova camada, renomeia e tinja de cinza. Depois
pressionada, selecione a parte abra uma imagem de metal (tem no drive!) e torne-a um
do guarda-corpo. padrão.
Selecione a camada, opções de mesclagem,
Aperte em DELETE e sobreposição de padrão. Escolha o padrão do metal e
pronto, a cor sumirá ajuste a escala até que fique adequada.
dessas duas partes.
Duplique a camada e posicione o novo item alguns degraus acima.
Agora, com a ferramenta de linha (U), tome o
fim dos espelhos como base e trace uma
linha do primeiro até o final da laje entre o
térreo e o primeiro pavimento.

Vamos colocar alguns detalhes importantes, como plantinhas

no muro e o guarda-corpo da escada, além do fundo que
passará pelas janelas.

@pi.earq |
por Pietra Cantanhede
 27
EM PRÁTICA:
ELEVAÇÕES
Com a ferramenta Mover (V), utilize a seta do teclado para Para fazer o mesmo com as linhas guias, rasterize (aperte com o
subir essa linha até que ela se encontre com o final do guarda- botão direito na camada - Rasterizar Camada), depois faça a seleção
corpo já existente. e delete.
Essa linha será o nosso limite do guarda-corpo.
Duplique a linha e mova até que ela fique numa altura razoável
para ser o início do vidro do guarda-corpo.
Agora, com a ferramenta de
laço poligonal, desenhe o que
seria o vidro do guarda-corpo
(lembre de estar com a
camada do PDF ativada).
MURO COM PLANTINHAS
Crie uma nova camada,
No drive tem um item chamado "PAREDEVERDE" e é ele que vai atuar
renomeia e tinja (com
aqui. Abra-o no photoshop, digite CTRL + A, depois clique e mova a
opacidade de 20%) de cinza
imagem até a aba do arquivo de edição (ou aperte CTRL + C e
azulado (#CFF5F8).
depois CTRL + V).
Mova esse bloco
para frente do
muro e
Com o laço poligonal, redimensione
selecione a parte que não (CTRL + T) caso
aparece e delete. necessário.

@pi.earq |
por Pietra Cantanhede

EM PRÁTICA:
ELEVAÇÕES
Algumas plantas ficarão passando do PDF, então com a
ferramenta do letreiro retangular, faça o mesmo processo que
foi feito para apagar a textura/cor na etapa anterior.
Duplique a camada e mova até o outro lado do muro.
Pronto, já temos muros com parede verde!
PLANO DE FUNDO
Existem várias possibilidades nessa parte. É possível usar uma
imagem real do céu, de árvores, de edifícios, ou outras
situações, mas também é possível fazer uma representação
mais conceitual desse plano de fundo. Observe as próximas
imagens:
Atlas of Places @saranasef97_
@pi.earq |
por Pietra Cantanhede
28
Vamos fazer o nosso próprio plano de fundo, mas antes vamos
preencher o que ainda não foi preenchido.
Com a camada do PDF ativada, use a ferramenta da varinha mágica
para selecionar o guarda-corpo do pavimento superior e a
platibanda.
CTRL SHIFT N para criar uma nova
camada e renomear. Depois de fazer
isso, tinja essa seleção da cor de sua
preferência (branco é melhor), e não
esqueça de corrigir a opacidade do
tingimento para 100%.
Novamente, com a camada do PDF ativada e com a ferramenta de
varinha mágica, selecione o que seria as bordas das janelas, e faça o
mesmo procedimento.
Lembre-se que a janela debaixo
tem a vista para o muro, e o muro é
feito de plantinhas. Então use o
mesmo bloco de antes e arraste a
camada dele para baixo do PDF e
da textura da parede. Use uma
sobreposição de cor em um tom
claro de azul e com baixa opacidade
para imitar o vidro da janela.

EM PRÁTICA:
ELEVAÇÕES
Agora, digite CTRL N para abrir um novo documento.
Escolha a pré-definição que tem 2000 x
2000 px, com 300 ppi. Se você não
encontrar, coloque esses valores no detalhe
da pré-definição.
Salve o arquivo do corte como PNG (com
a camada branca desativa) e abra-o
como outro arquivo. Depois, digite CTRL
A, e copie e cole o PNG em uma nova
camada desse novo documento.
ARQUIVO - SALVAR COMO - .png -
GRANDE - OK;
ARQUIVO - ABRIR - seleciona o arquivo -
CTRL A - CTRL C - CTRL V.
@pi.earq |
por Pietra Cantanhede
29
Ajuste a imagem do corte com o CTRL T, até que ele fique em um
tamanho proporcional e que mostre as laterais.
Deixei com o fundo branco para
conseguirmos visualizar melhor esse começo.
Primeiro, vamos fazer o chão. Com a
ferramenta do letreiro retangular (W), faça um
retângulo embaixo do corte pegando toda a
extensão da imagem.
Use um tom de cinza para fazer o piso. Nessa
etapa você pode usar um dos brushes que
coloquei no drive para dar um efeito de
concreto. Eu, particularmente, gosto de
intercalar os tons, a opacidade e as texturas
nessa etapa.
Agora, com a camada do chão ativada, use a Borracha (E) para
apagar a borda inferior dessa pintura. Utilize texturas semelhantes ou
um pincel com baixa dureza.
Para fazer as árvores, vamos usar os
brushes de vegetação em vista
(também disponíveis no drive).
Crie uma camada nova, renomeia e deixe-a abaixo da camada do
corte.
 30
EM PRÁTICA:
ELEVAÇÕES
Utilizando um brush de árvore, escolha um tom de cinza, abaixe Para essa parte eu gosto de usar as
a opacidade, ajuste o tamanho e vá distribuindo no fundo texturas de Neblina. Escolha o tom de
como achar melhor. Caso haja uma árvore já pré-localizada no sua preferência, uma boa textura, ajuste
terreno, tente colocar em um local coerente (em uma camada a a opacidade e vá preenchendo esse
frente da camada do corte). espaço aos poucos.
Faça da mesma forma que fez no chão.
Troque a textura, as cores, os tamanhos,
as opacidades de modo que
conversem e o céu fique do jeito que
você deseja.
Depois, com um pincel de baixa
dureza, passe levemente pelas bordas
que se encontram com as árvores,
Quanto ao céu, você pode deixá-lo branco ou trazer cor e para ficar mais sutil.
textura para ele também.
Vamos deixar o céu com uma textura legal, um elemento que Para o sol, crie outra
represente o sol e alguns outros detalhes. camada, utilize a Elipse.
Faça as edições na aba de
Crie outra camada (CTRL SHIFT N) e renomeia. Com o Letreiro
predefinições, como na
Elíptico faça uma circunferência (utiliza o SHIFT para manter as
imagem ao lado, até que
proporções).
fique do seu jeito. Depois,
não esqueça de rasterizar a
camada.

@pi.earq |
por Pietra Cantanhede
 31
EM PRÁTICA:
ELEVAÇÕES
No drive também tem os brushes de aves voando. Instale-os e O seu não precisa ficar igual ao meu. Se você achar algo exagerado,
use para acrescentar esses elementos no céu. pode mudar, retirar, acrescentar. Faça do jeito que agrade mais o seu
gosto.

Outro elemento legal de colocar são as nuvens. Use branco

para fazê-las e deixe a respectiva camada abaixo das árvores,
mas acima do céu e do sol.

Tingi o fundo com uma das cores da minha paleta e salvei como
PNG. O corte está pronto.
@pi.earq |
por Pietra Cantanhede

EM PRÁTICA:
ELEVAÇÕES
Para a fachada, iremos utilizar o mesmo fundo.
Desative as camadas do corte e das árvores internas do terreno
(é só clicar no quadradinho ao lado de cada camada).
Então, salve o arquivo no
formato .PSD com outro
nome (ex.: FUNDO) para que
as camadas possam ser
exploradas quando for
necessário.
Abra o arquivo .PDF da
Fachada e repita o processo
incial que foi feito no corte.
1. Crie uma camada branca para o fundo;
2. Corte as bordas da folha;
3. Tinja o que for parede cortada de preto.
@pi.earq |
por Pietra Cantanhede
32
Abra o arquivo .PSD do corte, selecione a camada do muro verde e
copie (CTRL C). No arquivo da fachada, cole o que você copiou
(CTRL V).
Para essa fachada, vamos
fazer um bloco com uma
textura e outro bloco com
outra textura.
Graças a planta baixa nós
sabemos que esse bloco
debaixo com janelas é
projetado para frente, então ele está em destaque. e é "separado" da
parte superior e da parte com as portas de correr, que estão no
mesmo "plano".
Vamos usar pedra para esse bloco em destaque, um tom de branco
acinzentado para os outros blocos e madeira no pergolado.
Arraste a textura de pedra para o arquivo, ajuste suas
dimensões e duplique até preencher o bloco debaixo
da fachada.
26PEDRA
 33
EM PRÁTICA:
ELEVAÇÕES
Com o CTRL + T ativado, rotacione 180º algumas dessas Tinja com um tom de cinza claro (#EDEDED) e use os brushes de
cópias para que a repetição não fique muito perceptível. concreto para dar um efeito mais interessante à essa parede
Mescle as camadas para (deixe o tom de cinza mais escuro).
que se tornem uma só e Para a platibanda faça o mesmo processo, mas use um cinza mais
arraste a nova camada escuro, já que ela está mais para frente do que a outra parede.
para baixo da camada do
PDF.
Com a ferramenta do
letreiro, selecione o que
Não deve receber esse material e delete.
Quanto ao pergolado, selecione os módulos e a base, crie uma nova
camada e tinja-a de marrom. Em sobreposição de padrão escolha
uma madeira de Deck na horizontal e diminua a opacidade, para que
fique mais escura.

Com a camada do PDF

ativada, selecione (com a
varinha mágica) o bloco
superior, o do térreo e os
espacinhos entre os
módulos do pergolado.
Crie uma nova camada e renomeia.

@pi.earq |
por Pietra Cantanhede
 34
EM PRÁTICA:
ELEVAÇÕES
Selecione todos os vidros e crie uma nova camada. Tinja a Abra a textura e racione-a caso necessário. Depois digite CTRL A e
camada com um tom claro de azul acinzentado (#E2F9FC). CTRL C, e cole a imagem no arquivo de edição da fachada. Dê
zoom com CTRL + para conseguir visualizar melhor.
Use CTRL T para editar as
dimensões da textura (caso queira
sair da proporção, pressione o
SHIFT enquanto altera as
dimensões). Depois dê Enter e
duplique a camada.
Coloque as imagens no local adequado e mescle as
camadas para que se tornem apenas uma.
Para a estrutura do brise, selecione com a varinha
mágica, crie uma nova camada, tinja de marrom e
Com um brush de neblina ou nuvem, faça alguns detalhes no sobreponha com o padrão de sua preferência. Se
vidro em tom de cinza. Assim vai dar uma leve impressão de quiser, use essa etapa para fazer o piso do terraço
reflexo. também.
Na fachada também é importante preencher as esquadrias, Você ainda pode
então selecione todas (portas e janelas), crie uma nova camada adicionar outros itens
e renomeie. Tinja da cor de sua preferência, não precisa ser a à sua fachada, como
mesma do corte. plantinhas caindo
Para os brises, usaremos uma textura de madeira para pelo pergolado, ou
representar. A 06MADEIRA do drive é uma boa opção. acima da platibanda.

@pi.earq |
por Pietra Cantanhede
 35
EM PRÁTICA:
ELEVAÇÕES
Na planta baixa, existem arbustos baixos na frente do terraço e Com o Letreiro Retangular selecionei
da parede de pedra. Alguns blocos disponíveis no drive podem as partes que não são interessantes
te ajudar representá-los . de aparecer e deletei.
Usei outro bloco disponível do drive
para colocar umas plantinhas caídas
na parede de pedra.
Explode espelhar e distribuir de forma desigual, assim o efeito
fica muito mais bonito e "real".
Use CTRL T e o botão direito do mouse
para espelhar horizontalmente.
Como exemplo, coloquei
os arbustos de forma
desordenada, alguns
espelhados, outros mais
baixos e outros maiores.

Selecionei todas as camadas e as

mesclei. Renomeei e arrastei para
baixo da camada dos outros arbustos,
Desativando a camada do fundo branco, salve a imagem em .PNG
porque na regra dos planos, esses
e abra o novo arquivo no Photoshop. CTRL A e CTRL C, então cole
arbustos estão atrás.
no arquivo do fundo que criamos para o corte.

@pi.earq |
por Pietra Cantanhede
 36
EM PRÁTICA:
ELEVAÇÕES
Use a camada do corte como referência para redimensionar a Pronto, fachada humanizada finalizada.
fachada. Agora é só salvar em .PNG!
Quando você salvou o
fundo, apenas desativou
a corte, então é só ativar
pra conseguir visualizar.

Reative a camada
das árvores internas
e faça os ajustes que
achar necessário.

Por exemplo, a árvore da esquerda

está no fundo do terreno, não passa
na frente do pergolado. Então tire,
com o Letreiro Retangular, a parte
que passa na frente do pergolado.

@pi.earq |
por Pietra Cantanhede
 37

BÔNUS
Depois de adquirir esse ebook você tem direito a receber conteúdos exclusivos via email sobre
Photoshop direcionado à Arquitetura. É um bônus de agradecimento por você se interessar por esse
tipo de material e por gostar por esse tipo de representação.
Espero que esse Ebook tenha girado uma chave na sua cabeça, ou aberto alguma porta. Espero que
ele tenha feito sentido pra você!
OBRIGADA!

@pi.earq |
por Pietra Cantanhede
@pi.earq |
por Pietra Cantanhede