Sumário

1. Introdução
2. A visão de Raio-X
3. Os três elementos da Criatividade
4. Copiar sem fazer igual
5. Conclusão
 APOSTILA 01

Introdução
"Arte é Roubo." (Pablo Picasso)

Roubo é uma palavra muito forte na nossa sociedade

assim como a palavra plágio. Elas são sinônimas até
certo ponto.

A ideia dessa primeira etapa de aprendizado é que você

copie (roube?) sem fazer igual. Mas para você aprender a
fazer isso precisamos nos aprofundar em outro conceito:
o Raio-X do Design.

Certamente você já
assistiu algum filme
de assalto a banco e
viu que antes da ação
acontecer a equipe
consegue a planta do
local, da rua, das
entradas e saídas,
horários etc.

Aqui nós vamos fazer o mesmo!

3
 APOSTILA 01

Como disse Steve Jobs: "Design é forma e função".

Isso significa que algo foi projetado para determinada
função e tem uma forma para isso.

A função de um smartphone hoje supera, e muito, o que

um dia foi a função de um celular comum, com teclas e
uma tela pequena. Logo, a sua forma também sofreu
mudanças.

A estrutura de um design ou, em outras palavras, como

aquilo está montado não pode substituir a função pelo
qual aquele projeto de design foi pensado.

Lembro-me de criar um panfleto para um evento da minha

cidade que sua forma e estrutura estavam lindas. O
cliente me elogiou muito, mas faltava uma peça
fundamental para o cartaz cumprir a sua função: a data do
evento!

Foram 300 reais do meu bolso, que eu tive de tirar depois

de imprimir 1.000 unidades, para refazer um design lindo,
mas que não atendia a função para a qual foi pensado.

4
 APOSTILA 01

Tenha equilíbrio ao construir o seu design.

5
 APOSTILA 01

A visão de Raio-X
Bom, depois de uma explicação muito express do que
seria o design em sua essência, eu preciso te dar acesso
a um superpoder!

Eu chamo de “a visão de Raio-X” a habilidade de olhar

para um design, seja ele qualquer (imagem, vídeo,
panfleto, comercial, outdoor, stories, anúncio…), e ver
como a sua estrutura está montada..

Resumidamente, eu aprendi design assim: observando e

copiando exatamente igual para saber como aquilo foi
feito.

Por ter feito escola de desenho desde muito novo, tive

muita facilidade em transpor para o computador. Antes eu
tinha papel e lápis, depois uma tela digital e um programa,
o Paint e Powerpoint, na época.

Então eu pegava panfletos, cartões de visita, olhava

outdoors na rua, logomarcas em camisetas e tentava
recriá-los no computador.

6
 APOSTILA 01

Só que eu não julgava a forma! Se estava feio ou bonito

eu nem queria saber… copiava igual.

Isso é o Raio-X, certo? A função dele é olhar a estrutura

das pessoas, como elas estão montadas. Pouco importa
se é magro ou gordo, homem ou mulher, negro ou branco,
baixo ou alto. Não há julgamento estético!

Era isso que eu fazia no computador: via no papel do

panfleto que tinha uma fotografia de homem recortada,
dois círculos no fundo em cor vermelha, um texto grande
sendo a chamada da propaganda, um texto menor
explicando a oferta de venda, um quadrado amarelo com
o preço por cima e a logomarca da loja com endereço do
local.

Boom! 🤯

7
 APOSTILA 01

Minha cabeça explodiu depois de perceber que foi assim

que eu aprendi e fiz isso durante dois anos, antes mesmo
de entrar em algum curso profissionalizante de web
design.

E por ser nerd, batizei essa habilidade

treinada como “Visão de Raio-X”.

Foi só quando eu cheguei no curso presencial que tive

que me acostumar com o Photoshop e CorelDraw. Mas
agora tudo o que eu precisava aprender era "onde no
Photoshop eu clico para fazer aquele círculo?" e "qual é a
ferramenta no Corel que insere o degradê que eu quero
fazer?"

8
 APOSTILA 01

50% do design que eu queria criar já

estava na minha mente e os outros 50%
eram apenas onde clicar na ferramenta
para executar o que eu queria.

Agora que você tem essa informação, vamos praticá-la?

Olhando para a imagem abaixo, identifique quais os ele-

mentos gráficos existem nela:

9
 APOSTILA 01

Vamos enumerá-los:

1. Foto do personagem com fundo transparente;

2. Forma levemente girada no fundo com borda
arredondada;
3. Um pequeno pedaço da forma 2 no canto superior
direito;
4. Título da imagem com uma palavra em negrito;
5. Subtítulo em tamanho menor e cor mais suave do
que o título;
6. Linha.

10
 APOSTILA 01

Agora aplicando o Raio-X para não deixar dúvidas:

11
 APOSTILA 01

Placement é o nome inglês dado para o local onde a

imagem vai ser colocada ou aparecer. No exemplo você
vê um formato quadrado que poderia ser postado no feed
do Instagram. Mas se esse design fosse para um outdoor
na rodovia precisaria mudar o Placement e adaptar os
tamanhos de largura, altura e distribuir os mesmos
elementos para que fiquem harmônicos no outdoor.

Agora uma surpresa! Essa não é a imagem original.

Veja de onde ela veio:

12
 APOSTILA 01

"Diego, você plagiou!" 😡

Calma, militante… aqui estamos na área segura do

aprendizado e se você ficar se limitando com pré-conceito
A ou B nunca vai aprender nada. O que eu te ensinei
agora é um dos três elementos da Criatividade.

Vamos vê-los?

13
 APOSTILA 01

Os três elementos da
Criatividade
Copiar > Transformar > Combinar

Analise com calma a imagem abaixo:

Neste treinamento você vai aprender a praticar todas

essas três etapas. O objetivo é alcançar a última etapa. É
nela que vão te chamar de "criativo"!

14
 APOSTILA 01

Agora imagine que você voltou para a 1ª escola.

Você não sabe escrever nem uma letra “a” direito.

Não sabe como começa, não faz ideia de como se

escreve e não possui coordenação motora para sua
primeira escrita.

Então, a professora começa a escrever no quadro...

15
 APOSTILA 01

Etapa 1: Copiar

Copiar é fazer igual! Não tem o que discutir.

Para criar o seu primeiro “a”, vai ter de copiar igual ao que
está vendo no quadro. Aprender por cima do modelo que
a professora te deu.

É claro que o primeiro não vai sair igual, mas copiando

várias vezes a mesma letra vai conseguir reproduzir o
desafio dado pela professora.

Perceba que na imagem a criança está usando um

modelo para treinar a escrita da letra..

A criança ainda não tem a

coordenação motora e
habilidade técnica com o
lápis para escrever
corretamente. Por isso um
template (modelo) a ajuda a
praticar a técnica repetidas
vezes até começar a não
precisar do modelo.

16
 APOSTILA 01

A mesma coisa vai ser na hora de criar uma imagem

bonita. Não espere que o Canva, o Photoshop ou
qualquer outro programa tenha o botão mágico "criar
imagem bonita".

É seu trabalho praticar e desenvolver esse músculo

chamado criatividade. No início, até pegar o ritmo, é chato
e cansativo, mas com a repetição certa você chega lá.

Por isso que na zona segura do aprendizado, copiar os

outros olhando com visão de raio-X é fundamental para
quem está começando e precisa treinar a ferramenta
técnica.

Entendeu?

17
 APOSTILA 01

Etapa 2: Transformar

Transformar é explorar os limites do que você acabou de

copiar.

Voltando ao exemplo da escola, o próximo desafio é

escrever o “A” maiúsculo. Agora você já sabe os caminhos
para transformar um rabisco no caderno em um símbolo
reconhecível.

A professora apresentou duas formas de fazer a letra "a" e

explicou que existem regras para quando usar cada uma
das formas. Quando usar minúsculo, maiúsculo etc.

A mesma coisa é com o seu Layout (design).

Não é porque você fez para o feed do Instagram que não

possa ser adaptado para os stories, ou para um outdoor,
ou para um comercial de TV. Você precisa entender quais
são os limites desse novo formato e adaptar os elementos
para caberem dentro dele.

18
 APOSTILA 01

Perceba que no formato stories (vertical) eu adaptei para

que o texto ficasse em cima da cabeça pois era o único
espaço que cabia.

Já no formato cartaz ele ganha mais espaços nas laterais.

Se fosse um outdoor na rodovia eu teria que deixar os
elementos bem maiores do que em um post de rede
social, para que quem estivesse passando por ele dentro
do carro conseguisse ler e chamar a atenção.

Transformar também é adaptar o contexto em que sua

imagem vai aparecer. Mas isso vamos ver com mais
calma na apostila 02.

19
 APOSTILA 01

Etapa 3: Combinar

Combinar é criar “algo novo”.

Para concluir o exemplo da escola, depois de praticar

muito você já domina as letras individuais.

Já consegue escrever as variações delas e agora sabe

que “B” e “b” têm o mesmo som. O último desafio é
combinar as letras. A professora ensina que “B” com “a”
faz o som “bá”.

Agora a combinação de letras desperta em você a

sensação de estar criando algo novo. É como se fosse
mágica!

Novamente, o mesmo vai acontecer com o seu design.

Você copiou muitas imagens para seu aprendizado,

coordenação mental e técnica com a ferramenta de
criação. Agora, que tal juntar as possibilidades?

20
 APOSTILA 01

Lembra desta imagem abaixo?

Agora veja essa aqui:

21
 APOSTILA 01

Tem os mesmos elementos, não é?!

1. Foto do personagem com fundo transparente;

2. Forma levemente girada no fundo com borda
arredondada;
3. Um pequeno pedaço da forma 2 no canto superior
direito;
4. Título da imagem com uma palavra em negrito;
5. Subtítulo em tamanho menor e cor mais suave do
que o título;
6. Linha.

A diferença é que troquei o amarelo pelo o roxo e

mudei alguns elementos de lugar.

O exemplo acima poderia ser usado para uma cliente que

vende cursos online ensinando pessoas a ganharem
dinheiro fazendo bolos.

A imagem que inspirou todos esses exemplos mostrados

aqui nessa apostila foi um anúncio de Facebook do site
GetNinjas para o público de designers.

Boom! 🤯

22
 APOSTILA 01

Agora, que tal combinar mais?

Vi outra imagem, de um advogado, que tinha ilustrações

em formato de ícones da balança da justiça. Aqui eu
copiei a ideia, só que usei bolos.

Em outro design, eu gostei dos círculos de fundo e gostei

mais do que os quadrados com bordas arredondadas.

E por último, ao invés do fundo branco eu inverti as cores.

23
 APOSTILA 01

Você realmente acha que designers criam do zero?

Acha que abrem uma tela em branco e surge uma nova
ideia do nada?

Reflita!

24
 APOSTILA 01

Copiar sem fazer igual

"Arte é Roubo.” (Pablo Picasso)

O que Picasso quis dizer nessa frase é que, em alguma

medida, qualquer artista rouba, captura, sequestra, pega
alguma referência da sua realidade e expressa na sua
arte.

Seja na pintura, música, dança, escultura ou qualquer

outra forma artística; nos identificamos com aquilo por
representar algo do nosso cotidiano: uma emoção, um
sentimento, um fragmento da nossa realidade.

Vasilhas - Pablo Picasso

25
 APOSTILA 01

Mas como fazer isso no mundo dos negócios e do

trabalho na era da internet?

Confesso que é um trabalho difícil, mas não impossível.

Vamos voltar ao exemplo do exercício que criamos:

Vou te falar um argumento que é inquestionável e vai te

libertar:

"Se você não visse a imagem 1, jamais diria

que a imagem 2 veio dela."

26
 APOSTILA 01

O que eu quero dizer é que isso é copiar sem fazer igual.

Vamos aos pontos:

1. Foi aplicado os três elementos: Cópia, Transformação e

Combinação. Só por isso já é uma imagem "nova";

2. Quais são as chances de o público da imagem 1 ser o

público da imagem 2?

3. Quantas imagens você vê por dia? 50, 100, 200? Quantos

anúncios, posts, stories, vídeos… será mesmo que o
outro tem a percepção que você copiou? Será que você
teria essa percepção antes de conhecer todas essas
técnicas que te apresentei?

Reflita!

27
 APOSTILA 01

Conclusão
Tudo o que eu te disse até aqui foram mais de doze anos
de treino de forma inconsciente, ou seja, eu estava
fazendo isso naturalmente.

Fiz porque era o que funcionava para mim. Fiz porque era
o que eu via outros profissionais fazendo, até mesmo em
empresas gigantes. Fiz porque é assim que eu vejo o
mundo.

Apenas de dois anos para cá, foi que eu percebi que

tudo isso não era tão claro e óbvio para as pessoas
como era para mim. É por isso que eu decidi formatar
isso em um método.

E espero que tenha conseguido te passar da melhor

forma possível. :)

28
 APOSTILA 01

Nessa aula você aprendeu:

1. Qualquer projeto de design precisa equilibrar sua

forma e sua função;

2. A visão de raio-X como método de ver o que os

outros não veem;

3. É necessário ter referências para saber por onde

começar, sem elas você ficará numa tela em branco
por muito tempo;

4. Copiar é fundamental para treinar, principalmente a

parte técnica;

5. Transformar é expandir as possibilidades para além

de postzinho de rede social;

6. Combinar é pegar um pouco daqui e um pouco dali,

colocar no seu trabalho e criar algo novo;

7. Copiar sem fazer igual é uma arte que precisa de

prática e, com o tempo, você consegue dominá-la.

29
 Diego Rangel é designer
gráfico e trabalha com a web
há mais de 12 anos. Já foi sócio
e diretor de arte em agência
de propaganda e atendeu
diversos clientes nacionais e
internacionais de vários
segmentos.

Desde 2016 se tornou autor de treinamentos online com

mais de 7.534 alunos ajudando empreendedores a
gerarem resultados para negócios usando design,
tecnologia e marketing digital.

Em 2020 fundou a Escola online Criativos Digitais para

capacitar profissionais no mercado do design e da
criatividade.

@dicasvisuais

www.dicasvisuais.com.br