\n As imagens vetoriais s\u00e3o amplamente usadas em design gr\u00e1fico, mas o usu\u00e1rio m\u00e9dio de PC provavelmente nunca ouviu falar delas.\n<\/p>\n
\n As imagens digitais, gr\u00e1ficos da Web e fotos digitais mais comuns s\u00e3o geralmente renderizadas como imagens bitmap e n\u00e3o como imagens vetoriais. Ent\u00e3o, o que s\u00e3o imagens vetoriais e por que voc\u00ea deveria se importar?\n<\/p>\n
\n As imagens de bitmap s\u00e3o compostas de pixels ou pequenos quadrados coloridos. Por exemplo, uma imagem de 300 por 300 pixels de um bal\u00e3o \u00e9 composta por 90.000 pixels. As imagens vetoriais s\u00e3o compostas por primitivas geom\u00e9tricas, como pontos e linhas. Esses primitivos geom\u00e9tricos, por sua vez, s\u00e3o representados por equa\u00e7\u00f5es matem\u00e1ticas, como aquelas que voc\u00ea aprendeu na geometria do ensino m\u00e9dio.\n<\/p>\n
\n Como as imagens vetoriais s\u00e3o compostas de pontos e linhas, elas podem ser dimensionadas sem perda de qualidade de imagem. Isso ocorre porque seu computador est\u00e1 usando as informa\u00e7\u00f5es em cada primitiva geom\u00e9trica para desenhar a imagem, em vez de exibir um mapa de pixels definido. Quando as imagens de bitmap s\u00e3o ampliadas, elas se tornam difusas, mas quando as imagens vetoriais s\u00e3o ampliadas, elas permanecem n\u00edtidas.\n<\/p>\n
\n Alterar o tamanho de uma imagem vetorial n\u00e3o afeta o tamanho da imagem. Essa \u00e9 outra grande vantagem das imagens baseadas em vetores. Como a imagem vetorial \u00e9 baseada em um n\u00famero definido de pontos e linhas, dimensionar o tamanho n\u00e3o altera o tamanho do arquivo porque n\u00e3o altera o n\u00famero de pontos e linhas.\n<\/p>\n
\n Assim como qualquer formato digital, \u00e9 necess\u00e1rio algum software especializado para trabalhar com imagens vetoriais. Programas populares como o Adobe Photoshop leem e editam v\u00e1rios formatos vetoriais comuns em um grau limitado. Para trabalhos extensos com imagens vetoriais, um programa mais especializado como o Adobe Illustrator \u00e9 recomendado. O Adobe Illustrator fornece v\u00e1rias ferramentas \u00fateis para editar pontos, combinar caminhos e exportar imagens.\n<\/p>\n
\n Se voc\u00ea estiver interessado em design gr\u00e1fico, as imagens vetoriais s\u00e3o um formato importante para dominar. As imagens vetoriais s\u00e3o ideais para uma ampla variedade de projetos e normalmente s\u00e3o fornecidas por designers gr\u00e1ficos a seus clientes. Agora que voc\u00ea j\u00e1 conhece os fundamentos das imagens vetoriais, comece a usar este \u00f3timo formato de imagem em seu trabalho digital.\n<\/p>\n
\n Uma imagem vetorial \u00e9 o produto da interpreta\u00e7\u00e3o de um computador de um arquivo de imagem vetorial. \u00c9 importante observar que a imagem vetorial \u00e9 bastante diferente das imagens raster como bitmaps. Um bitmap literalmente codifica informa\u00e7\u00f5es de cores para cada pixel da imagem em sequ\u00eancia. Uma imagem vetorial \u00e9 muito diferente. O c\u00f3digo para uma imagem vetorial carrega os dados de apenas alguns pontos, mas esses pontos carregam informa\u00e7\u00f5es de cores e dados vetoriais.\n<\/p>\n
\n Uma imagem vetorial \u00e9 gerada a partir de pontos discretos e dados vetoriais anexados a esses pontos. Esses vetores, em combina\u00e7\u00e3o com sua rela\u00e7\u00e3o com outros pontos e seus vetores, definem um caminho. O caminho segue uma curva definida pela magnitude e dire\u00e7\u00e3o dos vetores de seus dois pontos finais. Esse caminho recebe um tra\u00e7ado que atua como uma borda ou um preenchimento, ou ambos.\n<\/p>\n
\n Os principais benef\u00edcios das imagens vetoriais s\u00e3o a escalabilidade e, para muitos aplicativos, o tamanho do arquivo. O aspecto da escalabilidade ocorre porque as linhas que comp\u00f5em uma imagem vetorial n\u00e3o s\u00e3o definidas em c\u00f3digo, mas geradas a cada vez de acordo com o tamanho e a resolu\u00e7\u00e3o da tela na qual est\u00e3o sendo renderizadas. Assim, ao contr\u00e1rio dos gr\u00e1ficos raster, as linhas e preenchimentos dos gr\u00e1ficos vetoriais s\u00e3o limpos e sem pixels em qualquer configura\u00e7\u00e3o de zoom. Esse tamb\u00e9m \u00e9 o motivo do tamanho menor do arquivo. Para que uma imagem raster tenha uma resolu\u00e7\u00e3o grande, ela deve codificar para um n\u00famero muito grande de pixels individualmente. Um quadrado s\u00f3lido de vermelho em uma imagem raster requer codifica\u00e7\u00e3o para cada pixel vermelho, apesar do fato de ser apenas uma cor. As imagens vetoriais precisam de apenas quatro pontos e dados de cores para definir um quadrado vermelho. Esses pontos t\u00eam mais dados cada um do que os pixels raster, mas h\u00e1 muito menos.\n<\/p>\n
\n A grande desvantagem de uma imagem vetorial est\u00e1 em imagens detalhadas como fotografias. Qualquer caracter\u00edstica, como um conjunto de rugas no rosto de uma pessoa, sombreamento sutil e similares, requer objetos vetoriais separados para cada um. Quando voc\u00ea precisa de muitos deles, o n\u00famero de pontos vetoriais torna-se mais semelhante ao n\u00famero de pontos em uma imagem raster. Como cada um desses pontos cont\u00e9m muito mais dados do que imagens raster, imagens muito detalhadas em gr\u00e1ficos vetoriais consomem mais mem\u00f3ria do que uma imagem raster id\u00eantica.\n<\/p>\n
\n Guia de Gr\u00e1ficos: Bitmap vs. Gr\u00e1ficos Vetoriais\n<\/p>\n
\n Ao fazer designs gr\u00e1ficos, voc\u00ea tem v\u00e1rias op\u00e7\u00f5es para o estilo de suas imagens. Entre as formas mais populares est\u00e3o bitmaps e vetores. Dependendo de como voc\u00ea planeja usar suas imagens e quanto precisa redimension\u00e1-las, cada uma dessas op\u00e7\u00f5es pode ser \u00fatil. Considere estas quest\u00f5es antes de decidir entre bitmap e gr\u00e1ficos vetoriais.\n<\/p>\n
\n As imagens bitmap e vetoriais s\u00e3o salvas em formatos diferentes, pois representam as informa\u00e7\u00f5es da sua imagem de maneira bastante diferente. Os bitmaps s\u00e3o armazenados em alguns dos formatos de imagem simples mais comuns, incluindo BMP, EPS, GIF e JPEG. As imagens vetoriais, por sua vez, exigem formatos de arquivo mais especializados, incluindo EPS, PDF e PSD. Se seus usos exigirem um formato de arquivo espec\u00edfico, certifique-se de escolher um estilo de imagem que funcione com esse formato.\n<\/p>\n
\n Ao redimensionar uma imagem, voc\u00ea deseja manter a resolu\u00e7\u00e3o mais alta poss\u00edvel. Para imagens de bitmap, a amplia\u00e7\u00e3o resulta em diminui\u00e7\u00e3o da nitidez e clareza da imagem. Como os bitmaps armazenam informa\u00e7\u00f5es pixel a pixel, aument\u00e1-los leva ao alongamento de um \u00fanico pixel para cobrir v\u00e1rios pixels. Os vetores escalam muito melhor, pois as informa\u00e7\u00f5es s\u00e3o armazenadas de maneira relativa; o aumento dos vetores leva a uma perda m\u00ednima de clareza.\n<\/p>\n
\n Se voc\u00ea deseja enviar suas imagens para um site ou blog, certos formatos s\u00e3o mais f\u00e1ceis de usar do que outros. Muitos sites t\u00eam dificuldade em exibir imagens baseadas em vetores, especialmente em termos de compatibilidade entre navegadores. Os bitmaps s\u00e3o exibidos com mais facilidade e mant\u00eam a apar\u00eancia bem em diferentes navegadores.\n<\/p>\n
\n Ao imprimir uma imagem, a impressora pode solicitar tipos de imagem espec\u00edficos. Muitos impressores de camisetas trabalham com vetores em vez de bitmaps; o uso de um esquema de informa\u00e7\u00f5es relativas facilita o ajuste da imagem para uso em diferentes tamanhos de camisa. Para algumas finalidades, no entanto, uma impressora pode solicitar que voc\u00ea envie uma imagem bitmap, pois esse tipo de imagem \u00e0s vezes \u00e9 mais f\u00e1cil de imprimir.\n<\/p>\n
\n Decidir entre gr\u00e1ficos bitmap e vetoriais depende de como voc\u00ea planeja usar sua imagem digital. Antes de come\u00e7ar a projetar e editar sua imagem, certifique-se de determinar qual tipo \u00e9 melhor para suas necessidades. Embora voc\u00ea possa facilmente converter de um vetor para um bitmap, a convers\u00e3o na dire\u00e7\u00e3o oposta geralmente \u00e9 mais dif\u00edcil.\n<\/p>\n
\n Os gr\u00e1ficos vetoriais s\u00e3o gr\u00e1ficos renderizados de maneira bastante diferente dos gr\u00e1ficos raster padr\u00e3o. Eles s\u00e3o um tipo de imagem mais recente, totalmente dependente do computador.\n<\/p>\n
\n Gr\u00e1ficos vetoriais s\u00e3o gr\u00e1ficos definidos por vetores matem\u00e1ticos. Os gr\u00e1ficos vetoriais s\u00e3o definidos por um conjunto de pontos de refer\u00eancia individuais com dados para a constru\u00e7\u00e3o de um caminho passando por eles. A curva deste caminho \u00e9 determinada pelo \u00e2ngulo e magnitude do vetor. Esse caminho atua como a borda para um preenchimento de uma cor ou efeito de cor. Os gr\u00e1ficos vetoriais s\u00e3o exibidos por um computador, obtendo os dados dos pontos individuais e extrapolando-os para formar o caminho e preencher entre os pontos.\n<\/p>\n
\n Os gr\u00e1ficos raster s\u00e3o a forma mais antiga de gr\u00e1ficos. O computador interpreta n\u00e3o informa\u00e7\u00f5es matem\u00e1ticas fornecidas por um ponto de refer\u00eancia, mas dados de cores para cada pixel na \u00e1rea de desenho. Os dados para cada ponto s\u00e3o simplesmente armazenados em ordem de aparecimento e exibidos de acordo com essa ordem.\n<\/p>\n
\n O principal benef\u00edcio dos gr\u00e1ficos vetoriais \u00e9 a escalabilidade. Como os gr\u00e1ficos vetoriais s\u00e3o gerados a partir de extrapola\u00e7\u00f5es matem\u00e1ticas de pontos adimensionais, eles parecem exatamente iguais em qualquer tamanho. Enquanto um gr\u00e1fico raster, n\u00e3o importa qu\u00e3o alta seja a resolu\u00e7\u00e3o, parece pixelado em uma certa escala, os gr\u00e1ficos vetoriais nunca o fazem. A imagem se adapta automaticamente ao novo tamanho e resolu\u00e7\u00e3o, pois \u00e9 interpretada de acordo com esse tamanho e resolu\u00e7\u00e3o. Isso tamb\u00e9m significa que, para imagens mais simples, os gr\u00e1ficos vetoriais consomem menos mem\u00f3ria do que os gr\u00e1ficos raster.\n<\/p>\n
\n O poder computacional necess\u00e1rio para exibir um gr\u00e1fico vetorial geralmente \u00e9 menor do que um gr\u00e1fico raster porque o gr\u00e1fico vetorial precisa de dados de muito menos pontos do que um gr\u00e1fico raster. No entanto, cada ponto individual em um gr\u00e1fico vetorial tem, na verdade, mais dados do que um gr\u00e1fico raster, que precisa apenas de dados de cores para cada pixel. Isso significa que, \u00e0 medida que as imagens ficam mais detalhadas e mais pontos s\u00e3o necess\u00e1rios para renderiz\u00e1-las em gr\u00e1ficos vetoriais, o poder computacional necess\u00e1rio para process\u00e1-las realmente aumenta al\u00e9m do necess\u00e1rio para gr\u00e1ficos raster. Assim, imagens muito complexas quase sempre s\u00e3o renderizadas como gr\u00e1ficos raster, apesar das vantagens de escalabilidade dos gr\u00e1ficos vetoriais.\n<\/p>\n
\n Os gr\u00e1ficos vetoriais s\u00e3o um tipo de gr\u00e1fico maravilhoso e relativamente novo para determinados aplicativos, especialmente design gr\u00e1fico. Este tipo de gr\u00e1fico tem suas limita\u00e7\u00f5es, no entanto.\n<\/p>\n
\n Adobe Photoshop \u00e9 bem conhecido por sua capacidade avan\u00e7ada de edi\u00e7\u00e3o de fotos. O Photoshop \u00e9 um programa gr\u00e1fico baseado em pixels, em vez de um programa de desenho vetorial. No entanto, \u00e9 poss\u00edvel criar imagens vetorizadas no Photoshop usando a ferramenta linha, caneta ou forma. O Photoshop funciona bem em conjunto com o Illustrator, o programa de desenho vetorial da Adobe. Este tutorial \u00e9 baseado no rastreamento de uma foto no Photoshop para criar uma ilustra\u00e7\u00e3o digital.\n<\/p>\n
\n Que tipo de desenho voc\u00ea deseja criar? Procure uma foto digital que se pare\u00e7a muito com a imagem que voc\u00ea deseja desenhar. Escolha uma foto que mostre claramente o contorno, as cores, os destaques e as sombras do objeto.\n<\/p>\n
\n Abra sua fotografia no Photoshop. Crie um novo arquivo com duas camadas e salve este arquivo como seu desenho principal. Copie e cole sua foto na primeira camada do seu arquivo de desenho. Torne a foto na camada um 50% transparente para que voc\u00ea possa tra\u00e7ar sobre ela na camada dois. O controle deslizante de transpar\u00eancia est\u00e1 no canto superior direito acima da paleta de ferramentas.\n<\/p>\n
\n Clique na camada dois e selecione uma ferramenta de desenho. Para maior versatilidade, escolha a caneta. A ferramenta caneta cria segmentos complexos com pontos de ancoragem. Se voc\u00ea se sentir confort\u00e1vel com o desenho \u00e0 m\u00e3o livre, selecione o l\u00e1pis. Para se\u00e7\u00f5es de linhas curvas, use a ferramenta de arco. Se o seu desenho for uma forma geom\u00e9trica simples, escolha a ferramenta de linha reta.\n<\/p>\n
\n Usando uma ferramenta de desenho, trace o contorno ao redor da imagem. Clique uma vez com a ferramenta para estabelecer um ponto de partida. Arraste o mouse para formar uma linha curta e clique novamente para criar o pr\u00f3ximo segmento. Com o l\u00e1pis, voc\u00ea pode desenhar uma linha \u00e0 m\u00e3o livre em um \u00fanico tra\u00e7o ao redor da imagem. Depois de terminar de desenhar todo o contorno, clique no ponto inicial para formar uma forma fechada.\n<\/p>\n
\n Trace as formas individuais dentro de seu desenho. N\u00e3o se preocupe em tra\u00e7ar cada linha detalhada na imagem neste momento. Concentre-se em delinear as principais formas em seu desenho. Para formas simples, como c\u00edrculos ou quadrados, use as ferramentas de forma predefinida para desenhar essas se\u00e7\u00f5es.\n<\/p>\n
\n Preencha cada forma em seu desenho com cores com base nos valores de sua fotografia. Use a ferramenta conta-gotas para selecionar a cor exata da sua fotografia. Essa cor agora se torna a cor de preenchimento principal em sua paleta. Selecione sua forma e escolha a ferramenta de preenchimento para colorir sua se\u00e7\u00e3o.\n<\/p>\n
\n Finalmente, olhe para a sua fotografia original. Quais linhas de detalhe voc\u00ea deseja adicionar? N\u00e3o h\u00e1 necessidade de tra\u00e7ar cada linha em sua fotografia. Escolha as linhas principais que adicionam detalhes sutis dentro das formas do seu desenho. Em seguida, adicione efeitos b\u00e1sicos, como sombra projetada e ilumina\u00e7\u00e3o para aprimorar sua imagem. Procure no menu “Efeitos” para encontrar uma ampla gama de op\u00e7\u00f5es adicionais. Ao aplicar efeitos, clique na camada dois, que cont\u00e9m seu desenho e, em seguida, selecione o efeito.\n<\/p>\n
\n \u00c9 relativamente simples criar uma imagem vetorial no Photoshop. Pratique com frequ\u00eancia e use uma mesa gr\u00e1fica com caneta gr\u00e1fica para obter os melhores resultados. Com uma mesa digitalizadora, voc\u00ea pode desenhar facilmente como se estivesse segurando um l\u00e1pis. Salve seu desenho no formato Encapsulated PostScript ou no formato nativo do Photoshop para armazenar os dados vetoriais. Um arquivo EPS tamb\u00e9m pode ser aberto no Adobe Illustrator, Corel Draw ou outros programas de desenho vetorial.\n<\/p>\n<\/p>\n