IMAGEM. Gavin Ambrose Paul Harris. s. a aparência ótica de um objeto produzida em um espelho, por uma lente, etc. Tradução: Francisco Araújo da Costa

Transcrição

1 Gavin Ambrose Paul Harris IMAGEM s. a aparência ótica de um objeto produzida em um espelho, por uma lente, etc. Tradução: Francisco Araújo da Costa Revisão técnica: Ana Maldonado Designer e professora da Faculdade de Design da ESPM RS Mestranda em Realidade Virtual na COPPE Universidade Federal do Rio de Janeiro 2009

2 Obra originalmente publicada sob o título Basics Design: Image ISBN Copyright AVA Publishing SA 2005 Design e texto de Gavin Ambrose e Paul Harris, com assistência de Ashley Sanson Fotografia original de Xavier Young Production and separations by AVA Book Production Pte. Ltd., Singapore Tel: Fax: production@avabooks.com.sg Capa: Rogério Grilho Leitura final: Aline Grodt Supervisão editorial: Elisa Viali Editoração eletrônica: Techbooks A496c Ambrose, Gavin. Design básico imagem / Gavin Ambrose, Paul Harris ; tradução Francisco Araújo da Costa. Porto Alegre : Bookman, p. : il.: color. ; 23 cm. (Design básico) Reservados todos os direitos de publicação, em língua portuguesa, à ARTMED EDITORA S.A. (BOOKMAN COMPANHIA EDITORA é uma divisão da ARTMED EDITORA S. A.) Av. Jerônimo de Ornelas, 670 Santana Porto Alegre RS Fone: (51) Fax: (51) É proibida a duplicação ou reprodução deste volume, no todo ou em parte, sob quaisquer formas ou por quaisquer meios (eletrônico, mecânico, gravação, fotocópia, distribuição na Web e outros), sem permissão expressa da Editora. SÃO PAULO Av. Angélica, Higienópolis São Paulo SP Fone: (11) Fax: (11) SAC ISBN Artes Imagens. 2. Design. I. Harris, Paul. II. Título. CDU 74/ Catalogação na publicação: Renata de Souza Borges CRB-10/1922 Imagem IMPRESSO EM CINGAPURA PRINTED IN SINGAPORE

3 2 3 Cliente: This Is A Magazine Design: Studio KA Descrição da imagem: Fotografias de retratos cortados This Is A Magazine As duas imagens nesta página foram criadas pelo Studio KA para a This Is A Magazine. As imagens contêm fotografias que foram recortadas em tiras, encrespadas nas pontas ou curvadas por completo e depois fotografadas para produzir resultados surrealistas. A abordagem destaca um dos muitos modos pelos quais os designers podem transformar imagens relativamente simples (neste caso, retratos) em exemplos interessantes de manipulação de imagens.

4 Sumário Introdução 6 Como aproveitar ao máximo este livro 8 Aboud Sodano The Kitchen Intro Fundamentos 10 Resolução 12 CMYK e RGB 14 Bitmaps e vetores 16 Trabalhando com bitmaps 18 Separação em quadricromia 20 Cores especiais 22 Duotones, tritones e quadritones 24 Controlando imagens tonais 26 Controles de imagem 28 Canais 30 Técnicas 32 Serigrafia 34 Ilustração 36 Fotografia 46 Filtros 52 Revelações 56 Colorindo imagens 62 O significado das imagens 66 Semiótica e termos comuns 68 Significado cognitivo e denotativo 70 Tipograma 72 Sinédoque, metáfora e metonímia 74 Símile 78 Analogia 80 Paradigma 82 Imagem Sumário

5 4 5 Sagmeister Inc. Lobo Gavin Ambrose Usos da imagem 84 Continuidade 86 Justaposição 88 Imagem panorâmica 92 Padrão 94 As imagens na prática 98 Fotojornalismo 100 Sequência 104 Manipulação 110 Fotomontagem 116 Colagem 120 Montagem 122 Enquadramento 124 Trompe l'oeil 126 Pontilhismo 128 Marcação 134 Silhueta 136 Ícones 142 Símbolos 144 Pictogramas 146 Fotogramas 148 Meios-tons 152 Meios-tons coloridos 154 Impressão sobreposta 156 Impressão sobreposta de cores 158 Glossário 160 Conclusão 172 Agradecimentos 174 Contatos 176 Imagem Sumário

6 Introdução As imagens são os elementos gráficos que dão vida ao design. Sejam elas usadas como foco principal da página ou componente secundário, têm um papel essencial na comunicação da mensagem e, portanto, são fundamentais para a identidade visual de uma obra. As imagens desempenham diversas funções, como transmitir o drama de uma narrativa, resumir e apoiar as ideias de um texto ou apenas quebrar visualmente um bloco de texto ou espaço vazio. Elas funcionam porque podem fornecer informações detalhadas ou suscitar sentimentos que o leitor compreende rapidamente. Como descrever a última moda em palavras? Com certeza, é muito mais difícil do que simplesmente usar uma imagem. O uso de imagens em um projeto é determinado por diversas características, incluindo o impacto almejado, o público-alvo, a estética escolhida, a função da imagem no contexto e o nível de ousadia ou conservadorismo desejado. Talvez seja um dos aspectos mais sensacionais do design, pois as imagens são determinantes para os resultados e o sucesso de uma obra devido à reação emocional que provocam no leitor. Entretanto, se forem mal utilizadas, podem prejudicar ou contradizer a mensagem do texto. Neste livro, analisamos algumas das inúmeras técnicas empregadas no uso de imagens e suas possíveis interpretações. Diversos exemplos de estúdios de design contemporâneos comprovam o incrível poder das imagens. Fundamentos Antes de começar a trabalhar com imagens, é preciso entender a terminologia básica relacionada ao assunto. Este capítulo apresenta e explica por que termos como bitmap e resolução são importantes. Usos da imagem Diversas técnicas permitem que o designer otimize a utilização de imagens gráficas dentro de designs e aprimore o seu impacto, incluindo o uso de continuidade visual, justaposição, imagens panorâmicas e padrões. Técnicas As imagens podem ser utilizadas para sugerir uma ampla gama de estilos e valores emocionais. Este capítulo analisa como tais valores e estilos podem ser aprimorados por meio escolhas de formatação e métodos de reprodução. As imagens na prática As fotografias podem comunicar mensagens sem maiores adereços, mas este capítulo analisa as diversas técnicas de manipulação à disposição do designer para mudar a aparência e o impacto das imagens dentro do design. Imagem Introdução O significado das imagens As imagens contêm informações codificadas que ajudam os leitores a decidir como devem receber e reagir ao que estão vendo. Os significados simbólicos podem ser comunicados instantaneamente. Uma noção básica de semiótica permite que entendamos por que os designers fazem determinadas escolhas em termos de imagens. Marcação A marcação varia desde simples linhas representativas a símbolos, pictogramas e manchas de tinta. Este capítulo mostra como as marcações são versáteis e úteis para transmitir diversas emoções ao público.

7 6 7 Cliente: Momentum Pictures Design: Intro Descrição da imagem: Imagem duotone com enquadramento fechado e adição de ruído O Romance de Morvern Callar O estúdio de design Intro criou o cartaz para o filme O Romance de Morvern Callar, de Lynne Ramsay. A imagem usa um duotone vermelho/amarelo (ver página 24), com tipografia branca para transmitir informações em dois níveis. Seus aspectos denotativos (ver página 70) são aqueles que apreendemos da imagem em si, enquanto os aspectos cognitivos são aqueles que percebemos a partir do modo como é apresentada. Por exemplo, no nível denotativo, a imagem é de uma menina, mas sua cabeça virada, com o cabelo desgrenhado, sugere a percepção cognitiva de vulnerabilidade. A imagem foi reproduzida com ruído para criar uma textura arenosa, além de ter enquadramento fechado dos ombros para cima a fim de remeter à imediatez dos retratos instantâneos. A baixa qualidade da imagem é intencional, estabelecendo uma referência visual que alude à natureza realista crua do filme. Ruído No contexto visual, o ruído descreve um efeito que produz degradação aleatória e moderada da qualidade da imagem, usado com frequência para imitar o grão do filme fotográfico e dar um tom arenoso à imagem. O ruído aumenta proporcionalmente com o grão da imagem. Imagem Introdução

8 Como aproveitar ao máximo este livro Este livro apresenta diferentes aspectos do design com imagem, abordados em capítulos específicos. Cada capítulo fornece inúmeros exemplos do uso criativo de imagens dos principais estúdios de design contemporâneos, com comentários explicando as razões por trás das escolhas feitas. Os princípios fundamentais do design aparecem em destaque para que o leitor possa ver como eles são aplicados na prática. Navegação clara Cada capítulo tem um subtítulo claro para permitir que os leitores localizem rapidamente áreas de interesse. Introduções Seções especiais apresentam os conceitos básicos que serão discutidos. Separação em quadricromia Separação em quadricromia As imagens coloridas são produzidas pela separação das três cores tricromáticas (ciano, magenta e amarelo) e a inclusão do preto, formando as cores de escala utilizadas na impressão em quadricromia. Quase todas as cores podem ser impressas com uma combinação das primárias subtrativas. O processo de impressão em quadricromia usa matrizes separadas (cada uma com sua própria subtrativa) e as posiciona em camadas para construir a imagem. Uma quarta matriz, preta, é incluída para dar profundidade a certos elementos, como sombras. Cliente: R. Newbold Design: Aboud Sodano Descrição da imagem: Separação em quadricromia usada como parte do design de um catálogo Acima (esquerda para direita), ciano, ciano + magenta, ciano + magenta + amarelo e, finalmente, com a matriz preta. Imagem Como aproveitar ao máximo este livro Imagem Fundamentos Se uma imagem é criada com diversas cores, é possível modificá-la com a alteração de uma única cor. Nesta fileira de imagens (esquerda para direita): o acréscimo de mais preto escurece uma imagem em quadricromia; o acréscimo de ciano esfria a imagem; o de amarelo a aquece; e a redução do nível de magenta enfraquece os tons de vermelho. Nesta série de retratos, as matrizes de impressão foram transpostas, erro que pode ocorrer durante o processo de impressão. Isso significa que as informações de um canal, ou de uma tinta, foram usadas erroneamente em outro. A técnica também pode ser usada propositalmente para produzir efeitos criativos. Explicações escritas Os pontos-chave são explicados dentro do contexto de um exemplo de projeto. R. Newbold O catálogo da empresa de moda R. Newbold foi criado pelo Aboud Sodano. O trabalho inclui um conjunto de páginas impressas em quatro cores acompanhadas por uma série de versões em ciano, magenta, amarelo e preto. As imagens foram impressas em um formulário contínuo de impressora matricial, um suporte bastante barato. O papel é fino e as páginas são anexadas em conjuntos de quatro cores, semelhantes aos filmes que seriam enviados à impressora para criar uma publicação em quadricromia. Exemplos Projetos comerciais de designers contemporâneos ilustram os princípios abordados. Imagem Separação em quadricromia

9 Teoricamente, ciano, magenta e 8 9 Diagramas Os diagramas acrescentam significado à teoria, mostrando os princípios básicos em ação. CMYK e RGB CMYK e RGB As informações sobre as cores da imagem são armazenadas em CMYK (ciano, magenta, amarelo e preto) ou RGB (vermelho, verde e azul). A diferença entre os dois grupos é o processo de separação de cores utilizado. Magenta, amarelo e ciano produzem preto Amarelo e magenta produzem verde amarelo compõem o preto, mas, na verdade, produzem uma versão desbotada da cor. Por isso, uma tinta preta separada é usada para aumentar o contraste. A impressão offset litográfica é um processo em quadricromia que combina as tintas de impressão ciano, magenta e amarelo (as primárias subtrativas) com o preto para produzir vermelho, verde e azul (as primárias aditivas), como vemos no diagrama ao lado. Quando combinadas, as luzes vermelha, verde e azul produzem luz branca, motivo pelo qual são chamadas de primárias aditivas. O olho contém receptores que reagem às cores aditivas para formar as imagens que enxergamos. Em geral, os designers criam as obras na tela usando as cores aditivas RGB, pois o arquivo criado é menor e mais fácil de manipular. Entretanto, para reproduzir imagens coloridas, é preciso um processo de separação de cores (ver abaixo) a fim de produzir as matrizes de impressão que recriarão as cores aditivas de um design, uma fotografia ou uma obra de arte. Desse modo, os arquivos são salvos com as cores CMYK, a fim de que contenham todas as informações necessárias para a impressão em cores. Ciano e magenta Magenta e amarelo produzem azul produzem vermelho CMYK (primárias subtrativas) Ciano, magenta e amarelo são cores descritas como primárias subtrativas porque representam duas das primárias aditivas quando a terceira foi subtraída da luz branca. As subtrativas são combinadas com o preto na impressão em quadricromia. Todas as cores produzem branco Imagem Fundamentos Separação de cores A separação de cores descreve a relação entre as primárias aditivas que vemos e as subtrativas usadas na impressão. Os filtros vermelho, verde e azul (as cores aditivas) são usados para produzir negativos de separação. O filtro vermelho permite a passagem apenas dos componentes azuis e verdes, o que cria o ciano. O filtro azul permite a passagem de vermelho e verde, criando o amarelo, e o filtro verde deixa passar vermelho e azul, o que cria o magenta. Cada negativo produz um positivo, utilizado para criar matrizes que serão impressas em sequência (amarelo, magenta, ciano). Devido às limitações da tinta de impressão, o preto é adicionado para assegurar a qualidade do contraste e da reprodução de sombras. Espaço de cores Espaço de cores é uma forma de especificar requisitos de cor como HSL (Matiz, Saturação e Luminosidade), HSI (Matiz, Saturação e Intensidade) e HSV (Matiz, Saturação e Valor). Os espaços de cores padrão são RGB e CMYK, usados, respectivamente, para projetos online e impressos. Os modelos RGB e CMYK contém uma série de espaços de cores específicos que são combinados com saídas regionais. Por exemplo, as informações cromáticas de uma imagem podem ser alteradas dependendo de onde será impressa (EUA, Europa ou Japão). O controle do espaço de cores assegura a visualização e impressão de provas precisas das propriedades cromáticas de uma imagem. É importante saber qual espaço de cores o impressor requer para os arquivos, pois isso é necessário a fim de assegurar a precisão das cores no trabalho. Vermelho e azul produzem magenta Vermelho e verde Azul e verde produzem amarelo produzem ciano RGB (primárias aditivas) As cores vermelho, verde e azul são chamadas de primárias aditivas porque quando somadas, produzem luz branca. Na impressão em quadricromia, as três cores são reproduzidas com as primárias subtrativas CMY+K acima. Imagem CMYK e RGB Overprinted Forms of Everyday Objects Este livro de arte de edição limitada, com design de Hector Pottie, da Cartlidge Levene, apresenta silhuetas de objetos cotidianos (como um extintor de incêndio e uma bobina) impressos em vermelho, preto e cinza sobre um fundo totalmente branco. A impressão sobreposta (ver página 156) faz com que os objetos se mesclem e formem silhuetas abstratas, acentuadas pela ausência de tipografia. Cliente: Publicação própria Design: Cartlidge Levene Descrição da imagem: Silhuetas individuais mescladas para produzir formas e padrões abstratos Imagem Marcação Informações adicionais Clientes, designers e descrições das imagens estão incluídos. Impressão sobreposta A impressão sobreposta (ou impressão tom sobre tom) é um processo pelo qual uma tinta é impressa sobre outra. A técnica é usada para fornecer textura ou múltiplas camadas de informação a um design. A ordem em que as tintas são impressas afeta a aparência visual final, pois ordens de impressão diferentes criam cores diferentes. Desse modo, as impressões sobrepostas devem ser consideradas com cuidado para que as cores sejam reproduzidas como pretendido. Informações relacionadas Informações relacionadas, como definições, aparecem separadas e explicadas. Imagem Silhueta Imagem Como aproveitar ao máximo este livro