Aula 1 (02/2015) Imagens mapa de bits / Cor e resolução/ Tipos de formatos Imagens mapa de Bits Definição: As imagens de bitmap, tecnicamente chamadas de imagens de varredura, são descritos por uma grade retangular de elementos (pixels). É atribuído a cada pixel um local específico e um valor de cor. Ao trabalhar com imagens de bitmap, editamos pixels em vez de objetos ou formas. Imagens de bitmap são o meio eletrônico mais comum para imagens de tons contínuos, como fotografias ou pinturas digitais, porque podem representar gradações sutis de sombras e cores com mais eficiência. As imagens de bitmap dependem da resolução, isto é, elas contêm um número fixo de pixels. Como resultado, elas podem perder detalhes e ter uma aparência irregular se forem redimensionadas em uma ampliação alta na tela ou se forem impressas em uma resolução mais baixa do que aquela em que foram criadas. Exemplo de uma imagem de bitmap em diferentes níveis de ampliação As imagens de bitmap podem exigir grandes quantidades de espaço de armazenamento, e, geralmente, precisam ser compactadas para reduzir o tamanho dos arquivos em determinados componentes do Creative Suite. Por exemplo, um arquivo de imagem é compactado em seu aplicativo original antes de importá-lo para um layout. Uma imagem bitmap pode ser: 1. Monocromática uma só cor (e suas variedades em tonalidade); 2. Escala de cinza ou tons de cinza 3. Colorida RGB/CMYK Compreensão das cores Entender como as cores são criadas e como elas se relacionam uma com a outra permite trabalhar de maneira mais eficiente no Photoshop. Em vez de obter um efeito por acaso, você produzirá resultados consistentes graças ao entendimento dos conceitos básicos das cores.
Cores primárias As cores primárias aditivas são as três cores de luz (vermelho, verde e azul), que produzem todas as cores no espectro visível quando adicionadas em combinações diferentes. A adição de partes iguais de luz vermelha, azul e verde produz a cor branca. A ausência completa da luz vermelha, azul e verde resulta na cor preta. Os monitores de computador são dispositivos que usam as cores primárias para criar cores. Cores aditivas (RGB) R. Vermelho/ G. Verde/ B. Azul As cores primárias subtrativas são pigmentos que criam um espectro de cores quando combinadas de maneiras diferentes. De forma diferente à dos monitores, as impressoras misturam as cores primárias subtrativas (pigmentos ciano, magenta, amarelo e preto) para produzir outras cores. O termo "subtrativo" é usado porque as cores primárias são puras até serem misturadas, resultando em cores que consistem em versões menos puras. Por exemplo, o laranja é criado por meio da mistura subtrativa de magenta e amarelo. Cores subtrativas (CMYK) C. Ciano M. Magenta Y. Amarelo K. Preto
Disco de cores Caso você ainda não esteja familiarizado com o ajuste dos componentes de cor, tenha em mãos um diagrama do disco de cores padrão ao trabalhar com equilíbrio de cores. É possível utilizar o disco de cores para prever como a alteração em um componente de cor afeta as outras cores e como as alterações são convertidas entre modelos de cores RGB e CMYK. Disco de cores R. Vermelho Y. Amarelo G. Verde C. Ciano B. Azul M. Magenta Por exemplo, é possível diminuir a intensidade de qualquer cor em uma imagem aumentando a intensidade de seu oposto no disco de cores e vice-versa. As cores que estão em posições opostas entre si no disco de cores padrão são conhecidas como cores complementares. Da mesma forma, é possível aumentar e diminuir uma cor ajustando as duas cores adjacentes no disco ou até mesmo ajustando as duas cores adjacentes à cor oposta. Em uma imagem CMYK, é possível reduzir a cor magenta reduzindo a quantidade dessa cor ou aumentando o seu complemento, a cor verde (a cor no lado oposto ao magenta no disco de cores). Em uma imagem RGB, pode-se reduzir a cor magenta removendo vermelho e azul ou adicionando verde. Todos esses ajustes resultam em um equilíbrio de cores geral com menos magenta. MODO DE COR 1. RGB para mídias eletrônicas (Red, Green, Blue, que utiliza três números inteiros para representar as cores vermelho, verde e azul ou RGBA, quando o formato possui transparência (sendo A o nível de alfa de cada pixel) O modo de cores RGB do Photoshop utiliza o modelo RGB, atribuindo um valor de intensidade a cada pixel. Em imagens de 8 bits por canal, os valores de intensidade variam
de 0 (preto) a 255 (branco) para cada um dos componentes de cores RGB (vermelho, verde, azul) em uma imagem colorida. Por exemplo, uma cor vermelho brilhante pode conter um valor R de 246, um valor G de 20 e um valor B de 50. Quando os valores dos três componentes são iguais, o resultado é um tom de cinza neutro. Quando o valor de todos os componentes é 255, o resultado é um branco puro e, quando o valor é 0, o resultado é um preto puro. As imagens RGB usam três cores ou canais para reproduzir as cores na tela. Nas imagens de 8 bits por canal, os três canais são convertidos em 24 (8 bits x 3 canais) bits de informações de cores por pixel. Com imagens de 24 bits, os três canais podem reproduzir até 16,7 milhões de cores por pixel. Com imagens de 48 bits (16 bits por canal) e de 96 bits (32 bits por canal), é possível reproduzir ainda mais cores por pixel. Além de ser o modo padrão para novas imagens do Photoshop, o modelo RGB é usado por monitores de computador para exibir cores. Isso significa que, ao trabalhar em modos de cor diferentes de RGB, como CMYK, o Photoshop converte a imagem CMYK em RGB para exibição na tela. Embora o RGB seja um modelo de cores padrão, o intervalo exato de cores representadas pode variar, dependendo do aplicativo ou dispositivo de exibição. O modo de Cores RGB no Photoshop varia de acordo com a configuração da área de trabalho especificada na caixa de diálogo Configurações de Cores. 2. CMYK para mídias impressas (Ciano, Magenta, Amarelo e Preto). No modo CMYK, um valor de porcentagem é atribuído a cada pixel para cada uma das tintas de processo. Pequenas porcentagens de cores de tintas de processo são atribuídas às cores mais claras (realce), enquanto porcentagens mais altas são atribuídas às cores mais escuras (sombra). Por exemplo, um vermelho-claro pode conter 2% de ciano, 93% de magenta, 90% de amarelo e 0% de preto. Em imagens CMYK, o branco puro é gerado quando todos os quatro componentes possuem valores de 0%. Use o modo CMYK ao preparar uma imagem para ser impressa com as cores de processo. A conversão de imagem RGB em CMYK cria uma separação de cores. Se você começar com uma imagem RGB, convém editar primeiramente em RGB e, em seguida, converter em CMYK no final do processo. No modo RGB, é possível utilizar os comandos de Configuração de Prova para simular os efeitos de uma conversão em CMYK sem alterar os dados da imagem real. Também é possível usar o modo CMYK para trabalhar diretamente com imagens CMYK digitalizadas ou importadas de sistemas avançados. Embora o CMYK seja um modelo de cores padrão, o intervalo exato de cores representadas pode variar, dependendo da impressora e das condições de impressão. O modo de Cores CMYK no Photoshop varia de acordo com a configuração da área de trabalho especificada na caixa de diálogo Configurações de Cores. 3. Tons de cinza O modo Tons de Cinza utiliza tons diferentes de cinza na imagem. Pode haver até 256 tons de cinza nas imagens de 8 bits. Cada pixel de uma imagem em tons de cinza possui um valor de brilho que varia de 0 (preto) a 255 (branco). Em imagens de 16 bits e 32 bits, o número de tons em uma imagem é muito maior do que em imagens de 8 bits. Os valores de tons de cinza também podem ser medidos como porcentagens de cobertura de tinta preta (0% é igual a branco e 100% é igual a preto).
O modo Tons de Cinza usa o intervalo definido pela configuração da área de trabalho especificada na caixa de diálogo Configurações de Cores. Profundidade de cor Profundidade de cor, ou color depth, é um termo da computação gráfica que descreve a quantidade de bits usados para representar a cor de um único pixel numa imagem bitmap. Este conceito é conhecido também como bits por pixel (bpp), particularmente quando especificado junto com o número de bits usados. Em um bit depth de 24 bits, 8 bits são dedicados para cada uma das 3 cores primárias: vermelho, verde e azul. Este bit depth também é chamado cor verdadeira porque ele pode produzir as 10 milhões de cores que o olho humano é capaz de perceber. Em 16 bits, o monitor só consegue gerar 65.536 cores. Os monitores passaram de 16 bits para 24 bits por trabalhar com acréscimos de 8 bits facilita o desenvolvimento dos programas. Tamanho da imagem As dimensões de uma imagem Bitmap correspondem à quantidade de pixels, ou ao numero de pixels que ela possui ao longo da largura e da altura. O tamanho da imagem é diretamente relacionado à resolução da mesma. Resolução A resolução é a nitidez de detalhes em uma imagem bitmap e é medida em pixels por polegada (ppi). Quanto mais pixels por polegada, maior a resolução. Geralmente, uma imagem com uma resolução maior produz uma imagem impressa de melhor qualidade. Mesma imagem a 72 ppi e 300 ppi; 200% de zoom de entrada Tamanho do arquivo O tamanho de arquivo de uma imagem corresponde ao tamanho digital do arquivo de imagem, medido em kilobytes (K), megabytes (MB) ou gigabytes (GB). O tamanho do arquivo é proporcional às dimensões em pixels da imagem. Imagens com um número maior de pixels
podem reproduzir mais detalhes em um determinado tamanho impresso, mas exigem mais espaço em disco para armazenamento e podem ser mais lentas na edição e impressão. Consequentemente, a resolução da imagem torna-se um ajuste entre a qualidade da imagem (capturando todos os dados necessários) e o tamanho do arquivo. Outro fator que afeta o tamanho do arquivo é o formato do arquivo. Por causa da variação nos métodos de compactação utilizados pelos formatos GIF, JPEG e PNG, os tamanhos de arquivo podem variar consideravelmente para as mesmas dimensões em pixels. Da mesma maneira, a profundidade de bits de cores e o número de camadas e canais em uma imagem afetam o tamanho do arquivo. O Photoshop oferece suporte para dimensões em pixels de até 300.000 por 300.000 pixels por imagem. Essa restrição limita o tamanho da impressão e a resolução disponíveis para uma imagem. FORMATOS/EXTENSÕES da imagem Imagens suportado Extensão s (raster e /ou vector) 1..ai bitmap/ vector Nome próprio Descrição Adobe Illustrator Document 2.bmp Bitmap Windows Bitmap 3.cdr bitmap / vector Corel Draw Document 4..cgm Vector Computer Graphics Metafile 5.dwg Vector arquivo nativo do AutoCAD 6.eps bitmap / vector Encapsulated PostScript 7.emf Vector Windows Enhanced Metafile Formato vectorial do Adobe Illustrator. As primeiras versões suportavam apenas imagens vectoriais. É uma variante do Postscript tal como os formatos PDF, EPS e PS. Comumente usado pelos programas Microsoft Windows, e o pelo próprio sistema operador do Windows. Compressào sem perdas de informação pode ser especificada, mas alguns programas usam apenas arquivos nãocomprimidos. Arquivo nativo do Corel Draw. Suporta vetor, texto e imagens raster tanto vinculadas (link), quanto incorporadas (embed). Dependendo da versão do cdr, este pode ser aberto diretamente pelo Illustrator. No Mac pode ser confundido com a extensão.cdr (DVD/CD-R Master Image), utilizada como "imagem" de disco. Definido pelo padrão ISO 8632. Normalmente usado para desenhos complexos de engenharia, por exemplo, na aviação. AutoCAD DWG, Ficheiros de texto no padrão ASCII utilizados para armazenar dados de programas CAD. Formato com a finalidade de importar e exportar ficheiros PostScript. Ao invés do formato ".ps" não editável, destinado a saídas em impressoras. Versão avançada do Windows Metafile.
8.fla Vector Flash Source File Formato nativo do Macromedia Flash, atual Adobe Flash. Ver também o formato ".swf". 9.gif Bitmap Graphics Interchange Format 10.jpeg.jpg 11.jpg2.jp2 Bitmap Bitmap Joint Photographic Experts Group Joint Photographic Experts Group Usado extensivamente na web, mas por vezes evitado devido a problemas de patente. Suporta imagens animadas. Suporta somente 255 cores por quadro, portanto requer quantização com perdas de informação para fotos full-color (16.7 milhões de cores); usar quadros múltiplos pode melhorar precisão de cores. Usa compressão sem perdas de informação, compressão LZW patenteada. A patente venceu em 2003. Usado extensivamente para fotos na web. Usa compressão com perda de informação; a qualidade pode variar enormemente dependendo das definições de compressão. JPEG 2000 é um sucessor do JPEG, permitindo compressão com perda de dados (lossy) e sem (lossless). O suporte deste formato em programas ainda é pequeno. 12.pcd Bitmap ImagePac Photo CD 13.pdf bitmap / Portable vector Document Format 14.png Bitmap Portable Network Graphics Formato proprietário da Kodak, com perdas de informação, cores 24-bit. Formato concebido pela Adobe para suportar diversos elementos (inicialmente imagens raster, vetor e texto, na linguagem PostScript). Inicialmente ela lido apenas pelo software Adobe Acrobat Reader (versão gratuita) e depois pelo Adobe Acrobat Professional (versão paga usada inicialmente pela indústria gráfica). Permite múltiplas páginas e ligações (links). As últimas versões permitem ainda a inclusão de video, 3D, preenchimento de formulários, entre muitas outras opções. É um formato de código aberto e a Adobe permite que programas de qualquer empresa gerem e leiam arquivos em PDF. Permite gravar arquivos comprimidos com e sem perda de qualidade. Formato largamente utilizado hoje em dia, tanto na indústria gráfica, como para distribuição de documentos pela internet, dada a compatibilidade (usuários de Mac, Windows e Linux verão o arquivo igualmente, se bem gravado). Muitos navegadores já exibem PDF de forma nativa. Alguns precisam de uma extensão ou plugin para isso. Formato de imagem bitmap (mapa de bits) comprimido sem perdas de informação, originalmente designado para substituir o uso de GIF na web. Livre de patente patent, que venceu em 2003, associado a GIF. 15.ps Vector PostScript Formato destinado a saídas em impressoras, normalmente impressoras laser que suportem 16.psd Bitmap Photoshop Document PostScript. Formato padrão da Adobe para documentos do Photoshop. Possui muitos recursos extras como image layering. Inicialmente era suportado por
17.psp Bitmap Paint Shop Pro Document muito poucos programas fora o Adobe Photoshop. Hoje é suportado por todos os programas do pacote Adobe (CS ou CC) e também por softwares de outras empresas, como o Corel Draw, e diversos softwares da Apple e Microsoft. Formato nativo do Paint Shop Pro, de forma similar ao.psd do Adobe Photoshop. Suportado por poucos programas. 18.swf Vector Flash Formato nativo e não editável do Adobe Flash, normalmente criado a partir do formato editável ".fla". Este formato armazena animações para serem visualizadas normalmente em páginas da internet, e pode ser 19.tiff Bitmap Tagged Image File Format 20.wbmp image /vnd.wap.w bmp Bitmap Wireless Application Protocol Bitmap Format 21.wmf Vector Windows Metafile criado em outros programas que o suportem. Usado extensivamente para gráficos tradicionais impressos. Compressões com e sem perdas de informação disponíveis (LZW, ZIP e JPEG) assim como outras opções, apesar de muitos programas não suportarem essas opções para além do padrão TIFF. Utilizado para armazenar imagens em dispositivos sem fios (wireless), normalmente em celular ou câmara fotográfica. Formato nativo do Microsoft Windows para armazenar imagens. Exercício 1 A.) Criando uma imagem Nova Arquivo Novo = (Ctrl + N): Título Tamanho Resolução Modo de Cor Conteúdo do plano de fundo B.) Abrir uma imagem existente (Ctrl + O) C.) Ferramentas de seleção D.) Comandos de movimento/copiar/colar E.) Ferramenta de transformação (Ctrl+T) Objetivos: criar uma composição por meio da técnica da colagem, usando as ferramentas de seleção, transformação, movimento e recorte.
As ferramentas Laço criam seleções à mão livre, poligonais (de arestas retas) e magnéticas (autoajustáveis). As ferramentas Letreiro criam seleções retangulares, elípticas, de linha única e de coluna única. A ferramenta Varinha Mágica seleciona áreas coloridas semelhantes. A ferramenta Seleção Rápida permite pintar rapidamente uma seleção usando uma ponta de pincel redonda ajustável. A ferramenta Mover move seleções, camadas e guias. Atalhos: H: Ferramenta Mão (Hand Tool). D: Restaura as cores originais da paleta. B: Pincel (Brush Tool). F: Pressionando uma vez, a barra de menus desaparece, e fica possível movimentar o campo de trabalho além dos cantos da tela. Pressionando duas vezes, o Photoshop se ajusta à tela do computador, e o fundo do programa (antes cinza) fica preto. Ctrl + : Zoom In. Ctrl : Zoom Out. Ctrl + 0 (Zero) : Ajusta a imagem à tela. Ctrl + Z : Desfaz a última alteração. Se pressionado duas vezes, a imagem retorna ao ponto de partida, ou seja, como estava antes da utilização do atalho. Ctrl + Alt + Z : Desfaz as alterações continuamente.
Ctrl + Shift + Z : Refaz as alterações desfeitas. Tab : Oculta/mostra todas as paletas e menus abertos. Excelente para uma visualização rápida em tela cheia! [ : Diminui o tamanho do pincel. ] : Aumenta o tamanho do pincel. Shift + [ : Diminui a dureza (Softness) do pincel. Shift + ] : Aumenta a dureza do pincel. 0 ~ 9 : Aumenta ou diminui a opacidade da ferramenta que está sendo utilizada, ou da camada. Combine os números para obter valores exatos. Ex: pressionando apenas o número 4, a opacidade ficará em 40%. Já se você pressionar os números 4 e 3, a opacidade ficará em 43%. Shift + 0 ~ 9 : Aumenta ou diminui o preenchimento da ferramenta que está sendo utilizada, ou da camada. Ctrl + Tab : No Firefox, este comando abre a próxima aba. Já no Photoshop, se você estiver com vários arquivos abertos ao mesmo tempo, este comando trará o próximo para o primeiro plano. Ctrl + Alt + Shift + N : Cria um novo layer de imediato, sem exibir caixas de diálogo. Ctrl + L : Níveis (Levels). Ctrl + Alt + L : Abre a ferramenta níveis com a última configuração utilizada. Ctrl + B : Equilíbrio de cores. Ctrl + Alt + B : Abre a ferramenta equilíbrio de cores com a última configuração utilizada. Ctrl + U : Ferramenta Matiz/Saturação. Ctrl + Shift + U : Remove a saturação (deixa a imagem em preto e branco).