Baixe o app para aproveitar ainda mais
Prévia do material em texto
2ª aula Tecnologia da Imagem – 1º semestre 2014 Imagem 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. Imagem 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. Imagem Fundamentos Atualmente, a produção de imagens para publicações, embalagens e demais conteúdos é realizada com o auxílio de tecnologia digital. Os designers precisam estar cientes de muitas considerações ao produzirem uma imagem, como a resolução (a quantidade de dados ou informações contidos em uma imagem eletrônica) necessária para reproduzir com a qualidade ideal, ou o formato a ser usado, pois tipos de imagem diferentes são armazenados em formatos distintos. As fotografias, por exemplo, normalmente são armazenadas em formato de arquivo bitmap, enquanto logotipos e desenhos a traço são salvos como arquivos EPS (Encapsulated PostScript). Imagem Resolução O valor de resolução de uma imagem se refere a quanta informação ela contém e, portanto, ao seu nível de detalhamento. Quanto maior sua resolução, mais dados a imagem contém. Quanto mais informações e, por consequência, maior o valor de resolução, melhor a qualidade da reprodução. Resoluções maiores significam que a imagem pode ser reproduzida em escalas maiores sem perdas de informação ou qualidade. Os termos DPI e PPI são muito confundidos. Apesar de ter se tornado um termo genérico para descrever a resolução de imagens, DPI se refere exclusivamente a imagens impressas, enquanto PPI é um representação de imagens digitais, menos “físico” do que o DPI. Imagem Resolução DPI (pontos por polegada) – mede quantos pontos de tinta a impressora consegue depositar em uma polegada. A resolução de 300 DPI é o padrão para impressões. PPI (pixels por polegada) – descreve o número de pixels, horizontal e verticalmente, contidos em cada polegada quadrada de uma imagem digital. LPI (linhas por polegada) – é derivado do modo como as impressoras reproduzem imagens fotográficas. As fotografias são reproduzidas como uma série de pontos de meio-‐tom de tamanhos diferentes. Quanto maiores os pontos, mas escuras as imagens produzidas, e vice-‐versa. Para produzir os meio-‐tons, as impressoras usam grids de meio-‐tom, divididos em células. Imagem Resolução O valor de LPI é uma medida da proximidade das células. Um valor LPI baixo significa que há uma menor quantidade de células e os meio-‐tons são mais evidentes na imagem impressa. Apenas os papéis altamente absorventes conseguem reproduzir imagens com baixos valores de LPI, devido ao espalhamento da tinta. A pixelização ocorre quando a resolução da imagem é baixa demais para a impressão. Os pixels ficam grandes e grosseiros, comprometendo o detalhamento da imagem. Aumentar o tamanho de uma imagem de baixa resolução apenas espalha as informações originais dos pixels em uma área maior e produz pixelização. Imagem Resolução Ao ajustar o tamanho de uma imagem, você adiciona ou subtrai a quantidade de informações que ela contém. Por exemplo, se dobrar a resolução de uma imagem de 150 LPI para 300, o tamanho da imagem produzida também dobrará. Simplesmente aumentar a resolução produzirá uma melhoria possível proporcional à qualidade da imagem, pois a qualidade de melhoria possível depende da quantidade de informações contida na imagem original, seja ela impressa ou eletrônica. Uma imagem produzida a partir de filme 35mm não pode ser reproduzida em uma transparência de 25,4 x 20,32 cm sem perda de qualidade, pois uma transparência desse tamanho requer mais informações do que o filme de 35mm é capaz de conter. Se a imagem precisa ser reproduzida em tamanho maior sem perda de qualidade, ela precisará ser reescaneada, reimpressa ou, em casosextremos, fotografada novamente. Imagem Resolução A interpolação tenta resolver o problema de resolução por meio da reamostragem das informações da imagem. Esse método busca alterar as imagens, adicionando novas informações, estimadas pelo cálculo da média dos valores conhecidos nos pontos vizinhos da imagem. Imagem Resolução espacial de imagens pixel -‐ unidade de imagem, usada para medir resolução gráfica; visão humana -‐ cerca de 3000 x 3000 pixels; filmes cinematográficos -‐ até 8000 x 8000 pixel Resolução espacial de imagens vídeo NTSC: 512 x 480 pixels / quadro; monitores VGA: 320 x 200 (256 cores), 640 x 480 (16 cores); monitores SVGA: 640 x 480, 800 x 600, 1024 x 768; vídeo HTDV: 2000 x 1100. Imagem Bitmaps e vetores Existem dois tipos básicos de formatos de imagem: bitmap (ou fotográfico) e vetorial (ou a traço). Ambos têm pontos fortes e fracos específicos que os tornam mais adequados a diferentes propósitos. Os vetores ou gráficos vetoriais são desenhos feitos na tela a partir de cálculos matemáticos que descrevem segmentos geométricos de linhas ou curvas, já Bitmaps ou mapas de bits são imagens formadas pela junção de pequenos pontos coloridos (pixels), a diferença final é que imagens vetoriais quando você aumenta ou diminui seu tamanho devido aos cálculos matemáticos não perdem a qualidade, não deformam, já as imagens em bitmap, não possuem cálculos usando o sistema de interpolação de pixels e assim perde qualidade, isso pode ser notado quando você da zoom em uma foto e ela perde os detalhes. Imagem Bitmaps Ou imagens rasterizadas, são quaisquer imagens compostas de pixels em um grid. Todos os pixels contém informações cromáticas para a reprodução da imagem. Os bitmaps normalmente não podem ser ampliados, pois têm resolução fixa, o que significa que alterar o tamanho da imagem a distorce e cria margens pixeladas e serrilhadas. O formato bitmap é especialmente bom para a reprodução de imagens tonais detalhadas. Imagem Vetores Contém diversos objetos individuais escalonáveis, definidos por fórmulas matemáticas em vez de pixels. Assim, gráficos vetoriais são escalonáveis ou não dependem da resolução. Fontes, por exemplo, são objetos vetoriais. A principal desvantagem dos vetores é que são inadequados para a reprodução de fotografias, pois não conseguem representar a sutileza dos tons contínuos desse tipo de imagem. Imagem Quando reproduzida a 100%, as gradações tonais podem ser vistas com clareza no bitmap, mas a 1000% os pixels individuais ficam visíveis e a gradação se perde. Imagens vetoriais não são construídas com pixels, assim, permanecem visíveis mesmo quando ampliadas em 1000%. Bitmap Vetor Imagem Trabalhando com bitmaps O bitmap é um elemento gráfico monotom muito simples. Essa qualidade permite que as características cromáticas dos elementos sejam controladas independentemente da imagem original. O trabalho com bitmaps é relativamente simples e direto, desde que você mantenha em mente as limitações do formato, a saber, que depende da escala e não pode ser ampliado ou reduzido sem potencialmente distorcer a imagem. Imagem 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 da 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 se posiciona em camadas para construir a imagem. Uma quarta matriz, preto, é incluída para dar profundidade a certos elementos, como sombras. Imagem Cores especiais O processo de impressão em quadricromia reproduz uma ampla gama de cores, mas está longe de abranger todas as tonalidades possíveis. A produção de certas cores exige o uso de cores especiais. A cor “especial” é aplicada por meio de uma quinta matriz de impressão. Cores especiais são cores sólidas e não são compostas por pontos, como ocorre na impressão em quadricromia. Elas não podem ser aplicadas com o uso das cores da escala CMYK e podem ser tintas metálicas, fluorescentes, pastéis ou Pantone (PMS). Como as cores especiais possuem um matiz específico e uma saturação impossível de ser produzida com o processo em quadricromia padrão, elas são um meio de incluir cores mais ricas e robustas a um design. Imagem Imagem Duotones, tritones e quadritones Imagens tonais podem ser produzidas com preto e outrasprimárias subtrativas. Basicamente, imagens tonais são parecidas com fotografias em preto e branco cujos tons brancos foram substituídos por uma das outras cores de escala ou por uma combinação delas. Duotones usam dois tons, tritones usam três e quadritones, quatro. O uso de tons ajuda a nivelar as imagens, especialmente quando possuem qualidades diferentes (como imagens coloridas e em escala de cinza) ou são de fontes diferentes, como arquivos e bancos de imagem. Os detalhes coloridos podem ser reduzidos a dois, três ou quatro tons. Imagem Controlando imagens tonais O ajuste dos canais em uma imagem tonal pode produzir efeitos gráficos espetaculares, como demonstrado nos próximos slides. Os ajustes são realizados com a alteração dos controles da imagem nas respectivas curvas de cores. Imagem Essa imagem foi convertida a uma escala de cinza (ou seja, foi impressa apenas nas matrizes pretas). Imagem duotone composta de amarelo e preto nas mesmas proporções. Imagem duotone composta de preto e alta suaturação de amarelo. Imagem Imagem duotone composta de preto e alta saturação de Pantone 806 Imagem duotone composta de Pantone 806 e preto nas mesmas proporções. Imagem duotone composta de preto e alta saturação de prata. Imagem Imagem duotone composta de preto e alta saturação de amarelo, com inversão da curva da matriz preta. Imagem duotone composta de magenta e Pantone 806 nas mesmas proporções. Imagem duotone composta de amarelo e ciano. Imagem Imagem duotone composta de amarelo e magenta nas mesmas proporções. Imagem duotone composta de amarelo e alta saturação de magenta. Imagem duotone composta de magenta e ciano nas mesmas proporções. Imagem Imagem tritone composta de preto, ciano e prata. Quadritone que usa as tintas CMYK para criar uma imagem mais quente. Imagem quadritone composta de peto, amarelo, prata e Pantone 806. Imagem 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. 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. Imagem 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 quadricomia, as três cores são reproduzidas com as primárias subtrativas CMY + K. Utilizado em monitores e projetores. Imagem 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 quadricomia. Utilizado em impressão e fotografia. Imagem A visão humana da cor: espectro visível: 400nm (violeta) a 700nm (vermelho); quase todas as cores podem ser obtidas por combinação linear de três cores básicas; picos de sensibilidade ao espectro: verde, vermelho e azul (este muito menor). Imagem 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 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. 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. Imagem Controles de imagens As informações cromáticas em uma imagem podem ser controladas e alteradas de diversos modos. O ajuste desses controles não muda a estrutura material da imagem (ou seja, onde as linhas ou elementos se encontram), mas apenas a cor dos elementos. As informações podem ser ajustadas com o objetivo de corrigir defeitos, obter colorações mais realistas ou produzir efeitos gráficos. Imagem Controles de imagens Saturação – O espectro cromático varia do cinza neutro a uma ampla gama de cores brilhantes. A saturação se refere à posição da cor dentro dessa amplitude. É uma medida de força, pureza ou conteúdo de cinza em relação ao matiz. Imagem Controles de imagens Ma,z – O matiz éa cor refletida ou transmitida por um objeto, expresso como valor (entre 0 e 360) no círculo cromático. As imagens podem ser alteradas com movimentações ao redor do eixo do círculo. A mudança da matiz altera substancialmente às cores das imagens. Imagem Controles de imagens Brilho – O brilho se refere à quantidade de luz utilizada para produzir uma cor. Quanto mais luz é usada, mais brilhante é a cor. Entretanto, quanto mais próximo dos níveis máximo e mínimo, menor o valor do contraste, logo, valores medianos são os mais indicados, pois apresentam um bom nível de contraste. Imagem Controles de imagens Contraste – O contraste é a diferença entre as luzes e as sombras de uma imagem. Gradiente– O gradiente permite que cores específicas sejam aplicadas a imagens para criar efeitos gráficos. A substituição de todas as cores por valores de cinza prateado, por exemplo, cria uma imagem “cromada”. Imagem Canais As imagens RGB têm três canais: vermelho, verde e azul. As imagens CMYK, quatro – ciano, magenta, amarelo e preto – e contêm as informações cromáticas usadas na produção de matrizes para o processo de impressão em quadricromia. O canal ciano, por exemplo, é na verdade uma escala de cinza que é impressa, ou visualizada, em ciano. Cada cor é um canal individual, portanto, pode ser alterada, substituída ou omitida independentemente. Imagem Mudando canais A capacidade de manipular os diferentes canais de cores permite que o designer faça os ajustes necessários para obter balanço cromático, lembrando que durante o processo de impressão cada cor normalmente é impressa (em sobreposição) na mesma ordem, ciano, magenta, amarelo e preto. O ajuste dos canais pode ser usado para produzir mudanças substanciais ou sutis nas imagens. Imagem
Compartilhar