Marcelo Castilho Ericson Straub Paulo Biondan HĂŠlio de Queiroz
abc do
Rendering
FICHA TÉCNICA
Concepção do Projeto Marcelo Castilho, Ericson Straub, Paulo Biondan Coordenação Editoral Wilgor Caravanti Editores Ericson Straub Hélio de Queiroz Marcelo Castilho Paulo Biondan Edição de textos Maria Celeste Corrêa
Concepção Gráfica e Direção de Design Ericson Straub Design Ericson Straub Finalização Thais Scaglione Fotografias Rodolpho Pajuaba Revisão Marcos Davi Fotolitos Opta Originais Gráficos Impressão Optagraf Gráfica e Editora
Sumário
08 Representação no design: essência ou necessidade?
8
20 A evolução dos meios de representação do design
23 Fundamentos da representação
29 SuperfĂcies e texturas
33 Passo a passo
103 Galeria
9
O design e a constante busca do entendimento Representação da ideia. Início da materialização criativa do designer.
10
O
mundo do design e dos designers é regido pela busca
É indiscutível que são grandes as vantagens do profissional que
constante de entendimento. Primeiro, o entendimen-
tem o domínio das ferramentas de representação tradicionais,
to do seu próprio mundo interior onde ele cria um la-
não só prela facilidade de demonstrar o pensamento, como
birinto de ideias que se materializam em projetos. Segundo,
também pela rapidez e praticidade de exposição de suas ideias.
a busca da tradução das imagens criadas no subconsciente, que precisam saltar para o mundo exterior e ganhar vida. É
Sempre se discutiu a questão da dificuldade de execu-
fundamental que cada designer tenha o domínio de um pro-
tar renderings por aqueles que não nasceram com a mão
cesso de representação que lhe dê suporte no ato de criar, e
de desenhista ou o “dom” divino da arte do desenho li-
em geral o processo criativo é ligado à ação de desenhar.
vre. A prática e a vivência do design nos mostra que pode-se, com um pouco de persistência, desenvolver e apri-
Não é difícil encontrar histórias de desenvolvimentos
morar a técnica através de estudo e treino. Também é fato
de produtos em design industrial nas quaisa aprovação
que muito dos grandes designers conhecidos ao longo da
de propostas apresentadas foi influenciada diretamen-
história nunca foram experts no desenho à mão livre.
te com outras não tão brilhantes, mas que apresentadas através de renderings de grande qualidade, definem
O domínio amplo das técnicas do desenho é, e sempre será,
a escolha que mascaram as qualidades do projeto.
uma preocupação permanente de todo designer, porque seja qual for a sua posição ou atuação operacional ou geren-
Muitas foram as mudanças e avanços tecnológicos que alte-
cial, sempre existirão momentos em que a defesa de ideias
raram radicalmente o dia a dia dos designers. Muito tempo
ou mesmo a busca de soluções durante discussões conjun-
após os primeiros softwares gráficos, podemos afirmar que os
tas, será facilitada pelo domínio do desenho à mão livre.
métidos de representação e as istemáticas criativas através dos meios tradicionais de representação são e serão utilizados
A existência de bibliografia em português abordando tema
ainda por muito tempo, ou talvez para sempre. O próprio avanço
tão importante para o desenvolvimento do design brasileiro
dos sistemas informatizados de representação busca a má-
é louvável. Obras como essa vêm atestar um novo momen-
xima aproximação à ação de desenhar com o próprio punho.
to do design brasileiro, que pouco a pouco vai se tornando forte, autêntico e expressivo, com resultados marcantes no
Na verdade, em empresas ou escritórios que utilizam mé-
mercado local e mundial e na busca da efetivação de sua
todos totalmente informatizados, nos momentos de dis-
linguagem própria como produto e expressão gráfica.
cussão das ideias colocadas, revisão e definição de alterações, os profissionais precisam a todo momento mostrar por meio de desenhos a próprio punho suas propostas.
NEWTON GAMA JR. Designer de Produto
11
Representação no design: essência ou necessidade?
A
era digital trouxe alterações significativas para o processo de representação do design. Em meados dos anos de 1980, no início da propagação dos novos sis-
temas operacionais e dos softwares de computação gráfica, os designers mais entusiastas diziam que a representação à mão livre estava fadada a desaparecer. Duas décadas depois, percebemos que a representação à mão livre ainda não deu o suspiro final. Ao contrário, encontra-se longe disso, apesar de algumas previsões para o setor terem se concretizado. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel fringilla dui, auctor fringilla felis. Ut sed tempus velit. Donec efficitur sed massa a euismod. Curabitur et tortor auctor, elementum nibh vel, auctor dolor. Sed blandit consectetur pellentesque. Maecenas lacus ante, volutpat eget tellus ac, ullamcorper consequat nulla. Suspendisse in molestie dui. Phasellus aliquet gravida arcu. Proin accumsan condimentum tellus at pellentesque. Cras ac feugiat erat, et rhoncus lorem. Integer et lectus vel purus lacinia fringilla ut at nunc. Proin erat nibh, viverra egestas varius vel, euismod ac mi. Morbi dolor lorem, tincidunt nec neque vitae, vestibulum malesuada libero. Sed molestie ultricies tincidunt. Proin non dolor tincidunt purus dapibus gravida eget dapibus odio. Sed bibendum at lorem gravida lobortis. In eu dolor auctor, sollicitudin mi eget, vestibulum ante. Phasellus sodales pellentesque aliquam. Vestibulum ullamcorper suscipit tortor non efficitur. Donec dapibus ut quam eu consequat. Aenean ultricies lobortis enim. Vestibulum eget sapien sit amet velit ornare tempor
12
Praesent sed dapibus mi. Nam a tortor dignissim, consectetur lectus et, euismod nibh. Suspendisse faucibus ultricies neque, vel elementum magna. Pellentesque et nisi leo. In ut convallis tellus. Aenean vehicula ac ipsum id dignissim. Nunc ultrices lectus ligula, at porta turpis laoreet et. Donec vulputate sapien quis tempor venenatis. Phasellus venenatis dui nulla. In vehicula rhoncus lorem, ac commodo nisi hendrerit vitae. Maecenas pharetra sapien quam, eu suscipit leo semper nec. Nunc et mollis nulla, vel tincidunt nunc. Nullam accumsan tortor at placerat ornare. Phasellus ac aliquet mauris. Phasellus ullamcorper urna at leo fringilla dignissim. Suspendisse potenti. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam dictum, diam non fringilla tristique, augue enim consequat nulla, vitae dignissim metus dui at lectus. In quis suscipit arcu, nec consectetur nulla. Sed eget imperdiet dolor, sit amet scelerisque purus. In vehicula, mi sit amet convallis auctor, risus ligula pharetra massa, in placerat nisi nunc sed eros. Nulla nunc elit, aliquet sed pretium quis, mattis sit amet magna. Aliquam erat volutpat. Suspendisse potenti. Proin quis tristique eros. In hac habitasse platea dictumst. Aliquam placerat, tortor sed rutrum cursus, justo nunc ornare massa, gravida mattis sapien urna eu sem. Nam finibus nisl vel justo eleifend tincidunt. Ut dolor ligula, laoreet pharetra nisl et, facilisis malesuada ligula. Cras id dignissim ex. Quisque pellentesque, ligula eget iaculis congue, est nulla feugiat augue, eu porta diam sem vel mi. Aenean dolor arcu, ultrices sed egestas vitae, placerat sit amet nibh.
13
Entre dois mundos A mescla inteligente de recursos manuais e digitais de representação permite ao designer industrial potencializar sua competência em todas as fases do desenvolvimento de um produto, combinando a percepção do talento do artesão ao afinado senso analítico da engenharia. Os tradicionais meios manuais de representação, como o desenho à mão livre e as maquetes e mock-ups esculpidos manualmente, têm sido combinados ou mesmo substituídos por softwares gráficos 2D e 3D (em duas ou três dimensões), viabilizando novos produtos com a precisão do cálculo matemático e grande qualidade gráfica. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel fringilla dui, auctor fringilla felis. Ut sed tempus velit. Donec efficitur sed massa a euismod. Curabitur et tortor auctor, elementum nibh vel, auctor dolor. Sed blandit consectetur pellentesque. Maecenas lacus ante, volutpat eget tellus ac, ullamcorper consequat nulla. Suspendisse in molestie dui. Phasellus aliquet gravida arcu. Proin accumsan condimentum tellus at pellentesque. Cras ac feugiat erat, et rhoncus lorem. Integer et lectus vel purus lacinia fringilla ut at nunc. Proin erat nibh, viverra egestas varius vel, euismod ac mi. Morbi dolor lorem, tincidunt nec neque vitae, vestibulum malesuada libero. Sed molestie ultricies tincidunt. Proin non dolor tincidunt purus dapibus gravida eget dapibus odio. Sed bibendum Sketch em que foi utilizado desenho inicial em caneta esferográfica, finalizado em software de manipulação digital.
14
at lorem gravida lobortis. In eu dolor auctor, sollicitudin mi eget, vestibulum ante. Phasellus sodales pellentesque aliquam. Vestibulum ullamcorper suscipit tortor non efficitur. a at tortor. Nam consectetur sit amet mauris vitae ultricies. Praesent sed dapibus mi. Nam a tortor dignissim, consectetur lectus et, euismod nibh. Suspendisse faucibus ultricies neque, vel elementum magna. Pellentesque et nisi leo. In ut convallis tellus. Aenean vehicula ac ipsum id dignissim. Nunc ultrices lectus ligula, at porta turpis laoreet et. Maecenas lacus ante, volutpat eget tellus ac, ullamcorper consequat nulla. Suspendisse in molestie dui. Phasellus ali-
Sketch manual utilizando caneta esferogrรกfica azul e caneta tipo marcador
quet gravida arcu. Proin accumsan condimentum tellus at pellentesque. Cras ac feugiat erat, et rhoncus lorem. Donec vulputate sapien quis tempor venenatis. Phasellus venenatis dui nulla. In vehicula rhoncus lorem, ac commodo nisi hendrerit vitae. Maecenas pharetra sapien quam, eu
Sketch manual utilizando caneta esferogrรกfica azul e caneta tipo marcador
suscipit leo semper nec. Nunc et mollis nulla, vel tincidunt nunc. Nullam accumsan tortor at placerat ornare. Phasellus dignissim. Suspendisse potenti. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam dictum, diam non fringilla tristique, augue enim consequat nulla, vitae dignissim metus dui at lectus. In quis suscipit arcu, nec consectetur nulla. Sed eget imperdiet dolor, sit amet scelerisque purus.
15
Fundamentos da representação
O
potencial criativo de um designer ou artista deve ser enriquecido pelo processo da representação. Nesse momento, a análise os complexos fatores pelos
quais se elaboram os jízos do desenho acabam sendo um processo natural. Cada desenho ou rendering é sempre um problema diferente que possui peculiaridades, porém alguns fundamentos são inerentes a qualquer tipo de desenho ou representação. Questões como a proporção ou composição, são sem dúvida fundamentos familiares e conhecidos, mesmo àqueles que desconhecem o desenho. O que muitas vezes não existe para alguns é a educação ou o aprendizado do olhar, aguçando a sensibilidade e o poder de transformar imagens mentais em uma representação bidimensional. Talvez a essência dessa pequena parte do livro seja salientar a importância do ato desenhar. Afinal o sketch, por exemplo, é um desenho “in natura” que se utiliza de materiais próprios. O rendering, seja manual ou digital é uma técnica, mas antes de tudo existe o desenho, a definição do que se quer representar. Deixamos claro que nosso objetivo não foi fazer um livro sobre os inúmeros fundamentos do desenho mas sim trazer um pouco do que julgamos fundamental no processo da elaboração de uma representação, como a composição, a perspectiva, a luz e sombra e a ilusão e indicação espacial. Naturalmente lembramos que existem outros fundamentos importantes que, em conjunto com os apresentados nesse capítulo, podem ser aprofundados pelo leitor.
16
Composição Ao elaborar uma imagem, é fundamen-
ac, ullamcorper consequat nulla. Sus-
tal saber onde é preciso enfatizar, a fim
pendisse in molestie dui. Phasellus
de comunicar de maneira direta e clara
aliquet gravida arcu. Proin accumsan
os significados do conteúdo expressivo,
condimentum tellus at pellentesque.
que parte de uma superífice ainda va-
Cras ac feugiat erat, et rhoncus lorem.
zia, mas que possui margens, limites, ou seja, parte de uma forma, o que signifi-
Integer et lectus vel purus lacinia frin-
ca organização, ordenação, estrutura.
gilla ut at nunc. Proin erat nibh, viverra egestas varius vel, euismod ac mi. Ut sed
A simetria entre a figura e o intervalo
tempus velit. Donec efficitur sed massa
vazio facilita o equilíbrio da composição,
Morbi dolor lorem, tincidunt nec neque
devido à capacidade natural que temos
vitae, vestibulum malesuada libero. Sed
de identificar elementos simétricos. Já
molestie ultricies tincidunt. Proin non
o contraste de tamanhos transmite a
dolor tincidunt purus dapibus gravida
sensação de dinamismo/movimento.
eget dapibus odio. Sed bibendum at lorem gravida lobortis. In eu dolor auctor,
Lorem ipsum dolor sit amet, consec-
sollicitudin mi eget, vestibulum ante.
tetur adipiscing elit. Morbi vel fringilla
Phasellus sodales pellentesque aliquam.
dui, auctor fringilla felis. Ut sed tem-
Vestibulum ullamcorper suscipit tortor
pus velit. Donec efficitur sed massa
non efficitur. Donec dapibus ut quam
a euismod. Curabitur et tortor auctor,
eu consequat. Aenean ultricies lobortis
elementum nibh vel, auctor dolor. Sed
enim. Vestibulum eget sapien sit amet
blandit consectetur pellentesque. Mae-
velit ornare tempor a at tortor. Nam con-
cenas lacus ante, volutpat eget tellus
sectetur sit amet mauris vitae ultricies.
17
Perspectiva Até o final da Idade Média, os artistas
ac, ullamcorper consequat nulla. Sus-
representavam suas formas ou espaços
pendisse in molestie dui. Phasellus
de maneira intuitiva, sem um conheci-
aliquet gravida arcu. Proin accumsan
mento científico do processo de percep-
condimentum tellus at pellentesque.
ção visual eu ocorria na observação de
Cras ac feugiat erat, et rhoncus lorem.
formas e espaços em relação à distância do observador. No século XIV, o arquiteto
Integer et lectus vel purus lacinia frin-
Fillipo Bruneslleschi desenvolveu uma
gilla ut at nunc. Proin erat nibh, viver-
série de estudos sobre o assunto, que
ra egestas varius vel, euismod ac mi.
resultou no conhecimento profundo do
Morbi dolor lorem, tincidunt nec neque
ponto de fuga ou da perspectiva cônica.
vitae, vestibulum malesuada libero. Sed molestie ultricies tincidunt.
A perspectiva é efetivamente esse efeito de deformação visual na observa-
Sed et ante tempus, pretium nulla in,
ção de estruturas tridimensionais em
rhoncus nibh. Duis auctor, justo in ru-
relação à distância de quem observa.
trum varius, ex nisl pulvinar nibh, eget
Porém, o ponto de fuga é um elemento
dapibus nibh justo et nunc. risus ligula
imaginário determinado pelo posicio-
pharetra massa, in placerat nisi nunc sed
namento do observador e a conver-
eros. Nulla nunc elit, aliquet sed pretium
gência das linhas dos planos laterais.
quis, mattis sit amet magna. Aliquam erat volutpat. Suspendisse potenti.
Lorem ipsum dolor sit amet, consec-
18
tetur adipiscing elit. Morbi vel fringilla
Nam finibus nisl vel justo eleifend tin-
dui, auctor fringilla felis. Ut sed tem-
cidunt. Ut dolor ligula, laoreet pharetra
pus velit. Donec efficitur sed massa
nisl et, facilisis malesuada ligula. Cras
a euismod. Curabitur et tortor auctor,
id dignissim ex. urus, non maximus
elementum nibh vel, auctor dolor. Sed
nisi. In vehicula, mi sit amet convallis
blandit consectetur pellentesque. Mae-
auctor. Quisque pellentesque, ligula
cenas lacus ante, volutpat eget tellus
eget iaculis congue, diam sem vel mi.
Luz e Sombra A luz e a sombra são fundamentais
cenas lacus ante, volutpat eget tellus
para a representação bi e tridimensional.
ac, ullamcorper consequat nulla. Sus-
Elas são importantes na definição do
pendisse in molestie dui. Phasellus
processo tridimensional por definirem a
aliquet gravida arcu. Proin accumsan
forma, a projeção do campo visual, a in-
condimentum tellus at pellentesque.
terpretação de profundidade, a definição
Cras ac feugiat erat, et rhoncus lorem.
de um plano, o que é de extrema importância para o design, os efeitos plásticos
Sed et ante tempus, pretium nulla in,
que a intensidade e a direção da luz e
rhoncus nibh. Duis auctor, justo in ru-
sombra podem trazer para a represen-
trum varius, ex nisl pulvinar nibh, eget
tação de um produto ou de uma ideia.
dapibus nibh justo et nunc. Aliquam erat volutpat. Suspendisse potenti.
O contraste entre o claro-escuro enriquece uma ilustração, deixando tanto
Nam finibus nisl vel justo eleifend tin-
a forma quanto os relevos e textras
cidunt. Ut dolor ligula, laoreet pha-
mais interessantes. Esses constras-
retra nisl et, facilisis malesuada li-
tes são também importantes no mo-
gula. Cras id dignissim ex. ligula eget
mento da visualização de um objeto,
iaculis congue, diam sem vel mi.
e são determinados pela diferença de luz que incide sobre as diferentes faces de uma forma tridimensional. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel fringilla dui, auctor fringilla felis. Ut sed tempus velit. Donec efficitur sed massa a euismod. Curabitur et tortor auctor, elementum nibh vel, auctor dolor. Sed blandit consectetur pellentesque. Mae-
19
20