r

epr
esent
ação
gráfica
interface illustrator sumário
.interface 1
.atalhos e unidades 3
.ferramenta prancheta 4
.formas 5
.traçado e preenchimento 6
.alinhamento e distribuição 8
.grupo 9
.pathfinder 10
.construtor de formas 11
.caneta 12
.camadas 13
.aparência 14
.ferramenta texto 15
.colagem 17
.máscara de recorte 18

exercícios illustrator
.esquema implantação 19
.gráfico 21
.perspectiva explodida 23

interface photoshop
.interface 25
.ferramenta corte 28
.ferramenta lata de tinta 30
.ferramenta varinha mágica 31
.ferramenta laço 32
.ferramenta pincel 33
.ferramenta formas 35
.ferramenta texto 36
.ferramenta caneta 37
.ferramenta cor sólida 38
.estilo sobreposição de cor 39
.efeito sombra projetada 40
.padrão 41
.modos de mesclagem 42
.comando ctrl+t 43
.imagem rasterizada x objeto inteligente 44
.máscara 45

exercícios photoshop
.pós produção desenhos técnicos 46
.planta estilizada 47
.corte monocromático 49
.elevação realista 51
i
nter
face
i
ll
ust
rat
or
 interface
disposição da interface e
configurações iniciais do
illustrator.

como funciona.
Ao abrir o Illustratror a sua face inicial apresenta a opção de abrir um arquivo ou
criar um novo. A primeira opção serve para quando já há um arquivo do Illustrator
sendo utilizado, mas para iniciar um novo clicamos em criar novo.

criar novo.

Campos para poder

alterar as dimensões da
folha, podendo alterar de
pontos para milímetros
para facilitar a criação.
Assim como a orientação
da prancheta também.

Essas abas tem

tamanhos de pranchetas
predefinidas de acordo Campo para definir o
com sua categoria. Os modo de cor.
dispositivos móveis tem Normalmente, ao elaborar
os tamanhos das telas de o desenho deixamos em
celulares, por exemplo. E RGB, e depois alteramos
a impressão tem para CMYK para
tamanhos de folhas, como impressão.
A4, é a categoria que mais
utilizamos.

1.
 workspace.
Localiza-se na barra superior, no lado
oposto de arquivo, editar e etc. Configura a
distribuição das propridades da barra lateral
direita de acordo com a opção escolhida.
Aconselhamos a deixar nos essenciais.

barra lateral direita.

Tem sua distribuição de propriedades
definida pelo workspace, mas é
customizável. Caso queira alterar a ordem
dela, e reorganizá-la, basta pressionar e
arrastar a ferramenta desejada. E se quiser
adicionar alguma ferramenta que não consta
na barra de ferramentas é só clicar em
janela, na barra superior, e adicionar.

barra lateral esquerda.

Tem as ferramentas mais utilizadas no
Illustrator. E aquelas que possuem um
triângulo preenchido no canto tem
subferramentas no mesmo ícone, basta
clicar com o botão direito nelas para ver as
subferramentas.

atalhos.
Ao clicar com o botão direito na
ferramenta, ao lado de cada uma, aparecem
os atalhos utilizados no teclado para elas.

2.
 atalhos e
unidades
comandos do teclado que
facilitam e agilizam o uso do
primeiro passo. programa. E como configurar as
unidades de desenho.

principais atalhos.
zoom aperte alt e role o scroll do mouse
mantenha pressionada a tecla de espaço e irá
pam aparecer um símbolo de mão ao invés da seta

ctrl 0 fit screen

unidades.
Na barra superior clique em “editar”, depois escolha “preferências”
e então “unidades”. Abrirá uma janela onde você poderá configurar
as unidades do seu desenho, normalmente deixamos como na imagem 04.

1
3

2
3.
 ferramenta
prancheta (shift+o)
localiza-se na barra lateral esquerda,
tendo como objetivo criar novas
pranchetas dentro do programa.

como criar.
Clique na ferramenta prancheta. Na barra superior, selecione as
configurações desejadas e clique no ícone +. Ou clique em um ponto
da tela e arraste conforme desejar.
se você mover a prancha de lugar
orientação com essa opção habilitada o desenho
será movido juntamente.

adicionar nova prancheta

opções de tamanho padrão de folha l: largura da prancha

basta clicar na flecha e abrirá uma a: altura da prancha
janela com as opções

como editar pranchetas existentes

Na barra lateral direita
selecione a opção “pranchetas”
e aparecerá uma janela na
lateral, onde você pode Ordem de
renomear esta, dando dois prancha que
cliques no nome. Também pode o pdf será
alterar a ordem das pranchas exportado
clicando e arrastando.
Além disso, se selecionar a
ferramenta prancheta na lateral
esquerda e depois clicar na folha
que você desja editar, é possível
alterar as configurações desta na

4.
barra superior.
 formas
localiza-se na barra lateral
esquerda, e tem como
objetivo fazer formas como
retângulo, círculo e etc.

como funciona.
Ao utilizar essa ferramenta você pode
clicar no primeiro ponto e arrastar e então
as dimensões são feitas visualmente, e caso
você segure o shift enquanto faz a forma
esta ficará com os lados iguais. Por
exemplo, se estiver fazendo um retângulo
ele virará um quadrado e se for uma elipse,
será um círculo. E caso você pressione o alt
enquanto desenha, ele muda a origem de
onde está sendo feita a forma.
Ou então para desenhar você pode clicar
apenas uma vez na tela, e aparecerá uma
caixa onde serão dadas as dimensões
exatas da forma que você quer criar.

polígono e estrela.
Ao desenhar um polígono ou uma estrela é
possível escolher a quantidade de arestas
de ambos. Para isto basta, ao desenhar,
clicar nas flechas do teclado para cima e
para baixo para deixar como deseja.

flecha preta x flecha branca.

Ao clicar com esta flecha Ao clicar duas vezes nos pontos

selecionada é possível de âncora da forma e arrastar é
redimensionar a forma desenhada possível deformar a forma
através dos pontos de âncora. E se desenhada com esta flecha.
ao redimensionar pressionar o
shift esta é redimensionada

5.
proporcionalmente.
 formas
traçado e
preenchimento
primeiro passo.

Padrão preto e branco

como funciona. Inverte as cores do traçado
Ao criar uma forma ela terá e preenchimento
traçado e preenchimento. Eles ficam
indicados na barra lateral esquerda.
Se quiser mudar a cor basta clicar
duas vezes no traçado ou
preenchimento. Gradiente
Na barra superior você também Com o traçado selecionado
poderá ajustar a cor, espessura do se clicar nesta opção a forma
traçado e opacidade. só ficará com preenchimentoo
e vice-versa

traçado.
Espessura
Forma do final
desse traçado Formato
Na barra lateral direita clique do canto
na opção traçado, com a sua Alinhamento
forma selecionada. Abrirá uma conforme a Sempre
janela lateral. Selecione as 3 seleção deixamos
linhas do canto superior desta Habilita a linha esta opção
janela caso só esteja tracejada
aparecendo a informação de
espessura da linha. Tamanho do
espaço e traço da
linha tracejada.

Nessas opções é

6.
possível adicionar
ícone como setas,
no final da linha
 gradiente.
Com a forma selecionada na barra
lateral selecione a opção gradiente
ou clique no atalho “G” + enter.

Agora basta clicar no quadrado

preenchido com o gradiente. E ele será
criado automaticamente. No ícone
abaixo repare se o preenchimento está
por cima, se estiver o traçado o
gradiente será criado apenas no
contorno da forma.

principais configurações

Selecione o formato do
gradiente
Angulação do gradiente,
Altera proporção da forma percebe-se melhor quando
ele é linear
Se der dois cliques nos
círculos de cor você poderá Altera a opacidade
alterar o tom do degradê.Você
também pode movimentar
estas formas e regular a
quantidade de cada cor

No exemplo ao lado, o ponto

branco foi alterado para cor verde
branco e o preto para azul. E o
resultado ficou assim:

7.
 alinhamento e
distribuição
localiza-se na barra lateral direita,
auxiliando na disposição dos objetos
na prancha, facilitando a
diagramação.

como funciona.
Essas ferramentas funcionam sempre com
uma referência, podendo ser ela a prancheta,
a seleção feita ou um objeto chave. Para
iniciar a utilizá-las você deve definir a
referência desejada.
Caso seja a prancheta elas vão se basear
no tamanho da folha, se for a seleção irá
variar de acordo com os objetos
selecionados. E caso seja um objeto chave,
para definir este basta dar um clique em qual
você escolher, e ele ficará com um traçado
mais forte.

alinhar.
Essa opção tem algumas variantes que
podem te ajudar a diagramar. Sendo possível
alinhar pela direita, esquerda e pelo centro,
na horizontal e na vertical.

distribuir.
A distribuição vai deixar seus objetos
distribuídos equidistantes de acordo com o
eixo de referência escolhido.

espaçamento.
É possível também determinar o
espaçamento desejado na distribuição,
como 30mm ou 40mm. Basta digitar o valor
escolhido nesse campo e determinar se essa
distância será na vertical ou horizontal.

8.
 grupo (ctrl+g)
ferramenta utilizada para criar
grupos de determinados objetos
primeiro passo. selecionados.

como funciona.
Selecione os objetos desejados
arrastando o mouse e criando
uma janela entre eles, ou
clicando sobre estes com o shift
segurado. E então clique com o
botão direito na tela, depois
escolha “agrupar” ou use o
comando ctrl + g. Para
desagrupar selecione o grupo e
com o botão direito na tela clique
em “desagrupar” ou shift+ctrl+g.

editar grupo.
Para editar um objeto que está
agrupado, clique duas vezes no
grupo e então o illustrator irá isolar
todo o restante e você só conseguirá
alterar o grupo. Para sair, clique
duas vezes fora da prancheta.

9.
 pathfinder
localiza-se na barra lateral direita,
auxiliando na criação de diferentes
formas a partir de formas primárias.

como funciona.
Para utilizar essa ferramenta é necessário
que previamente já tenham sido criados
outras formas para a partir destas
criarem-se novas. As formas resultantes são
criadas e já transformadas em grupo, então
caso as queira separadas basta desagrupar.

união.

subtração.

interseção.

divisão.

10.
 construtor de
formas (shift + m)
localiza-se na barra lateral
esquerda, e tem como objetivo
auxiliar na criação de novas
formas.

como funciona.
Ao utilizá-la você deve selecionar todos os objetos desejados e clicar nas partes
que deseja que configure uma nova forma. Passando o mouse pressionado criando
uma linha onde quer que continue unido. E onde desejar que seja retirado clicar
segurando o alt.

11.
 ferramenta
caneta
localiza-se na barra lateral
esquerda, tendo como objetivo criar
primeiro passo. linhas retas ou curvas.

caneta.
clique em um primeiro ponto
e depois um segundo, e então
será formada uma linha entre
eles, se segurar o shift as
linhas irão ser feitas em 90 ou
45 graus.

Além disso se você clicar,

manter o botão do mouse
pressionado e arrastar repare
que aparecerão alças que irão
te auxiliar a fazer um caminho
curvo. A partir disso a próxima
linha será curva, caso queira
que seja reta, clique novamente
no último ponto criado.
caneta curvatura.
Clique no primeiro ponto e
depois em um segundo e eles
formarão uma curva.

dica.
Ao criar uma forma ou linha com a caneta
recomendamos que deixe sem preenchimento. Pois
ele normalmente dificulta a visualização do desenho.
E caso queira que a forma seja sólida adicione este
preenchimento depois que ela estiver pronta.

12.
 camadas
localiza-se na barra lateral
direita, e tem como objetivo
mostrar a organização do seu
arquivo através de camadas.

como funciona.
Quando você está trabalhando em um arquivo com muitas formas fica difícil
organizar os objetos, principalmente se eles começam a se sobrepor. Um solução para
alterar a ordem é selecionar o objeto, clicar com o botão direito, selecionar organizar
e definir onde ele ficará. Mas, quando são muitos objetos a maneira mais eficaz é
através das camadas.
As camadas funcionam como uma pilha de papel, a que estiver mais em cima na
ordem é a que irá sobrepor as demais. Tornando-se então muito importante a ordem
delas e do que está dentro de cada uma. De maneira que para reorganizá-las basta
segurar e arrastar para alterar a ordem.

propriedades.
Habilita a visualização
das camadas.

Trava uma camada para

que enquanto estivermos
mexendo em outra esta
não seja alterada.
Oculta ou exibe ou
elementos dentro de cada
camada.
Para renomear uma
camada basta dar dois
cliques no nome.

como mudar um objeto

de camada.
Ao clicar em um objeto, ao lado da camada
que ele está, aparecerá um quadrado
preenchido confirmando que ele está ali. E
caso queira mudá-lo de camada basta clicar
nesse quadrado e arrastar para camada
desejada.

13.
 imagem rasterizada
aparência
e objeto inteligente
localiza-se
Ferramentana utilizada
barra inferior
para
alterar
das camadas.
aparência
Serve
de para
formas

primeiro passo. adicionare texturas,

traçados. muito

como funciona.
Com a forma que deseja alterar a
aparência selecionada, clique nesta
ferramenta na lateral direita, caso
ela não estiver aparecendo habilite
ela em “janela” na barra superior.

Adicionar Perceba que ela mostra as

traçado configurações da linha, neste caso
ela tem um traçado preto de 5mm e
não tem preenchimento.
Na parte inferior da janela nos
Adicionar dois primeiro quadrados poderá
preenchimento adicionar um novo traçado ou
preenchimento.

Também é possível alterar a cor,

espessura e opacidade, clicando
duas vezes nessas informações.

E então você poderá fazer formas

como esta ao lado. Perceba que a
ordem das camadas é importante e
que cada uma tem uma espessura
para que todas possam aparecer.

14.
 ferramenta
texto (t)
localiza-se na barra lateral
esquerda, e tem como objetivo
adicionar textos no seu
arquivo.

como funciona.
Para criar uma caixa de texto você pode
dar um clique na tela e criar, ou então clicar
e arrastar criando o tamanho da caixa de
texto que desejar.
Da primeira maneira, ao redimensionar a
caixa de texto redimensionará a fonte
também, e ao fazer isso caso não queira
deforma-lá basta pressionar o shift.
Aconselhável para fazer títulos.
Da segunda maneira, ao redimensionar a
caixa de texto a fonte não se alterará, ideal
para fazer paragráfos. Mas, caso faça de
uma dessas maneiras e queira transformar
na outra, basta dar dois cliques na bolinha
lateral da caixa de texto.

texto em colunas.
Para criar um texto em colunas basta
quando aparecer um “+” de que o texto esta
suprimido dar dois clique nele. E serão
criadas colunas linkadas, de maneira que
quando você diminuir a caixa de texto de
uma o texto suprimido irá para coluna ao
lado.

15.
 texto escondido.
Ao redimensionar a caixa de texto as
vezes uma parte do texto pode ficar
suprimida. Quando isso acontece aparece
um “+” na caixa de texto. Mas se você der
dois cliques no quadrado inferior da caixa de
texto ela irá se expandir de acordo com o
tamanho do seu texto.

propriedades.
Define a fonte do texto.
Define a cor do
preenchimento. Define o estilo da fonte
selecionada (negrito,
Define a cor do traçado. itálico e etc).

Define o tamanho da
fonte.
Define a disposição do
paragráfo (justificado,
centralizado e etc).

texto em formatos
diferentes.
Para criar um texto que siga uma forma
diferente como um círculo, por exemplo, d
t, sed iam
basta primeiro criar a forma desejada. eli
g

Lo

Depois selecionar ícone de “ferramenta tipo

er adipiscin

rem

no caminho” e clicar na forma criada.

ipsum d
etu

ol
t

or
c

sit e
amet, cons

16.
 imagem rasterizada
colagem
e objeto inteligente
localiza-se
Comandos para
na barra
copiar
inferior
e colar
das camadas.
imagens eServe
objetos.
para

primeiro passo. adicionar texturas, muito

1. ctrl c + ctrl v

2. Selecione o objeto que deseja

com a seta selecionada segure a tecla
“alt”, clique na imagem que deseja
copiar e arraste (se você segurar o
shift ela mantém o alinhamento).

3.

Essa ferramenta permite que você

“cole” o objeto atrás ou na frente de
outro existente. Para utilizá-la:
Selecione o objeto que deseja copiar e
clique em “ctrl+c” > clique no objeto
referência > por último na barra
superior clique em editar e escolha
uma das opções (colar na frente ou
atrás) ou então utilize o atalho que
está ao lado delas.

4. ctrl c + ctrl v

Selecione o objeto que deseja copiar

e clique em “ctrl+c” > na barra superior
clique em editar e escolha “colar em
todas as pranchetas” ou então utilize o

17.
atalho que está ao lado.
 máscara
de recorte
localiza-se na barra inferior das
camadas. Serve para
Ferramenta adicionar
utilizada texturas,
para
muito uma
cortar utilizada na pós
imagem em produção de
determinado
primeiro passo. desenhos técnicos,
formato como piso de
selecionado.
plantas e paredes em elevações.

como funciona.
1. Selecione a forma que deseja
deixar sua imagem.
2. Selecione a imagem que
deseja recortar.
3. Clique com o botão direito e
depois em “criar máscara de
recorte”.

E esse será o resultado.

Importante: A forma do recorte
deve estar posicionada em cima
da imagem no local em que deseja
realizar o recorte.

Para desfazer o recorte:

Selecione a imagem, clique com o
botão direito e na opção “liberar
máscara de recorte”.

18.
exercí
cios
il
lustr
ator
 esquema
pra
ça
implantação
como montar um esquema
flux
os explicando o
desenvolvimento da
taç
ão
implantação do seu projeto.
lan
imp

1.
Desenhe a planta do seu terreno ou forma
com preenchimento e sem traçado. Com ela
selecionada, clique em efeito, na barra
superior, 3d e depois em giro. Altere as
propriedades da janela que apareceu de
acordo com o que achar melhor, sempre
habilite o visualizar para ver como está
ficando.

2.
Triplique o desenho da isométrica criada,
criando 3 etapas no esquema. Em baixo de
cada terreno desenhado crie um novo,
duplicando- o, em uma tonalidade mais
escura, representando uma sombra.

19.
 3.
Adicione os ícones necessários em cada
etapa do esquema. Um site com vários
ícones bons e em svg é o the noun project.
Como o nosso esquema está em uma
perspectiva isométrica, utilize a ferramenta
inclinar, que fica na barra lateral esquerda,
para adequar a posição dos ícones. Ao
utilizar essa ferramenta, selecione o ícone a
ser distorcido pressione e arraste até ficar
na inclinação desejada.

ça
pra

4.
Adicione os textos em cada etapa para
identificá-las, utilizando neles a ferramenta
os
de inclinar para deixá-los na mesma flux
inclinação do terreno.

ão
n taç
impla

20.
 gráfico
como criar gráficos a partir
da ferramenta gráfico do
Illustrator.

1.
Clique na ferramenta de gráfico de pizza,
clicando e arrastando na sua prancheta. Ao
aparecer a janela com uma planilha, digite
na primeira fileira os textos e em baixo o textos
valor referente a eles. Depois de clicar em valores
ok, caso queira voltar a essa janela, basta
clicar com o botão direito no gráfico e
selecionar dados.

2.
Mude a fonte da sua legenda como desejar
na barra superior, e tire o traçado do gráfico.
alterar a fonte Altere também a paleta de cores para as
desejadas, para isto basta clicar na bolinha
da barra superior. Onde, nas fileiras de cores
da janela que aparecer, pressione-as e
arraste-as para a primeira fileira e depois
selecione a cor, criando assim uma escala
da cor definida.

3.
Quando tiver certeza que os valores do
gráfico não irão mais alterar, clique em
objeto, na barra superior, e em seguida em
desagrupar. Exclua os quadrados da legenda
e crie um círculo branco no centro do

21.
gráfico, pressionando o shift e o alt ao
desenhá-lo.
 4.
Selecione todos os elementos do gráfico e o círculo e clique na ferramenta do
construtor de formas na barra lateral esquerda. Com o alt pressionado, clique no
círculo para subtrair essa forma do gráfico.

5.
Selecione os textos da legenda e altere a cor deles para cinza. Crie linhas de
chamada tracejadas cinza ligando os textos as suas respectivas áreas do gráfico.

convivência
área de contemplação

alongamento

grama

pistas secundárias

pista de corrida

dunas

22.
 cobertura
perspectiva
administrativo
explodida
exposição

como fazer a perspectiva

explodida do seu projeto.
térreo

1.
Separe cada andar do seu projeto no
modelo 3d e exporte em dwg ou dxf. No
autocad limpe o desenho tirando as linhas
desnecessárias e salve em uma versão mais
antiga o arquivo. Depois, abra o dwg no
Illustrator, clicando em arquivo e inserir na
barra superior.

2.
Selecione todas as linhas e defina uma
espessura fina para elas e uma cor. Em
seguida, com elas selecionadas, clique em
objeto, na barra superior, pintura em tempo
real e criar. Depois, aperte a tecla “k” no
teclado, selecione uma cor, e pinte a
espessura do terreno e o topo das paredes.

3.
Desenhe linhas grossas contornando
externamente os pavimentos. Em seguida,
crie linhas guias tracejadas ou pontilhadas
ligando os pavimentos ao terreno com uma
cor diferente.

23.
 4.
Adicione escala humana como um ícone
com cor diferente e em seguida adicione
textos identificando os pavimentos com a
mesma cor.

cobertura

administrativo

exposição

térreo

24.
 i
nterface
photoshop
 interface

primeiro passo.
Ao iniciar o photoshop existem
duas opções: abrir (quando você
deseja abrir um arquivo
existente); e criar, se selecionar
esta irá aparecer a seguinte
janela, onde você poderá
configurar o tamanho da folha:

No canto direito você pode personalizar a página, como a

configuração de cores que normalmente deixamos em RGB e depois
alteramos para CMYK antes da impressão. Na parte superior existem
alguns modelos padrão, na opção impressão estão os padrões de
pranchas que são mais utilizados.

abrir várias imagens em

um mesmo arquivo.
Para isso basta clicar na barra
superior em: arquivo > scripts >
carregar arquivos na pilha. E então
buscar os itens desejados.

configurando o programa.
Para voltar as configurações
iniciais do porgrama: Com o
programa fechado clique em Alt + Ctrl
+ Shift, segurando nas teclas clique
no icone do photoshop com o botão
direito e depois em “abrir”. Irá
aparecer uma janela e então clique

25.
em “sim”.
 configurações
recomendadas.
No canto superior deixe sua
interface na opçao “essenciais”.

Na barra superior, em janela,

você pode escolher quais
ferramentas ficarão visiveis na
sua interface, recomendamos
sempre deixar: camadas,
opções, ferramentas, e a última
opção que é o nome do arquivo.
O restante personalize
conforme achar necessário.

barra superior.
1.
2.

1. Menu com diversas 2. Propriedades das

funções. Ao clicar em uma ferramentas, as quais
dessas opções perceba ficam na lateral esquerda.
que cada ferramenta Ela varia conforme a
possui seu atalho. ferramenta selecionada.

ferramentas.
Localizadas na barra lateral
esquerda. Clicando com o botão direito
em qualquer uma das ferramentas
você verá que existem outras. E se
apenas segurar o mouse, sem clicar,
aparecerá uma janela dizendo o nome
da ferramenta, para que serve e seu

26.
atalho.
 janela lateral
direita.
Aba personalizável a partir da
opção janela na barra superior.
Sendo sempre importante deixar as
camadas ativas. Na imagem ao
lado estão ativas: camadas,
propriedades, navegador.

camadas.
Sempre que você adiciona um
novo arquivo, texto, efeito, ele será
uma nova camada. Essas camadas
são como folhas de papel
empilhadas, sendo assim é
importante verificar a ordem das
camadas, pois o que está por cima
sempre aparecerá primeiro.

Ao lado de cada camada existe

um “olho”, você pode desabilitar/
habilitar a camada através dele.

1. estilos/efeitos
2. máscara
3. preenchimento e ajustes
4. ferramenta para criar grupo
em camadas selecionadas
1 2 3 4 5 6 (comando: ctrl + g)
5. cria nova camada
6. deletar camada

comandos.
zoom aperte alt e role o scroll do mouse
mantenha pressionada a tecla de espaço e irá
pam aparecer um símbolo de mão ao invés da seta

ctrl 0 fit screen
27.
 ferramenta
corte (c)
localiza-se na barra lateral
esquerda, tendo como
objetivo redimensionar o
tamanho dos arquivos.

como funciona.
Para determinar as
dimensões da imagem
basta arrastar os grips da
seleção, e então a parte
mais opaca será excluída.

proporção.
Ao selecionar essa ferramenta, na
barra superior, surgem as suas
propriedades e uma delas é a
proporção, com alguns tamanhos
predefinidos. Facilitando caso queira
sua imagem em uma proporção
específica, como a quadrada, por
exemplo.

como criar uma

proporção.
Mas, caso queira uma proporção
específica que não tenha ainda, para
criar basta clicar em “nova
predefinição de corte”, nomear essa
proporção, e no campos ao lado
colocar os valores desta.

28.
 observação.
Sempre observar se na barra superior de propriedades está habilitado
ou não a opção de excluir pixels cortados. Caso esteja habilitado, ao
redimensionar o tamanho do seu arquivo a parte que você ocultou sumirá
do arquivo e caso queira voltar atrás depois, não conseguirá.
Aconselhamos a deixá-la desabilitada.

regra dos três terços.

Ao redimensionar sua imagem perceba que aparecem grids dividindo
sua imagem em terços, aplicando a esta a regra dos três terços, que diz
que em cada terço deverá ficar concentrado uma parte da imagem. por
exemplo, no primeiro terço o céu, no segundo a edificação e no terceiro a
calçada, assim sua imagem ficará mais equilibrada. Além disso, onde se
encontram as linhas são os pontos focais, nos quais você deverá
posicionar elementos que quer que chamem a atenção.

como alterar.
Mas caso prefira outro tipo de grid
para te auxiliar, existem outros
predefinidos, basta trocar na barra de
ferramentas superior.

29.
 ferramenta
lata de tinta (g)
localiza-se na barra lateral esquerda,
tendo como objetivo preencher a área

primeiro passo. selecionada com uma cor ou padrão.

como funciona. primeiro plano.

Preenchimento com uma cor sólida.
selecione a ferramenta e
Para escolher a cor basta clicar no
clique dentro da seleção que
retângulo que está em primeiro plano.
você deseja preencher. Na
barra superior você poderá
escolher a opção “primeiro
padrão.
plano” ou padrão. E também Texturas que você
poderá regular efeitos como tenha definido como um
opacidade. padrão no seu photoshop.

degradê.
Fica no mesmo ícone direito no ícone. Para
da lata de tintas, e usar basta clicar em um
qualquer um deles pode ponto da tela e arrastar
estar aparecendo como com o mouse
principal. Se o degradê pressionado. Na barra
não estiver visível superior você pode fazer
clique com o botão ajustes de aparência.

formato do degradê: as mais

utilizadas são a 1, 2 e 4

cores: definidas através do seletor de

30.
cores da barra de ferramentas. Se clicar
na seta encontrará outros padrões
 ferramenta
varinha mágica (w)
localiza-se na barra lateral
esquerda, e tem como
objetivo fazer a seleção de
áreas que tem a mesma cor.

como funciona.
Para fazer a seleção da área desejada
basta selecionar a ferramenta e clicar na cor
que deseja. Essa ferramenta é indicada para
selecionar cores sólidas, fundos com
variação na tonalidade não tem resultado
tão bom.

Após a seleção feita, você pode apertar o

delete e remover o fundo, mas lembre-se de
antes de selecionar sempre clicar nesse
cadeado do layer e desabilitá-lo. Após tirar o
fundo salve a imagem como png para ficar
com fundo transparente.
propriedades.

Com essa propriedade A tolerância é um valor

habilitada, toda vez que que quanto menor mais
você clicar em uma nova exato vai ser a seleção da
área esta será adicionada cor escolhida.
a seleção já feita.

Com essa propriedade Sempre que o adjacente

habilitada, ao clicar em estiver desligado, ao
uma seleção já feita ela selecionar uma cor ele
será subtraída, ideal para pegará todas as áreas na
quando você selecionou imagem que tenham essa
uma área errada e quer cor.
tirá-la.

ctrl + d = tira a seleção feita

31.
 ferramenta
laço (l)
localiza-se na barra lateral
esquerda, tendo como objetivo criar
seleções. Ela se divide em 3: laço,
primeiro passo. laço poligonal, laço magnético.

laço.
Clique no primeiro ponto e
com o botão esquerdodo mouse
pressionado arraste conforme
desejar. Para fechar a seleção
basta encontrar o ponto de
ínicio.
Ferramenta fácil de utilizar laço poligonal.
porém pouca precisa. Clique no primeiro ponto
depois no segundo e assim
por diante, se segurar o shift
o traço ficará reto. Para
fechar a seleção basta
encontrar o ponto de ínicio.

laço magnético.
Clique em qualquer lugar da
imagem para definir o primeiro
ponto de fixação. Mova o
ponteiro pela aresta que deseja Ao usar qualquer uma destas, na barra
traçar. À medida que você superior, especifique uma opção de
move o ponteiro, o segmento seleção: Nova seleção, adicionar à seleção,
ativo se ajusta à aresta mais subtrair da seleção ou fazer interseção
forte da imagem. com a seleção.
Recomendamos essa DICA: Ao fazer uma seleção e apertar
ferramenta para quando for delete o espaço selecionado será excluído.
necessário selecionar uma Ou se fizer a seleção e clicar com a lata de
forma pouca precisa, por tinta ele irá pintar apenas a área
exemplo tirar o céu de uma selecionada.

32.
imagem com várias árvores
 ferramenta
pincel (b)
localiza-se na barra lateral
esquerda, e tem como objetivo
pintar a sua imagem de acordo
com o seu objetivo.

propriedades.

Determina o tamanho
do pincel, mas também é
possível alterar no Mostra a biblioteca de Alteram a
teclado com { e }. pincéis para que você transparância da cor
Certifique-se que o caps consiga escolher qual irá do pincel utilizado.
lock está desligado ao utilizar, além de
dimensionar o tamanho conseguir configurar a
do pincel para que dureza e o espaçamento
consiga visualizá-lo na do pincel.
tela.

segurar o shift com o pincel

= desenha uma linha reta

cor.
Para alterar a cor do pincel basta dar dois
cliques no quadrado de cima e selecionar a
cor desejada. A cor que aparecerá é sempre
a de cima.

visualização.
Para alterar a visualização dos
pincéis basta selecionar o pincel, com o
botão direito clicar na tela. Então,
selecionar a engrenagem e personalizar
a visualização com esses tópicos,
aconselhamos deixar o nome do pincel
e a ponta.

Para colocar um pack de pincéis no

seu photoshop basta, nessa mesma
janela, clicar em importar pincéis, e
procurar o arquivo no seu computador.

33.
 1 como criar um
pincel.
Selecione a imagem do pincel que irá
fazer, sem fundo, um png. Abrá-o em um
arquivo do photoshop. Com a camada do
molde selecionado, clique em fx na barra
inferior direita, e selecione a sobreposição
de cor.

2 sobreposição de
cor.
Na janela que abrir, clique no quadrado da
cor, selecione o preto, e pressione ok.

3 editar.
Na barra superior editar, selecione “definir
predefinição de pincel”, escolha o nome do
pincel, e pronto, já temos o pincel na nossa
biblioteca do photoshop.

34.
 ferramenta
formas (u)
localiza-se na barra lateral
esquerda, tendo como objetivo criar

primeiro passo. seleções, formas e linhas.

formas geométricas.
Selecione a forma
desejada, na barra superior
configure as propriedades.
E então basta clicar no
primeiro ponto e arrastar.
Caso queira criar um
quadrado ou círculo segure
o shift.
cor/textura do preenchimento
cor/textura do traçado

estilo do contorno

espessura do contorno

para criar formas sólidas ou apenas

o contorno sempre deixamos na opção “forma”.
Se selecionar “demarcador” a forma criada
será uma seleção

Clique na flecha ao lado de “Estilo

da linha”, depois em “+ opções” e
então abrirá esta janela onde poderá
personalizar a linha, dizendo o valor
do traço e do espaço, podendo fazer
uma linha com traço e ponto por
exemplo (nesse caso lembre de deixar
a forma redonda):

35.
 ferramenta
texto (t)
localiza-se na barra lateral
esquerda, e tem como objetivo
adicionar textos no seu
arquivo.

como funciona.
Para fazer a caixa de
texto basta selecionar a
ferramenta, clicar e
arrastar, e então digitar seu
texto. Depois, caso queira
modificar o texto, basta dar
dois cliques em cima
deste.
propriedades.

Define a fonte que será

utilizada no texto. Define o tamanho da Permite que o texto
fonte que será utilizada. tenha uma disposição
Define o estilo de fonte diferente, como em arco
que será utilizada no Define a disposição do por exemplo.
texto, itálico, negrito e paragráfo feito,
etc. centralizado, justificado e
etc.
Define a cor do texto.

texto em diferentes formas.

Para criar textos que sigam
uma forma já predefinida, como
um círculo. Basta criar a forma
desejada primeiro, utilizando
essas ferramentas de formas, e
depois selecionar a ferramenta
do texto e clicar no traçado do

36.
objeto desenhado.
 ferramenta
caneta (p)
localiza-se na barra lateral
esquerda, tendo como objetivo criar

primeiro passo. linhas retas ou curvas.

caneta.
clique em um primeiro ponto e
depois um segundo, e então será
formada uma linha entre eles, se
segurar o shift as linhas irão ser
feitas em 90 ou 45 graus. Além
disso se você clicar, segurar e
arrastar o ponto repare que
aparecerão alças que irão te
auxiliar a fazer um caminho curvo.

forma livre.
Com o botão do mouse
pressionado arraste o mouse e
a linha irá sendo criada. Essa
ferramenta é pouco utilizada
pois não é precisa.
curvatura.
Clique no primeiro ponto e
depois em um segundo e eles
formarão uma curva. Caso queira
que o próximo seguimento seja
reto dê dois cliques, e se quiser
curvo apenas um clique.

editando os
traçados Ferramenta usada para
Na barra superior é
converter um ponto de Com essas duas ferramentas é
possível ajustar a
ancoragem suave em possível adicionar ou remover
aparência da forma
um ponto de canto pontos em um traçado existente
como nas formas.

37.
 ferramenta
cor sólida
localiza-se na barra inferior
direita, e tem como objetivo
preencher formas com cores
sólidas.

como funciona.
Para utilizá-la, basta selecionar a camada que contém a forma
que você quer pintar com uma cor sólida, clicar na bolinha da barra
inferior, selecionar a cor sólida e escolher a cor desejada. Depois
caso decida alterar essa cor, basta dar dois cliques na camada de
preenchimento sólido.

seletor de cor.

Para selecionar a cor desejada perceba que pode ser utlizado o

HSB, RGB, CMYK ou até mesmo na # colocar o código da cor
desejada.

38.
 estilo
sobreposição
de cor
ferramenta utilizada para alterar a cor
primeiro passo. de objetos, seja ele um objeto sólido
ou uma imagem de vários tons.

como funciona. 1

Selecione a camada onde

está o objeto que deseja
colorir de uma cor sólida.
1. Depois na barra inferior
das camadas clique no ícone
“fx”
3
2. E então, escolha a opção
“sobreposição de cor”.
3. Irá abrir uma janela onde 2
você poderá regular cor,
opacidade e também alterar o
modo de mesclagem.

DICA: Se você quiser alterar

vários objetos, coloque todos
dentro de um grupo e aplique o
efeito com a camada deste
outros efeitos.
grupo selecionada. Além da sobreposição de cor
perceba na parte esquerda da
janela que existem vários
outros estilos. Caso queira
adicionar outro basta clicar
dentro do quadrado ao lado do
nome. E para ajustar o efeito
escolhido basta clicar em cima
do nome deste, e então
aparecerão as configurações
no centro da janela.

39.
 efeito
sombra projetada
localiza-se na barra inferior
direita, e tem como objetivo
adicionar sombras nas formas
do arquivo.

como funciona.
Para utilizá-la, basta selecionar a camada que contém a forma
que você quer adicionar uma sombra, clicar em “fx” e selecionar a
sombra projetada. Lembre-se que essa camada tem que estar em
cima das demais para que ela projete essa sombra em cima das
outras camadas. Depois de configurada é possível alterar as
propriedades dando dois cliques na camada, e caso queira
desabilitar o efeito é só desligar o olhinho ao lado.

propriedades.
Define a cor a ser
utilizada na sombra.

Quanto maior o valor

mais forte e marcada fica
a sombra.

Valores que irão definir Define o ângulo que a

o estilo da sombra sombra ficará, pode ser
desejada, fica a critério do alterado através do
desenho feito, e são círculo ou digitando o
definidos conforme você valor.
os testa.

40.
 ferramenta
padrão
localiza-se na barra inferior das
camadas. Serve para adicionar texturas,
muito utilizada na pós produção de
primeiro passo. desenhos técnicos, como piso de
plantas e paredes em elevações.

como funciona.
1
Selecione uma determinada
área do seu desenho. Depois
na barra inferior das
camadas clique no símbolo 3
de círculo com duas cores. E
abrirá uma janela, onde
escolherá a opção “padrão”
2

como ajustar.
O photoshop irá selecionar a última
textura adicionada como padrão. Caso
queira escolher outra basta clicar na seta
lateral. Em “escala” é possível ajustar o
tamanho da imagem. E com a janela de
edição aberta você pode clicar na textura e
arrastar com o botão esquerdo do mouse
pressionado, posicionando a textura
como criar um conforme preferir.

novo padrão.
Abra uma textura em um
arquivo do photoshop. Na barra
superior clique em editar.
Abrirá uma janela e basta
escolher a opção “definir
padrão”. E então essa textura

41.
ficará salva na sua lista de
padrões, em todo novo arquivo.
 modos de
mesclagem
localiza-se na lateral direita
nas propridades das camadas,
e tem como objetivo adicionar
efeitos nas imagens.

como funciona.
O modo de mesclagem é uma ferramenta interessante a ser
explorada, muitas vezes ele poderá agregar um efeito na sua
imagem. Para utilizá-lo basta selecionar a camada da imagem na
qual irá aplicar esse efeito e ir alternando os modos de mesclagem
para ver qual se adequará mais. Esta ferramenta aparece muitas
vezes também dentro de outras ferramentas, como na sombra
projetada, sempre é bom testar para ver qual trará um resultado
melhor.

exemplo.
É uma ferramenta muito
útil para conseguir uma
representação mais
estilizada, é possível a
partir dela conseguir
adicionar uma textura de
papel amassado ou
concreto no seu desenho
por exemplo.

42.
 comando
imagem rasterizada
ctrlinteligente
e objeto +t
Comando
localiza-se
muito
na barra
utilizado
inferior
para
alterar
das camadas.
tamanho, perspectiva
Serve para e

primeiro passo. adicionar

posição texturas,
de camadas.
muito

como funciona.
Selecione a camada onde está o
objeto que deseja alterar. E clique nas
teclas “ctrl” e “t”, automaticamente
aparecerá essa caixa de seleção com
pontos. Se passar o mouse por cima
deles verá que é possível rotacionar. Se
clicar e arrastar a imagem conseguirá
mover ela.

Já se clicar em algum desses pontos da caixa de seleção e arrastar

você conseguirá alterar o tamanho da imagem. Em algumas versões
do programa se segurar o shift ele deformará a imagem, já em outras
o shift irá alterar o tamanho proporcionalmente.

Altera a perspectiva
da imagem clicando botão direito.
nos pontos da caixa de
selação e arrastando
Depois de selecionar o
comando ctrl+t clique com
o botão direito na tela e
aparecerá essa janela:

Deforma a imagem,
utilizamos quando
queremos colocar
alguma imagem em
parede curva, por
exemplo. Comandos para
espelhar a imagem

43.
 imagem
imagemrasterizada
rasterizada
X
e objetointeligente
objeto inteligente
localiza-se na barra inferior
Opções de imagem
das camadas. quepara
Serve podem
ser alteradas clicando com o
primeiro passo. adicionar texturas, muito
botão direito na camada.

objeto inteligente. 1
Objetos inteligentes são camadas que selecione a camada
contêm dados de imagens rasterizadas ou
vetoriais, como arquivos Photoshop. Eles 2
preservam o conteúdo de origem da clique com o botão
imagem com todas as suas características direito em cima da
originais, permitindo que você faça uma camada e escolha
a opção “converter
edição não destrutiva na camada. Ou seja em objeto inteligente”
se você diminuir o objeto e depois resolver
aumentar ele, ele manterá a qualidade.
3
ícone indicando
que a camada é um
objeto inteligente.

imagem rasterizada.
Já a imagem rasterizada, por exemplo, foi feito
o mesmo processo de diminuir e aumentar o
tamanho do sofá, então compare as duas
imagens. E perceba como a rasterizada perdeu a
qualidade. Portanto sempre que for editar um
objeto, mudando a perspectiva e tamanho,
recomendamos transformar ele em objeto
inteligente.

Para transformar um objeto

inteligente em imagem
rasterizada basta seguir os

44.
mesmos passos anteriores. Só
que ao invés da opção “converter
em objeto inteligente” aparecerá
a opção “rasterizar camada”
 máscara
localiza-se na barra inferior das
camadas.
camadas.Serve
Servepara
paraadicionar texturas,
“esconder” parte
muito utilizada
da camada semna
de pós
fatoprodução de
excluir ela.
primeiro passo. desenhos técnicos, como piso de
plantas e paredes em elevações.

como funciona. 1
1. Selecione o objeto que deseja 2
máscarar. 2. Com a camada onde está
este objeto selecionada, clique na
opção “adicionar máscara de camada”
na barra inferior das camadas. 3. E
então será criada uma máscara e
apenas o que foi selecionado apareceu. 3
Caso você quisesse que o vaso
selecionado fosse excluído e o
restante ficasse visível, bastava antes
de criar a máscara clicar com o botão
direito e “selecionar o inverso”

1
máscara em
grupo.
Quando criamos uma máscara
com um grupo selecionado,
todas as imagens dentro dele
2 ficarão com esta máscara.
1. Criei um grupo e selecionei
a parte que eu queria que a
máscara ficasse visível. 2.
Ativei as camadas de texturas e
3 elas ficarão assim, pois estavam
fora deste grupo. 4. Coloquei as
texturas dentro do grupo.

45.
exer
cíci
os
phot
oshop
 pós produção
desenhos
primeiro passo.
técnicos

monocromático.
Estilo onde há o predomínio de
determinada cor. Esse estilo é
recomendado para desenhos
maiores. Onde não é possível ver
tanto os detalhes. Então para
manter a clareza e não deixá-lo
poluído normalmente utilizamos
este estilo. Muitas vezes nesse
estilo deixamos as linhas na cor
branca e o fundo em outra cor.

estilizado.
Recomendamos esse estilo em
representações de escala média. A
pós produção estilizada pode
possuir alguns detalhes como
escalas humanas, texturas e
vegetações realistas.

realista.
Nesse estilo buscamos trazer
imagens com mais informações.
Além de texturas, sombras e
detalhes que deixam o desenho
mais próximo do real, como um
vaso em cima da mesa de centro.
E até mesmo pontos de luz, em

46.
uma luminária por exemplo.
Recomendamos ele para desenhos
menores.
 planta
estilizada
como fazer a pós produção de uma
planta no estilo estilizado.
primeiro passo.

1.
Primeiramente exporte o pdf da
planta somente com as linhas. E
abra este desenho no photoshop.

2.
Comece adicionando as
texturas. Com a camada da planta
selecionada, clique na ferramenta
varinha mágica e selecione o
ambiente em que deseja
adicionar uma textura. Depois
adicione um padrão e escolha a
textura. No final adicione todas
as texturas em um grupo para
manter a organização. 3.
Insira as imagens de vegetações
realistas, com o ctrl+t ajuste o
tamanho e posição. Conforme for
adicionando as imagens repetidas
busque rotacionar ou adicionar um
efeito em uma delas para não ficar
repetitivo. Adicionar efeito: clique na
camada da imagem > barra superior >
imagem > ajustes > selecione e
configure o efeito desejado

47.
 4.
Selecione todas estas vegetações
e crie um grupo com elas. Nesse
caso queríamos ter o efeito de que
vegetações estivessem “caindo” na
fachada. Então com esse grupo
selecionado, clique na ferramenta
laço poligonal e crie uma seleção na
parte que deseja excluir > botão
direito > selecionar inverso > criar
máscara.
Repita esse processo nos outros
espaços de jardim, você pode ir
copiando esse próprio grupo e
ajustando o tamanho e máscara de
recorte.

5.
Para finalizar, insira a imagem de
escalas humanas. Ajuste o tamanho
com o ctrl+t, e como nesse caso
temos várias pessoas na mesma
imagem, com essa camada
selecionada crie uma máscara nela,
e com o pincel na cor preta pinte as
pessoas que você não quer que
apareça.

6.
Repita esse processo até ter a
quantidade que deseja de escalas. E
caso você queira que alguma escala
mascarada reapareça, com a
máscara da camada seleciona pinte
ela com o pincél na cor branca. E
por fim adicione todas essas
camadas em um mesmo grupo.

48.
 corte
monocromático
como fazer a pós produção de um
corte no estilo monocromático.
primeiro passo.

1.
Primeiramente exporte o pdf do
corte somente com as linhas. E abra
este desenho no photoshop. Caso
ele esteja com fundo transparente,
crie uma nova camada e clique em
selecionar “cor sólida”. Nesse caso
iremos escolher o branco.
Lembre-se de deixar essa camada
por baixo das restantes.

2.
Então com a varinha mágica
selecione todas as paredes e
estruturas em corte. Depois de
selecioná-las aplique o “cor sólida”
no tom preto.

3.
Selecione a parte inferior do
desenho formando a linha de terra, e
com a cor sólida aplique a cor
desejada.

49.
 4.
Adicione uma imagem de textura
geométrica no arquivo, nesse caso
diminuimos a opacidade da camada
para ficar mais suave. Agora, com a
camada do corte selecionada, e a
varinha mágica clique no fundo do
corte. Então selecione a camada da
textura geométrica e crie uma
máscara. Note que a textura ficará
atrás do edifício.

5.
Com a ferramenta brushes
selecione uma cor parecida com a da
linha de terra e crie escalas
humanas de maneira variada nos
pavimentos. Depois os veículos no
subsolo. E por último as vegetações
no entorno. Fica interessante,
principalmente nas vegetações
alterar a intensidade da cor do
pincel, o tamanho e o modelo.

6.
Para finalizar, com os brushes
escolha um modelo de nuvem, com a
cor branca crie algumas nuvens.
Altere a opacidade caso queira
deixar mais suave.

50.
 elevação
realista
como fazer a pós produção de uma
elevação no estilo realista.
primeiro passo.

exportando elevação do sketchup.

1. Posicionando câmera.

Primeiramente na barra superior clique em

câmera e selecione a opção “projeção
paralela”. Depois selecione a vista desejada.

2. Editando estilo (elevação linhas)

Editar > Face >

Modo linha oculta

Editar > Modelagem >

Editar > Aresta > Deixe
Desabilite todas as
arestas habilitada e Editar > Fundo >
opções
perfis no valor 1 cor branca

Quando a imagem estiver como esta,

na barra superior clique em arquivo >
exportar > gráfico 2d e exporte a cena
como uma imagem em png

51.
 2. Editando estilo (elevação sombras)

Habilite a opção
sombras

Sem alterar a posição

Quando a imagem estiver
da imagem anterior
como esta, exporte ela
clique em estilo > Editar
como uma imagem em png
> Arestas e desabilite
perfis e arestas

photoshop
1.
Primeiramente abra as imagens que
tem somente as linhas no photoshop.

2.
Com uma ferramenta de
seleção selecione os espaços
e adicine texturas através do
“definir padrão”. Caso alguma
textura não tenha ficado na
tonalidade desejada adicione
Lembre-se de habilitar esta
o efeito “níveis” sobre ela,
opção para o efeito só ser
como no exemplo ao lado.
aplicado na camada inferior.

3.
Com a camada da elevação
selecionada, selecione os vidros da
elevação. Adicione uma nova camada
e pinte de azul claro, com o pincél
suave na cor branca crie esse efeito
de vidro, pintando na diagonal, sem
tirar a seleção feita anteriormente. E

52.
depois diminua a opacidade dessa
camada.
 4.
Então adicione as vegetações e
altere o tamanho delas com o ctrl
T. Nessa etapa é interessante,
principalmente nas árvores, que
altere a opacidade de algumas,
criando uma certa profundidade
para o desenho.

5.
Depois de adicionar todas as
vegetações conforme deseja.
Agrupe as vegetações arbustivas
e trepadeiras do muro, e então
com o grupo selecionado
adicione o efeito de sombra
projetada.

6.
Adicione árvores atrás da
cabana. Para facilitar crie um
grupo com uma máscara que
oculte a parte da cabana. Ou então
depois de adicionar a árvore
selecione o contorno da cabana e
com a camada desta árvore
selecionada clique em delete.

7.
Por último adicione as escalas
humanas, agrupe-as e repita o
mesmo processo de adicionar uma
sombra projetada no grupo.

53.
 8.
Para finalizar adicione a
imagem que geramos no
sketchup de sombra. E em modo
de mesclagem altere de normal
para multiplicação, se preferir
também pode diminuir a
opacidade.

É importante que esta camada

esteja por cima das texturas
para que o efeito apareça.

9.
Adicionar um fundo de
paisagem também pode gerar um
resultado interessante. Só
lembre de deixar esta camada
por trás de todos os objetos e
efeitos inseridos.

54.