Diagramação de Prancha - Curso

DIAGRAMAÇÃO DE
PRANCHAS
PASSO A PASSO
Licensed to Grasiella Leal - grasiella.leal@gmail.com - HP157816685260344

SOBRE MIM
Me formei em Arquitetura e
Urbanismo em 2015 e desde então
trabalho em um escritório de
Sustentabilidade!
Em 2016, comecei a ajudar

estudantes do último ano de
arquitetura com trabalhos de
modelagem 3D, renders, pós
produção e diagramação.
Nesses últimos anos, me aprimorei na parte de

Representação Gráfica e também comecei a dar
mentorias para alunos do último ano de
arquitetura.
Com toda essa experiência nesses anos, decidi

juntar alguns conhecimentos para ensinar vocês
a como diagramar pranchas de um jeito
organizado e que chame a atenção dos
professores =)
Caso queiram conhecer um pouco mais do meu

trabalho, segue abaixo minhas redes sociais:

DÚVIDAS/ CONTATOS:
Sei que muitas dúvidas irão aparecer durante a

leitura do Ebook, então resolvi criar um grupo
para vocês tirarem suas dúvidas comigo!
Grupo de Telegram
DM por Instagram
Email: ta00arquitetura@gmail.com

CONTEÚDO
ÍNDICE
1 BOAS-VINDAS
Mensagem Ta00Arquitetura
2 O QUE É DIAGRAMAÇÃO?
Breve explicação
3 ELEMENTOS DA DIAGRAMAÇÃO
Componentes
9 PASSO-A-PASSO
Vamos começar?
13 FOLHAS A1
Uma das medidas mais pedidas
49 FOLHAS A2
Um tamanho perfeito
55 FOLHAS A3
Boa para Portfolios
67 EXTRA: CANVA
Folha A1, A2 e A3
87 AGRADECIMENTOS E FREEBIES
Obrigada =)

BEM VINDOS =)
Olá pessoal!
Neste Ebook irei apresentar alguns tipos de

Diagramação de Pranchas com o seu Passo a
Passo.
Vou ensinar a maneira de como eu aprendi ao

longo desses anos de experiências e tentativas.
Cada prancha é diferente e possui diferentes

conteúdos dentro dela. Porém é importante
mantermos uma linguagem e uma organização
para que fique agradável aos olhos de quem
observa.
Espero que após a leitura desse Ebook vocês se

sintam confiantes em produzir as suas pranchas!
Eu adquiri a experiência
de montar diversas
pranchas ao longo do
tempo após tentativas e
erros. Então o segredo
mesmo, é praticar
bastante =)!
1
O QUE É DIAGRAMAÇÃO?
A diagramação em arquitetura é basicamente a

organização de seus desenhos e ideias em
folhas, podendo ser de diferentes tamanhos (A4,
A3, A2, A1, A0).
Não existe padrão ideal em arquitetura. O

dimensionamento da prancha pode variar
conforme a exigência ou a necessidade do
projeto.
QUAIS SÃO OS ELEMENTOS QUE DEVEMOS

CONSIDERAR PARA UMA BOA DIAGRAMAÇÃO?
A seguir, estão os elementos que considero

essenciais para criarmos uma boa diagramação.
Todos esses elementos devem conversar entre si
para haver uma harmonia.
GRADE DE PLANO DE
DIAGRAMAÇÃO FUNDO
CONTEÚDO
HIERARQUIA
CORES
VISUAL
2
ELEMENTOS DA
DIAGRAMAÇÃO
COMPONENTES
3
1- CONTEÚDO
O que devemos incluir em nossas pranchas?
Segue abaixo alguns itens que considero

essenciais para representarmos bem a ideia de
nossos projetos:
PLANTA BAIXA/ CORTES/

COBERTURA ELEVAÇÕES
IMPLANTAÇÃO
Para dar aquele UPGRADE no projeto, indico

além dos itens acima, estes itens abaixo:
CROQUIS, PERSPECTIVAS
RENDERS ISOMÉTRICAS
DIAGRAMAS
EXPLODIDOS
Os croquis, perspectivas isométricas e diagramas

explodidos ajudam muito no entendimento do projeto e
são muito bem vistos pelos professores!
IMPORTANTE:
- Evite muitos textos e seja direto;

-Use uma mesma família tipográfica
considerando a hierarquia do conteúdo: Títulos e
Subtítulos, Textos e Notas
4
2- GRADE DE DIAGRAMAÇÃO
A Grade de Diagramação é o elemento

fundamental para uma prancha organizada e
bem diagramada.
IMPORTANTE PENSAR NESSES 4 ITENS ABAIXO:

1) Decidir o tamanho da folha (AO,A1, A2, A3, A4)
2) Decidir o número de pranchas (ver se não terá
quantidade limitada);
3) Esboçar todas as pranchas e os conteúdos espalhados
entre todas elas (eu sempre faço um esboço pequeno
simples como o desenho abaixo e vou espalhando os
conteúdos, pode ser em um caderno ou no Autocad);
4) Criar os "Grids" que são essas grades de diagramação,
podem ser feitas no Autocad, Photoshop, Indesign, Canva
etc. No desenho abaixo, os Grids podem ser feitos de
diversas maneiras.
5
3- HIERARQUIA VISUAL
É importante você dispor os seus desenhos de

um modo hierárquico. Ou seja, deixar em
destaque a imagem ou informação que você
deseja ressaltar.
FRACO FORTE
Oferece pouca ou nenhuma Orienta lógica e visualmente
orientação ao usuário sobre o usuário ao apresentar o
o que é importante que é importante
Informações sobre
o Projeto
Imagem
Chamativa!
Corte Longitudinal
Uma das pranchas que está no meu Portfolio, onde tento

mostrar um projeto que participei
6
4- CORES
A escolha das cores da sua prancha é muito

importante. Ela contribui para chamar a atenção
para pontos específicos desejados e também
para manter uma harmonia visual.
DICAS:
1 Você pode trabalhar com tons

monocromáticos;
2 Tons pastéis transmitem uma sensação
agradável aos olhos;
3 Tons frios também podem gerar um ótimo
impacto visual.
SITES COM COMBINAÇÕES DE CORES:
Pinterest: é o que eu mais uso para achar combinações

interessantes!
Instagram colours.cafe: esse Instagram

apresenta muitas combinações de cores
lindas!!!
7
5- PLANO DE FUNDO
1- Tente manter seu plano de fundo simples, a

menos que seja uma das suas principais
imagens.
2- Uma imagem de fundo pode, muitas vezes,
ser uma distração, por isso, certifique-se de que
todas as informações são claras quando decidir
criar desse jeito.
3- De modo geral, é preciso que haja harmonia
entre as imagens, as cores, o plano de fundo e
as informações.
E x e m p l o d e p r a n c h a c o m f u n d o s i m p l e s . F o n te : ta 0 0 a r q u i t et u r a
E x e m p l o d e p r a n c h a c o m i m a g e m d e fu n d o c l a r i n h a e s en d o o
d e s t a q u e d a p r a n c h a . F o n t e : P i n te r e s t
8
PASSO A PASSO
VAMOS COMEÇAR?
9
VAMOS COMEÇAR O PASSO-A-PASSO?
Exemplos que irei ensinar:
1 Prancha A1 para TFG1 (dados importantes

da área de projeto: dados do terreno, estudo
do solo, programa de necessidades etc)
2 Prancha A1 para TFG2 (organização dos

desenhos para que "chamem a atenção")
Para visualizar melhor, clique em cada imagem
1 ) P r a n c h a T F 1 - D a d o s Á r e a d e P r o j e to -
ta00arquitetura

2 ) P r a n c h a C o n c u r s o M o r a d i a E s tu d a n ti l I A B - D a l p i a n A r q u i t et o s

10
3 Prancha A1 para TFG2 vertical (tem para
todos os gostos =)!)
3 ) P r a n c h a p a r a T F G 2 v e r t i c a l - P i n te r e s t
Prancha A1 para TFG2 vertical (esse

4
exemplo tem video aula =)
4 ) P r a n c h a p a r a T F G 2 v e r t i c a l - P i n te r e s t
11
Prancha A2 para TFG2 estilo concurso (fiz
5 para uma aluna que ganhou menção
honrosa com essa prancha!)
5 ) P r a n c h a T F G 2 - P r a n c h a S í n te s e fi n a l -
ta00arquitetura

6 Prancha A3 para portfolio (exemplo de

uma página de projeto)
6 ) P r a n c h a e x e m p l o P o r t f o l i o - ta 0 0 a r q u i te tu r a
12
VAMOS LÁ?
E X E MPL OS DE F OL HAS A1 , A MAI S P E DI DA!
13
1- PRANCHA PARA TFG1 (A1) : ESTUDO DE ÁREA
Essa prancha terá uma Diagramação simples

pois deve apresentar todos os dados da área de
projeto escolhida. Ou seja, muita informação
precisará caber em uma folha A1!
Para visualizar melhor, clique na imagem
1 13
7 10
2 14
3
8 11 15
4
5 16
9 12
6 17
G r a d e d e d i a g r a m a ç ã o e m 17 q u a d r a d o s .
14
1A- MONTANDO A PRANCHA
No Photoshop, clique em arquivo/novo e escreva

o tamanho da folha A1 (841x594) em mm como a
imagem abaixo.
Deixe a resolução em 300pixels/polegada (para

melhor qualidade), cores rgb e clique em criar.
841mm (84,1cm)
594mm (59,4cm)
Sua folha A1 vai

ficar assim!
15
1B- COMEÇANDO A DIAGRAMAÇÃO
Para criar os GRIDS (grades de diagramação) vá

em visualizar/novo layout de guias.
Será o começo da marcação das grades de

diagramação para deixar todos os desenhos
alinhados e visualmente harmônicos.
16
Primeiro vamos criar uma margem de 1cm em
todos os lados pois os desenhos precisam de um
"respiro". Como as informações do terreno de
TFG1 são muitas, acho melhor ter esse respiro.
Após você clicar em novo layout de guias vai

aparecer essa janela e é só ticar "margem" e
colocar 1cm em todos os campos. Clique em "ok"
1cm em todos as bordas!
Sua folha A1 vai

ficar assim!
17
Agora vamos criar o carimbo de informações
sobre o Tema, faculdade, seu nome etc.
Clique em visualizar/nova guia e digite o valor

de 55,4cm na horizontal. Esse valor é de 59,4cm
(altura da folha A1) menos 4cm (que é o
tamanho da faixa de carimbo que eu quero
colocar na folha. Clique em "ok"
Carimbo com 4cm de altura
18
Do mesmo modo que você criou a linha do
carimbo (visualizar/nova guia), vamos criar outra
linha na horizontal com 2cm e outra linha
horizontal com 54,4cm (1cm acima da linha do
carimbo para ter o respiro).
2cm de respiro (essa parte de cima ficará

reservada para os títulos)
Sua folha A1 vai

ficar assim!
1cm de respiro
Salve esse arquivo como "modelo prancha1" em
formato PSD. (NÃO SE ESQUEÇA DISSO)
19
Agora vamos fazer a grade de diagramação
principal, na qual irá todo o conteúdo e
desenhos.
Na barra de ferramentas à esquerda, clique no

4º ícone (ferramenta corte demarcado) e
arraste a setinha de cima para a linha dos 2cm.
Arraste a setinha de baixo para a linha 54,4cm
(1cm acima da linha do carimbo) e aperte
ENTER.
Se você não entendeu muito esse passo ou ficou

meio difícil, gravei um mini vídeo é só clicar
aqui!
20
Como na minha prancha de TFG1 eu queria organizar 17
assuntos (itens), eu resolvi dividir a minha grade em 4
colunas e 6 linhas. (veja na pág. 14)
Agora, no seu arquivo PSD (esse que você usou o comando

crop), crie um novo layout de guias (visualizar/novo layout de
guias) e crie a grade dos desenhos que citei aqui no começo:
4 colunas e 6 linhas.
Na aba colunas, coloque medianiz 1cm (medianiz é o

espaçamento entre as linhas principais) e na aba linhas
coloque medianiz 2cm.
Na margem, na aba acima e abaixo deixe 0cm e na aba

esquerda e direita deixe com 1cm.
Deixe ticado o icone "limpar guias existentes" e aperte OK.
21
Vai ficar assim:
1 13
7 10
2 14
3
8 11 15
4
5 16
9 12
6 17
J á d á p a r a v e r m a i s o u m e n o s c o m o v a i fi c a r o s d e s e n h o s n é?
Depois preencha os espaços em branco com

retângulos e salve em jpg (fiz um mini video
aqui!):
22
Abra aquele seu PSD "modelo prancha1" (pág.19) e
insira o jpg salvo anterior dentro da sua grade de
diagramação feita (qualquer coisa veja o vídeo aqui).
Depois, crie novas linhas guias nas extremidades dos

retângulos. Para isso, clique na régua ao lado da barra
de ferramenta à esquerda e arraste a linha nas
extremidades dos retângulos e sua grade ficará pronta.
(vídeo aqui =))
Ca r i mb o c o m 4 c m d e a l t u r a
23
Nessa grade feita, você pode usar desse jeito ou então
juntar alguns quadrados quando o desenho for maior.
Você também pode deixar os mesmos assuntos com as
mesmas cores dos retângulos para guiar os olhos do
observador como na imagem abaixo.
S e v o c ê q u i s e r v i s u a l i z a r m a i o r e s s a i m a g e m , c l i q u e a q u i!
Aqui vai um resumo da montagem dessa prancha:
1) Pense em quantos assuntos (itens) você deseja inserir

na prancha (conteúdo);
2) Esboce em um papel os "quadradinhos" para ver como
os desenhos poderiam ficar (hierarquia visual);
3) Crie sua grade de diagramação, pode ser inserindo
linha por linha (visualizar/nova guia) ou também inserir a
grade já dividida em colunas e linhas (visualizar/ novo
layout de guias);
4) Depois da grade montada, você pode escolher paletas
de cores que combinem entre si e decidir se o fundo terá
alguma imagem ou simples! (cores)
24
2- PRANCHA PARA TFG2 (A1): CHAMAR A ATENÇÃO
Essa prancha terá uma Diagramação especial

para guiar os olhos do observador para o ponto
mais importante do projeto ou alguma imagem
mais chamativa.
Dalpian Arquitetos
1
3 4 5 6
2
7 8 9 10 11 12 13
14
Imagem chamativa para atrair
a atenção dos observadores
carimbo
25

o tamanho da folha A1 (841x594) em mm como a
imagem abaixo.

841mm (84,1cm)
594mm (59,4cm)
Sua folha A1 vai

ficar assim!
26
Vamos começar com a linha do Carimbo.

de 55,4cm na horizontal. Esse valor é de 59,4cm
(altura da folha A1) menos 4cm (que é o
tamanho da faixa de carimbo que eu quero
colocar na folha.
841mm (84,1cm)
594mm (59,4cm)
Essa folha não terá os 1cm de

respiro nas bordas como na
prancha para TFG1 (exemplo 1),
mas você pode colocar se quiser
(olhe na pág.17 se quiser
lembrar)
27
Como na Prancha de TFG1 (exemplo 1), deixe um
respiro de 1cm acima da linha do carimbo.
Vá em visualizar/nova guia e digite o valor de

54,4cm (a linha do carimbo começa em 55,4cm)
e clique em ok.
841mm (84,1cm)
Essa folha não terá os 1cm de 549mm (54,9cm)

respiro nas bordas porém terá
1cm de respiro acima do
carimbo.
1cm de respiro
formado PSD. (NÃO SE ESQUEÇA DISSO)
28
desenhos.
Na barra de ferramentas à esquerda, clique no 4º

ícone (ferramenta corte demarcado - comando
CROP) e arraste a setinha de baixo para a linha
acima do carimbo e aperte ENTER. (clica aqui se
você não entendeu =)).
Vai ficar assim mesmo, um RETÂNGULO

BRANCO.
29
Olhando a prancha que queremos produzir na
pág.25, percebemos 14 retângulos (marcações).
Para ficar com a mesma marcação dessa

prancha usada como exemplo (prancha de
concurso), vamos criar um GRID com 7 colunas e
8 linhas.
No seu arquivo atual (pág. anterior), vá em novo

layout de guias (visualizar/novo layout de guias)
e crie a grade dos desenhos que citei aqui em
cima: 7 colunas e 8 linhas.
Na aba colunas, coloque medianiz 1cm

(medianiz é o espaçamento entre as linhas
principais) e na aba linhas coloque medianiz
1cm.
30
Vai ficar assim:
1
3 4 5 6
7 8 9 10 11 12 13
14

retângulos e salve em jpg. (fiz um mini video
aqui de como preencher retângulos).
P r e e n c h i o s r e t â n g u l o s d e a c o r d o c o m a d i s tr i b u i ç ã o d o s
d e s e n h o s d a n o s s a p r a n c h a e x e m p l o (p á g .2 5 )
31
insira o jpg salvo dentro da sua grade de diagramação
feita (qualquer coisa veja o vídeo aqui).
1cm de respiro

(vídeo aqui =))
Ca r i mb o c o m 4 c m d e a l t u r a
32
Você também pode deixar os mesmos assuntos com as
mesmas cores dos retângulos para guiar os olhos do
observador como na imagem abaixo.
Planta
Situação Partido Diretrizes Diretrizes
Geral Implantação
Partido Partido Diretrizes Diretrizes
Diagrama Diagrama Diagrama Diagrama Diagrama Diagrama Diagrama
Render Chamativo
Carimbo
S e v o c ê q u i s e r v i s u a l i z a r m a i o r a p r a n c h a d e c o n c u r s o d a p á g .25 ,
c l i q u e a q u i!
1) Pense em quantos assuntos você deseja inserir na prancha

(conteúdo);
2) Esboce em um papel os "quadradinhos" para ver como os
desenhos poderiam ficar (hierarquia visual);
3) Crie sua grade de diagramação, pode ser inserindo linha
por linha (visualizar/nova guia) ou também inserir a grade já
dividida em colunas e linhas (visualizar/ novo layout de guias);
4) Depois da grade montada, você pode escolher paletas de
cores que combinem entre si e decidir se o fundo terá
alguma imagem ou simples! (cores)
33
3- PRANCHA PARA TFG2 (A1) - VERTICAL
E s s a pr a n c ha s e r á u ma pr a n c ha s í n t e s e do p r o j e t o ,
po r é m n a v e r t i c a l . E s s e mo de l o é i n t e r e s s a nt e p o i s
c o n s e g u e a br a n g e r mu i t a s i n f o r ma ç õ e s e m u ma
pr a n c h a s ó .
Pinterest
Carimbo
2 3 4 5 6 7
8 99 10
10 11 12
13 14
34
No Ph o t o s h o p, c l i qu e e m a r qu i v o / n o v o e e s c r e v a o
t a ma n h o da f o l ha A1 ( 5 9 4x 8 41 ) e m mm c o mo a
i ma g e m a ba i x o , ma s mu de s e u s e n t i do p a r a a
vertical.
De i x e a r e s o l u ç ã o e m 3 00pi x e l s / po l e g a da ( p a r a
me l h o r qu a l i da de ) , c o r e s r g b e c l i qu e e m c r i a r .
841mm (84,1cm)

594mm (59,4cm)
Sua folha A1 vai

ficar assim!
35
Primeiro vamos criar uma margem de 1,5cm em
todos os lados pois os desenhos precisam de um
"respiro". Como as informações dessa prancha
síntese são muitas, acho melhor ter esse respiro.
Após você clicar em novo layout de guias vai

aparecer essa janela e é só ticar "margem" e
colocar 1,5cm em todos os campos.
1,5cm em todas as bordas!
Sua folha A1 vai

ficar assim!
36
Agora vamos criar o carimbo de informações
sobre o Tema, faculdade, seu nome etc.

de 6cm na horizontal. Esse valor é o tamanho da
faixa de carimbo que eu quero colocar na folha.
Ca r i mbo c o m 6 c m de a l t u r a
37
Agora vou ensinar para vocês um outro jeito de
diagramar que pode ser feito através do
desenho de linhas guias em cima da prancha
modelo existente.
1º você vai precisar inserir a imagem da prancha

exemplo 3 no espaço que criamos. (baixe aqui a
imagem para inserir)
Abra a imagem no Photoshop e copie e cole

para a sua área da prancha, aumentando o
tamanho da imagem até a área limite. Aperte o
crtl + t e depois shift para aumentar
proporcionalmente a imagem. Veja o vídeo aqui.
38
Agora iremos desenhar as linhas guias em cima
das imagens da prancha exemplo.
Para isso, você precisa deixar a régua ligada em

seu modelo. Vá em view e deixe ticado "rulers"
(régua) para aparecer.
Para desenhar as linhas guias em cimas da

imagens basta ir arrastando a linha para onde
desejar. Nesse vídeo eu ensino aqui =)
Imagem com as linha guias
39
Agora vamos desenhar os retângulos da
diagramação e ajustar certinho os espaçamentos
das linhas.
Desenhe retângulos nos limites das linhas guias

e se quiser ajustar o tamanho deles aperte crtl +
t e segure o shift para ir aumentando ou
diminuindo em propoção.
Nesse vídeo eu mostro como você pode fazer

isso.
I m a g e m c o m a s l i n h a g u i a s e r e tâ n g u l o s
40
Os retângulos laranjas resolvi juntar em 3 como no
exemplo da prancha.
Agora vou escrever os assuntos das pranchas para ficar
mais fácil depois de lembrar o que pode ser inserido nos
espaços =).
Espaço Carimbo
Render Chamativo
Planta Planta Planta Planta Diagrama Diagrama

Breve Breve
Texto Texto
Diagrama Diagrama Diagrama
sobre sobre

Projeto Projeto

Corte/ Corte/
Elevação Elevação
Sua grade vai ficar assim! Agora é só inserir os desenhos nos

espaços =)
41
4- PRANCHA PARA T F G2 ( A1 ) - V E RT I CAL - V I DE O AUL A
V a mo s pa r a ma i s u m e x e mpl o de pr a nc ha na
V e r t i c a l ? E s s a da qu i é e s pe c i a l po i s t e m uma a ul a
c o mpl e t a e m v í de o! ! ! Ag u a r de a t é o f i m da
e x pl i c a ç ã o pa r a e n t e n de r e v o c ê po de a c e s s a r o
v í de o de s s a pr a n c ha n o f i n a l = )
Pinterest
1 2
3 4 5
6 7 8
9 10 11
12
42
Primeiro vamos analisar um pouco essa prancha?
Render chamativo!
Diagramas explodidos
Escrita
Gráficos
Render chamativo!
Grade de diagramação em 5 linhas horizontais e 5

linhas verticais
J á c o n s e g u i mo s a n a l i s a r u m po u c o o qu e c ha ma a
nossa atenção né?
43

o tamanho da folha A1 (594x841) em mm como
a imagem abaixo e deixe no sentido vertical.

841mm (84,1cm)

594mm (59,4cm)
Sua folha A1 vai

ficar assim!
44
Essa prancha vai ser um pouco parecida com a
prancha 3, na qual colocamos nossa imagem de
referência (prancha4 - clique aqui) e colocamos
no Photoshop.
Coloque a prancha e aperte crtl +t para esticar o

desenho e para manter a proporção, deixe o
shift apertado =) (igual da prancha anterior).
Vai ficar assim quando colocarmos nossa base
45
Vamos começar nossa grade de diagramação?
1) Vamos dividir em 5 linhas horizontais e 5

linhas verticais:
Vá em view - new guide layout
2) Marque 5 linhas e 5 colunas com

espaçamentos de 1cm entre cada linha. Nesse
modelo não vamos colocar margens! Clique em
ok!
Já conseguimos ver as divisões na nossa

prancha! Lembrando que não vai ficar
exatamente igual, mas com essa grade podemos
colocar as mesmas coisas que dessa de exemplo
=)
46
3) Com a grade feita, vamos desenhar nossos
retângulos para demarcar onde os assuntos
poderão ir. Se você não lembra como preenche,
deixei um vídeo aqui!
4) Já coloquei os retângulos e texto dos

assuntos, olha como fica:
47
5) Lembre-se sempre de deixar tudo em grupos
e layers certinhos no Photoshop, organização
é sempre bom!
6) Após montada nossa grade, podemos colocar

o nome, faculdade, número da folha etc!
Sua grade vai ficar assim! Agora é só inserir seus

desenhos nela =)
Se você quiser ver a aula em vídeo, clique aqui!
48
EXEMPLOS FOLHAS A2
UM T AMANHO ÓT I MO = )
49
5- PRANCHA PARA TFG2 (A2) - ESTILO CONCURSO
Essa prancha será uma prancha síntese do

projeto, onde devemos explicar brevemente
sobre o projeto e fazer com que prenda a
atenção do observador.
ta00arquitetura
1
2 3 4
5 6 7 8
Grade de diagramação em 8 quadrados.
50

a imagem abaixo.

5 9 4 mm ( 5 9 , 4 c m)
4 2 0mm ( 4 2 , 0c m)
Sua folha A2 vai

ficar assim!
51
5B- COMEÇANDO A GRADE DE DIAGRAMAÇÃO
Ne s s e t i po de pr a n c ha nã o t e r e mo s um e s pa ç o
s e pa r a do pa r a o c a r i mbo e n e m bo r da s de r e s pi r o .
Ma s s e v o c ê qu i s e r c r i a r , e u e n s i n o n o s e x e mp l o s
a c i ma = ) ( pr a n c ha s 1 e 2 ) .
Pa r a a c r i a ç ã o de s s e t i po de pr a n c ha , p r e c i s e i
pe n s a r e m 2 0 r e t â n g u l o s ( ma r c a ç õ e s ) pa r a a g r a de
de di a g r a ma ç ã o , qu e n o f i m s e t r a n s f o r ma r a m e m 8
retângulos.
Pa r a i s s o , v a mo s c r i a r u m GRI D c o m 4 c o l u n a s e 5
linhas.
No s e u a r qu i v o a t u a l , c r i e u m n o v o l a y o u t de g u i a s
( v i s u a l i z a r / n o v o l a y o u t de g u i a s ) e c r i e a g r a de do s
de s e n h o s qu e c i t e i a qu i e m c i ma : 4 c o l una s e 5
l i nha s .
Na a ba c o l u n a s , c o l o qu e me di a n i z ( g u t t e r ) 0, 5 c m
( me di a n i z é o e s p a ç a me n t o e n t r e a s l i nha s
pr i n c i pa i s ) e n a a ba l i n ha s c o l o qu e me di a n i z 0, 5 c m.
52
Vai ficar assim:
2 3 4
5 6 7 8
desenhos da nossa prancha exemplo
53
Nessa grade feita, você pode usar as divisões como
quiser, eu acho essa divisão boa para uma primeira
prancha que chame a atenção =).
Render Chamativo
Partido Partido Implantação
Render Render Render Render
S e v o c ê q u i s e r v i s u a l i z a r m a i o r a p r a n c h a 5 p a r a T F G 2 , cl i q u e a q u i !
1) Pense em quantos assuntos (itens) você deseja inserir na

prancha (conteúdo);
2) Esboce em um papel os "quadradinhos" para ver como os
desenhos poderiam ficar (hierarquia visual);
3) Crie sua grade de diagramação, pode ser inserindo linha
por linha (visualizar/nova guia) ou também inserir a grade já
dividida em colunas e linhas (visualizar/ novo layout de guias);
4) Depois da grade montada, você pode escolher paletas de
cores que combinem entre si e decidir se o fundo terá
alguma imagem ou simples!
54
EXEMPLOS FOLHAS A3
T AMANHO BOM PARA P ORT F OL I O
55
6- PRANCHA PARA PORTFOLIO (A3): PÁG. DE PROJETO
Vamos para um exemplo muito utilizado para mostrar

nossos trabalhos: uma página de um portfolio que
mostre o projeto e seus complementos.
Podemos fazê-la em tamanho A3 para ficar mais fácil

para os recrutadores visualizarem o seu projeto.
56

a imagem abaixo.

420mm (42,0cm)
497mm (49,7cm)
Sua folha A3 vai

ficar assim!
57
Para criar os GRIDS (grades de diagramação) vá

em visualizar/novo layout de guias.
Será o começo da marcação das grades de

diagramação para deixar todos os desenhos
alinhados e visualmente harmônicos.
58
Pr i me i r o v a mo s c r i a r u ma ma r ge m de 0, 5 c m e m
t o do s o s l a do s po i s o s de s e n ho s pr e c i s a m de u m
" r e s pi r o " . ( De s s a v e z o r e s pi r o é me n o r p o i s o
t a ma n h o da pr a n c ha é me n o r , u m A3 )
Apó s v o c ê c l i c a r e m n o v o l a y o u t de g u i a s v a i
a pa r e c e r e s s a j a n e l a e é s ó t i c a r " ma r g e m" e c o l o c a r
0, 5 c m e m t o do s o s c a mpo s . Cl i qu e e m o k .
0,5cm em todos as bordas!

497mm (49,7cm)
Sua folha A3 vai

ficar assim!
420mm (42,0cm)
59
Vamos começar com a linha de Título do
Projeto, deixando-a com 2cm de altura.

de 2cm na horizontal.
Título do Projeto com 2cm de altura
497mm (49,7cm)
Essa folha téra 0,5cm de respiro

e 2cm para o título do projeto
420mm (42,0cm)
60
Como nas outras pranchas, deixe um respiro de
0,5cm abaixo da linha do Título.
Vá em visualizar/nova guia e digite o valor de

2,5cm (a linha do título começa em 2cm) e
clique em ok.
Título do Projeto com 2cm de altura

Respiro de 0,5cm
497mm (49,7cm)
Essa folha téra 0,5cm de respiro

abaixo dos 2cm da linha de
título do projeto
420mm (42,0cm)

formato PSD. (NÃO SE ESQUEÇA DISSO)
61
desenhos.
Na barra de ferramentas à esquerda, clique no

4º ícone (ferramenta corte demarcado) e
arraste TODAS as setinhas para os limites dos
respiros e aperte ENTER.
Esse comando vai nos ajudar para criamos a

nossa grade de diagramação.
Se você não entendeu muito esse passo ou ficou

meio difícil, gravei um mini vídeo é só clicar
aqui!
62
Olhando a prancha que queremos produzir de
portfolio, percebemos que há 4 retângulos
gerais (marcações). Porém, para chegarmos nele,
vamos fazer um GRID de 3 colunas e 3 linhas.
No seu arquivo PSD crie um novo layout de guias

(visualizar/novo layout de guias) e crie a grade dos
desenhos com: 3 colunas e 3 linhas.
Na aba colunas, coloque medianiz 0,5cm

(medianiz é o espaçamento entre as linhas
principais) e na aba linhas coloque medianiz
0,5cm.
63
Vai ficar assim:

retângulos e salve em jpg. (fiz um mini video
aqui!).
d e s e n h o s d a n o s s a p r a n c h a e x e m p l o (p á g .5 6 )
64
insira o jpg salvo dentro da sua grade de diagramação
feita (qualquer coisa veja o vídeo aqui).

(vídeo aqui =))
65
Nessa grade feita, você pode usar desse jeito ou então juntar
alguns quadrados quando o desenho for maior.
Você escolhe a melhor maneira de dispor o seu projeto. Com
essa grade de diagramação você pode fazer mais páginas
sobre o seu projeto e ir adequando de acordo com o seu
gosto.
Infos do
Projeto

Render Chamativo
ou Planta Geral

Render ou
Diagrama
C o r t e I n t e r e s s a n t e d o P r o j e to o u E l e v a ç ã o
S e v o c ê q u i s e r v i s u a l i z a r m a i o r a p r a n c h a d e p o r tfo l i o , cl i q u e a q u i!
1) Pense em quantos assuntos (itens) você deseja inserir

na prancha (conteúdo);
2) Esboce em um papel os "quadradinhos" para ver como
os desenhos poderiam ficar (hierarquia visual);
3) Crie sua grade de diagramação, pode ser inserindo
linha por linha (visualizar/nova guia) ou também inserir a
grade já dividida em colunas e linhas (visualizar/ novo
layout de guias);
4) Depois da grade montada, você pode escolher paletas
de cores que combinem entre si e decidir se o fundo terá
alguma imagem ou simples!
66
CANVA
APRE NDA A CRI AR S UA F OL HA P OR L Á ; )
67
CRIANDO FOLHAS TAMANHO A3
Como um extra desse Ebook, vou ensinar

brevemente como você pode montar sua folha
A3 no Canva.
Isso mesmo, é um jeito simples e rápido para

criar apresentações!
A primeira coisa a fazer é clicar em "criar um

design e tamanho personalizado".
Coloque o tamanho da folha A3 em mm: 420 x 297
68
Em arquivo, deixe ticado todas as seguintes
oções: réguas, guias, margens e sangrias para
você ter uma noção de espaço da folha.
Você pode começar colocando uma cor no

fundo. Basta ir em elementos - formas.
Após isso, vamos colocar o título do projeto com
uma linha de 20mm (2cm) de altura. (se você
não conseguiu entender, clica aqui)
Régua guia para criar linhas
Folha A3 com fundo e

linha de 2cm de título
69
Agora vamos começar a montar nossa grade.
Irei montar uma grade igual do exemplo acima:
prancha para portfolio a3 - modelo 6. Para
isso, vou montar uma grade com 3 linhas e 3
colunas.
Como a folha A3 mede 420mm na horizontal,

vamos dividir esse valor por 3 = 140mm. Crie
colunas de 140mm em 140mm.
Na vertical pegue a partir dos 20mm (abaixo do

título) e divida por 3 partes iguais. Ex: 297mm -
20mm= 277mm /3= 92mm. (veja esse vídeo caso
não entendeu)
20mm
92mm
92mm
92mm
140mm 140mm 140mm
Nossa prancha já está dividida na grade que

queremos, agora vamos criar uns espaços entre
elas para os desenhos não ficarem grudados.
70
Vamos deixar uma distância de 10mm (1cm)
entre os desenhos. É so pegar a linha guia e
puxar 5mm de cada lado. Na régua você
consegue ver os mm mudando quando você vai
arrastando.
A sua grade já está pronta e você pode colocar

os desenhos dentro dos quadrados ou pode
utilizar dois ou mais quadrados como no
exemplo da prancha portfolio. Tudo vai
depender do que você achar melhor.
71
Em cada quadrado você pode colocar os
assuntos que mais interessarem. Nesse exemplo
eu juntei 4 quadrados para uma imagem
chamativa e para o corte longitudinal juntei 3
quadrados.
Infos do
Projeto

Render Chamativo
ou Planta Geral

Render ou
Diagrama
C o r t e I n t e r e s s a n t e d o P r o j e to o u E l e v a ç ã o
Pa r a v o c ê i ns e r i r o s e u de s e nho n o e s pa ç o , ba s t a
i r n a ba r r a e s qu e r da e c l i c a r e m u pl o a ds - f a z e r
u pl o a ds . Ar r a s t e o de s e n ho pa r a o n de de s e j a r = ) !
Co m o c a n v a , v o c ê po de mo n t a r a f o l ha do t a ma nho
qu e pr e c i s a r . Ma s l e mbr e - s e s e mpr e de c r i a r e s s a s
l i nha s gui a s e gr i ds po i s f a c i l i t a mu i t o o n o s s o
t r a ba l h o !
E pa r a s a l v ar é s ó i r e m c i ma n a di r e i t a e c l i c a r e m
ba i x a r , da n do pa r a e s c o l he r o t i po de a r qu i v o .
72
FOLHAS TAMANHO A2 (VERTICAL) - C/ VIDEO AULA
Essa prancha será uma prancha síntese do projeto,

porém na vertical. Esse modelo é interessante pois
consegue abranger muitas informações em uma
prancha só.
Gosto dessa prancha por apresentar uma imagem

chamativa no começo, espaço para um mini texto,
implantação, diagramas e corte =). Peguei do Pinterest
como nossa referência.
Pinterest
2 3
4
6
73
Para começar a nossa folha, precisamos saber o
tamanho dela. É só irmos no google e digitar
"tamanho folha a2" que já encontramos as
medidas em mm.
Agora, vamos na página inicial do canva e em

"criar um novo design" - tamanho
personalizado para colocar as medidas da nossa
folha A2. Coloque 420mmx 594mm. (lembre-se
de colocar a medida maior na vertical pois
vamos criar uma folha em pé)
Vá em arquivo - mostrar réguas/ guias e mostrar

margens, para conseguirmos enxergar as linhas e
réguas para a nossa diagramação.
74
Agora vamos colocar nossa prancha referência
do Pinterest para termos como base para criar
nossa grade.
Vá em uploads de arquivos e faça o upload da

nossa prancha do Pinterest (pegue aqui o
arquivo).
Arraste seu arquivo para a nossa prancha.
a r r a s t e a i ma g e m n a p r a n c h a vai ficar assim
Após colocada nossa imagem de referência,

vamos criar as nossas linhas da grade de
diagramação =). Clique na régua e arraste a
linha em cima da demarcação do desenho.
Caso não tenha entendido, tem um video aqui
explicando.
75
Aq u i t e mo s n o s s a p r a n c h a c o m a s l i n h a s f o r ma n d o a g r a d e d e
d i a g r a ma ç ã o e m 7 q u a d r a d o s .
Depois com a nossa grade feita, vamos criar um respiro

nas bordas de 1cm (10mm)? Arraste a linha para 10mm
de cada lado (esquerda, direita, cima e em baixo)
No s s a g r a d e c o m o r e s p i r o d e 1 0 mm n a s b o r d a s !
76
Vamos preencher com os retângulos coloridos para
facilitar na hora de escolher os assuntos que serão
inseridos. Vá em elementos e crie um retângulo.
Podemos colocar as cores que quisermos =)
Vai ficar assim nossa prancha com os retângulos preenchidos!
Podemos também inserir alguns textos para saber os

assuntos em cada espaço.
No s s a p r a n c h a a g o r a c o m o s a s s u n t o s e s c r i t o s . C l i q u e a q u i p a r a
v e r c o mo f i c o u = )
77
Após criada a nossa grade de diagramação,
agora é só ir substituindo as imagens dentro dos
retângulos criados =).
Lembre-se de colocar escala gráfica em seus

desenhos e também de deixar letras de um
tamanho que dê para enxergar.
Esse tipo de prancha é legal, pois podemos

pegar diversas referências do Pinterest para
criar a nossa própria prancha!
Veja a vídeo aula dessa prancha aqui!
78
FOLHAS TAMANHO A1 (HORIZONTAL) - VIDEO AULA
Essa prancha será uma prancha síntese do

projeto, porém na horizontal. Esse modelo é
interessante para chamar bastante a atenção.
Gosto dessa prancha por apresentar uma

imagem chamativa no começo (3d), espaço para
tema, partido, conceito, localização e
implantação.
por: ta00arquitetura
2 1
4
6
79
Para começar a nossa folha, precisamos saber o
tamanho dela. É só irmos no google e digitar
"tamanho folha a1" que já encontramos as
medidas em mm.
Agora, vamos na página inicial do canva e em

"criar um novo design" - tamanho
personalizado para colocar as medidas da nossa
folha A1. Coloque 841mmx 594mm. (lembre-se de
colocar a medida maior na horizontal pois
vamos criar uma folha deitada).
Vá em arquivo - mostrar réguas/ guias e mostrar

margens, para conseguirmos enxergar as linhas e
réguas para a nossa diagramação.
80
Vamos criar a nossa borda de 1cm (10mm) em
cada canto da nossa folha. Para isso, arraste a
linha guia 10mm de cada lado.
Aq u i t e mo s n o s s a p r a n c h a c o m a s b o r d a s d e 1 0 mm
Vamos criar agora nosso carimbo que ficará em

baixo. Ele vai ter uma espessura de 4cm (40mm).
Para criar a linha do carimbo, precisamos criar
uma linha na medida 554mm (594mm - 40mm=
554mm).
Aq u i t e mo s n o s s a p r a n c h a c o m a l i n h a d o c a r i mb o n a a l t u r a
5 5 4 mm
81
Agora vamos criar nossa coluna na esquerda, que vai
apresentar o Tema, Partido, Conceito e Localização.
2 1
4
6
Divida a sua folha a1 em 4 partes iguais na horizontal.

Para isso, pegue a linha acima do carimbo 554mm e
subtraia a linha inicial horizontal de 10mm = 544mm.
Divida 544mm em 4 partes= 136mm. Faça uma linha no
146mm (já pensando na borda de 10mm). Essa será a
primeira divisão na horizontal.
1 0 mm
1 3 6 mm
1 4 6 mm
1 3 6 mm
1 3 6 mm
1 3 6 mm
5 5 4 mm
S e q u i s e r , p o d e d i v i d i r a o l h o , ma s f a ç o e s s a c o n t a p a r a f i c a r
certinho as divisões
82
Agora vamos preencher o primeiro retângulo.
Depois, precisamos copiar e colar mais 3 retângulos

desses. Desenhe as linhas guias em cima das divisões
dos retângulos e assim, teremos as nossas 4 divisões!
Vamos desenhar as verticais em 4 partes agora. Pego

a medida 831mm - 10mm= 821mm e divido por 4=
205mm (essa é a primeira linha da vertical). Obs:
podemos fazer a olho também essa linha na vertical.
2 0 5 mm
83
Agora vamos preencher o primeiro retângulo.
Re t â n g u l o d a c o l u n a d a e s q u e r d a f e i t o p a r a i n s e r i r a s
i n f o r ma ç õ e s
Podemos mudar as cores se quisermos e vamos esticar

nossos retângulos até as bordas. Para ficar mais fácil,
podemos desligar o "mostrar réguas e guias" por um
momento.
Aq u i t a mb é m p r e e n c h i o e s p a ç o s e p a r a d o p a r a o c a r i mb o
Agora, vamos criar um espaçamento de 1cm (10mm)

entre as linhas horizontais para dar o "respiro". Basta
criarmos um retângulo na primeira linha horizontal e
copiar para as demais linhas seguintes.
C r i e u ma l i n h a b a s e e c o p i e p a r a a s d e ma i s .
84
Agora, temos as linhas horizontais de respiro criadas:
T a mb é m c r i e i u ma l i n h a d e r e s p i r o d e 1 c m e m c i ma d o c a r i mb o .
Com as linhas feitas, podemos escrever alguns textos para
identificação dos espaços, como nome do projeto, tema,
partido, conceito e localização:
Depois de feito a coluna da esquerda, vamos separar um

espaço para a imagem chamativa de render! Vamos colocar
um retângulo para demarcar a área que ela vai ficar:
No r e t â n g u l o r o x o , s e p a r e i o e s p a ç o p a r a a i ma g e m. P e g u e i
me t a d e d o 2 º r e t â n g u l o d a c o l u n a d a e s q u e r d a .
85
Agora, o espaço que restou será o espaço separado
para a implantação!
O e s p a ç o q u e s o b r o u f i c o u p a r a a i mp l a n t a ç ã o , l e g e n d a e
d i a g r a ma s = )
Vai ficar assim a nossa prancha A1 Horizontal! Agora é

só ir colocando os textos e imagens/ desenhos que
desejar. Lembre-se sempre de colocar a escala gráfica
nas suas pranchas que forem feitas no canva, pois as
vezes o desenho pode perder a escala =).
Temos a video aula dessa folha aqui !!!
C l i c a a q u i p a r a v e r ma i o r = )
86
AGRADECIMENTOS
Se você chegou até aqui, espero que tenha conseguido aprender

a l g u ma c o i s a e q u e e u t e n h a t e a j u d a d o d e a l g u ma ma n e i r a !
S e f i c o u c o m a l g u ma d ú v i d a p o d e me ma n d a r d m n o i n s t a g r a m,
me n s a g e m n o n o s s o g r u p o d o t e l e g r a m o u e ma i l q u e e u
r e s p o n d e r e i c o m o ma i o r p r a z e r = ) .
C o mo u ma f o r ma d e a g r a d e c i me n t o , e s t o u d i s p o n i b i l i z a n d o o s 6
T I POS d e p r a n c h a s PS D e 3 T I POS d e p r a n c h a s CANVA j á c o m
a s l i n h a s g u i a s mo n t a d a s p a r a v o c ê c o l o c a r o s s e u s d e s e n h o s
c o mo q u i s e r !
P s : ma s t e n t e a p r e n d e r o p a s s o a p a s s o p a r a v o c ê e n t e n d e r o
f u n c i o n a me n t o d a mo n t a g e m d a p r a n c h a h e i n !
É só clicar e baixar:
1 ) P r a n c h a Mo d e l o T F G1 A1 ( h o r i z o n t a l )
3 ) P r a n c h a Mo d e l o T F G2 A1 ( v e r t i c a l )
4 ) P r a n c h a Mo d e l o T F G2 A1 ( v e r t i c a l )
6 ) P r a n c h a Mo d e l o P o r t f o l i o A3 ( h o r i z o n t a l )
7 ) C a n v a - P r a n c h a Mo d e l o P o r t f o l i o A3 ( h o r i z o n t a l )
8 ) C a n v a - P r a n c h a Mo d e l o A2 ( v e r t i c a l l
9 ) C a n v a - P r a n c h a Mo d e l o A1 ( h o r i z o n t a l
Ma i s u ma v e z o b r i g a d a e espero p o s s a mo s nos encontrar

n o v a me n t e e m b r e v e !
87
PRESENTINHOS EXTRAS PARA VOCÊS 1:
Os QUATRO arquivos de bloquinhos em VRAY

Sketchup configurados que já postei no meu
instagram:
É só clicar na imagem e baixar! =)
88
Meu PACK de materiais para COLAGEM

contendo bloquinhos Vray 4.2, texturas e
brushes especiais feitos por mim:
É só clicar na imagem que está dentro do nosso

canal no Telegram =)
89
Alguns dos meus brushes (pinceis para Photoshop)

criados por mim durante esse tempo!
Pinceis 1 Pinceis 2

Para instalar
é so seguir esse vídeo aqui =)!!!!

Espero que tenham gostado desse Ebook, tentei juntar

todos meus conhecimentos aqui, qualquer dúvida,
podem me mandar mensagem no Instagram, email,
telegram que respondo!
Nos vemos em breve!
Abraços,
Thaís Asano - ta00arquitetura
90

Diagramação de Prancha - Curso

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Diagramação de Prancha - Curso

Enviado por

Direitos autorais:

Formatos disponíveis

DIAGRAMAÇÃO DE

Licensed to Grasiella Leal - grasiella.leal@gmail.com - HP157816685260344

Em 2016, comecei a ajudar

Nesses últimos anos, me aprimorei na parte de

Com toda essa experiência nesses anos, decidi

Caso queiram conhecer um pouco mais do meu

Licensed to Grasiella Leal - grasiella.leal@gmail.com - HP157816685260344

Sei que muitas dúvidas irão aparecer durante a

Licensed to Grasiella Leal - grasiella.leal@gmail.com - HP157816685260344

Licensed to Grasiella Leal - grasiella.leal@gmail.com - HP157816685260344

Neste Ebook irei apresentar alguns tipos de

Vou ensinar a maneira de como eu aprendi ao

Cada prancha é diferente e possui diferentes

Espero que após a leitura desse Ebook vocês se

A diagramação em arquitetura é basicamente a

Não existe padrão ideal em arquitetura. O

QUAIS SÃO OS ELEMENTOS QUE DEVEMOS

A seguir, estão os elementos que considero

O que devemos incluir em nossas pranchas?

Segue abaixo alguns itens que considero

PLANTA BAIXA/ CORTES/

Para dar aquele UPGRADE no projeto, indico

Os croquis, perspectivas isométricas e diagramas

- Evite muitos textos e seja direto;

A Grade de Diagramação é o elemento

IMPORTANTE PENSAR NESSES 4 ITENS ABAIXO:

É importante você dispor os seus desenhos de

Uma das pranchas que está no meu Portfolio, onde tento

A escolha das cores da sua prancha é muito

1 Você pode trabalhar com tons

SITES COM COMBINAÇÕES DE CORES:

Pinterest: é o que eu mais uso para achar combinações

Instagram colours.cafe: esse Instagram

1- Tente manter seu plano de fundo simples, a

Exemplos que irei ensinar:

1 Prancha A1 para TFG1 (dados importantes

2 Prancha A1 para TFG2 (organização dos

Para visualizar melhor, clique em cada imagem

Prancha A1 para TFG2 vertical (esse

6 Prancha A3 para portfolio (exemplo de

Essa prancha terá uma Diagramação simples

No Photoshop, clique em arquivo/novo e escreva

Deixe a resolução em 300pixels/polegada (para

Sua folha A1 vai

Para criar os GRIDS (grades de diagramação) vá

Será o começo da marcação das grades de

Após você clicar em novo layout de guias vai

1cm em todos as bordas!

Sua folha A1 vai

Clique em visualizar/nova guia e digite o valor

Carimbo com 4cm de altura

2cm de respiro (essa parte de cima ficará

Sua folha A1 vai

Na barra de ferramentas à esquerda, clique no

Se você não entendeu muito esse passo ou ficou

Agora, no seu arquivo PSD (esse que você usou o comando

Na aba colunas, coloque medianiz 1cm (medianiz é o

Na margem, na aba acima e abaixo deixe 0cm e na aba

Deixe ticado o icone "limpar guias existentes" e aperte OK.

Depois preencha os espaços em branco com

Depois, crie novas linhas guias nas extremidades dos

Aqui vai um resumo da montagem dessa prancha: