Como vectorizar uma imagem

A primeira coisa que lhe vem à mente quan­do pen­sa numa imagem vec­to­r­i­al é o Adobe Illus­tra­tor. Este soft­ware grá­fi­co profis­sion­al é uti­liza­do por quase todos os design­ers do plan­e­ta e pode pare­cer um pouco intim­i­dante para qual­quer novo uti­lizador que queira apren­der algu­mas tare­fas bási­cas como, por exem­p­lo, como vec­tor­izar uma imagem. Uma imagem cri­a­da por uma câmara dig­i­tal é chama­da imagem raster ou bitmap. Estas ima­gens são feitas de uma matriz rec­tan­gu­lar de pix­els (pon­tos de cor), e um pix­el é o ele­men­to de imagem mais pequeno num ecrã de visualização.

As ima­gens vec­to­ri­ais são grá­fi­cos com­pos­tos por pon­tos, lin­has e cur­vas que são con­struí­das por fór­mu­las matemáti­cas. Os grá­fi­cos vec­to­ri­ais são inde­pen­dentes da res­olução e é pos­sív­el faz­er red­i­men­sion­a­men­tos ilim­i­ta­dos sem perder nen­hu­ma qual­i­dade de imagem no processo.

É bas­tante útil quan­do se pre­tende imprim­ir uma imagem em difer­entes taman­hos ou faz­er alguns grá­fi­cos de arte dig­i­tal. Este tuto­r­i­al irá mostrar-lhe como trans­for­mar o for­ma­to de imagem pix­eliza­da em imagem vec­to­r­i­al no Adobe Illus­tra­tor. E pode con­sul­tar alguns dos nos­sos out­ros tuto­ri­ais sobre como uti­lizar o Adobe Pho­to­shop.

Criar um Vector no Adobe Illustrator

Passo 1. Abrir imagem rasterizada

Abra o seu ficheiro de imagem (JPG, PNG, etc.) no Illus­tra­tor, cli­can­do em File > Open 

Screenshot showing how to open an image in Adobe Illustrator
Para inserir uma imagem no Adobe Illus­tra­tor, vá ao botão “File > Open” e selec­cione a local­iza­ção da sua imagem

Escol­he­mos esta imagem de gela­do, mas pode con­sul­tar mil­hões de out­ras fotos gra­tu­itas de alta qual­i­dade no web­site Wunderstock.

Imagem: Alex Jones

Passo 2. Abrir espaço de trabalho de seguimento de imagem

O Illus­tra­tor tem uma fer­ra­men­ta espe­cial chama­da Image Trace para vec­tor­iza­ção de ima­gens. Pode encon­trá-lo seguin­do estes pas­sos de nave­g­ação: Janela > Espaço de tra­bal­ho > Rastreio

Screenshot showing how to open Image Trace option in Illustrator
Para abrir a opção Image Trace no Adobe Illus­tra­tor, siga estes pas­sos: Janela > Espaço de tra­bal­ho > Rastreio

Passo 3. Seleccionar a imagem e verificar o botão de pré-visualização

Irá ago­ra abrir um novo sep­a­rador de espaço de tra­bal­ho que ficará acti­vo assim que selec­cionar a imagem inseri­da. O ícone encon­tra-se no ângu­lo supe­ri­or dire­ito do painel de Con­tro­lo e tem este aspec­to . No painel Image Trace clicar no botão Pre­view (can­to infe­ri­or esquer­do). Des­ta for­ma, pode ver o esboço de uma imagem em for­ma­to vectorial.

Screenshot showing how to click on Preview button in Illustrator
Para ver um esboço de imagem vec­tor­iza­da, clique no botão Preview

Passo 4. Escolha a opção Predefinição

Ago­raé altura de brin­car com as pre­definições, depen­den­do do efeito que se pre­tende alcançar. Con­sulte o menu sus­pen­so Pre­set

e escol­ha o que se ade­qua às suas neces­si­dades. As pre­definições são a con­fig­u­ração pré-deter­mi­na­da de definições que será auto­mati­ca­mente apli­ca­da à imagem após a escol­ha de uma.

Estas são as suas opções:

  • Per­son­al­iza­do - se for um prin­cipi­ante na uti­liza­ção do Illus­tra­tor, sug­e­r­i­mos-lhe algu­mas das out­ras opções pré-definidas da lista até ter a sen­sação de qual o efeito que pre­tende alcançar.
  • High Fideli­ty Pho­to — repro­dução vec­to­r­i­al foto­re­al­ista de alta qualidade.
  • Fotografia de Baixa Fidel­i­dade - bas­tante semel­hante ao efeito de Alta Fidel­i­dade, mas cria um esboço vec­to­r­i­al simplificado.
  • 3 Cores, 6 Cores, e 16 Cores — pre­definições prati­ca­mente auto-explica­ti­vas. A imagem vec­to­r­i­al terá uma gama de três, seis, ou 16 cores.
Screenshot of 3 Colors, 6 Colors, and 16 Colors preset
Difer­ença entre “3 Col­ors, 6 Col­ors, and 16 Col­ors pre­set” presets
  • Tonal­i­dades de Cinzen­to - imagem vec­to­r­i­al em escala de cinzento
  • LogotipoPre­to e Bran­co — basi­ca­mente o que o nome está a diz­er. Cria um logótipo sim­ples em cores a pre­to e branco.
  • Arte Esboça­da, Sil­hue­tas, Arte de Lin­ha, e Desen­ho Téc­ni­co — cria desen­hos a pre­to e bran­co sim­pli­fi­ca­dos a par­tir de um for­ma­to de fotografia. Se você é, ou planeia tornar-se um artista estên­cil, esta opção irá defin­i­ti­va­mente tornar a sua vida muito mais fácil.
Screenshot showing Paths, Corners, and Noise options in Adobe Illustrator
As opções avançadas de ras­treio de imagem incluem “Cam­in­hos, Can­tos, e Ajustes de Ruído”

Passo 5. Ajustar Caminhos, Cantos, e Ruído

Pode avançar ain­da mais a sua imagem vec­to­r­i­al aju­s­tan­do Cam­in­hos, Can­tos, e Ruí­do.

  • Cam­in­hos - Arras­tar o cur­sor para a dire­i­ta tor­na o vec­tor com pon­tos de can­to mais pre­cisos, enquan­to que arrastá-lo para a esquerda/valor mais baixo cri­ará bor­dos mais suaves.
  • Can­tos - Esta opção tornará os can­tos da imagem mais níti­dos em caso de val­or mais alto e mais suaves em caso de val­or mais baixo.
  • Ruí­do — se arras­tar o selec­tor para a esquer­da, o vec­tor apan­hará a maior parte dos detal­h­es da imagem orig­i­nal. Se o arras­tar para a direita/valor mais ele­va­do, a maio­r­ia das áreas da imagem não será visív­el na per­spec­ti­va. Quan­to mais baixo for o número, menos pix­els serão necessários, pelo que haverá um traço mais detal­ha­do (ou rui­doso). Quan­to maior for o número, mais áreas de uma imagem serão igno­radas, e o vec­tor será em muito menos detalhe.
Screenshot of making final steps in vectorizing an image in Adobe Illustrator
Para vec­tor­izar uma imagem, des­mar­que a opção “Pre­view” e clique no botão “Trace”

Passo 6. Clique no botão Traçar

Quan­do estiv­er sat­is­feito com o seu resul­ta­do vec­to­r­i­al, des­mar­que a opção Pre­view (este é um pas­so real­mente impor­tante, caso con­trário o botão Trace não estará acti­vo) e clique no Trace no can­to infe­ri­or dire­ito do painel Image Trace.

Screenshot showing final step of vectorizing an image
Para con­vert­er a sua imagem num vec­tor clique no botão “Object > Expand”

Passo 7. Expandir a imagem

A últi­ma coisa que pre­cisa de faz­er antes do Illus­tra­tor começar a con­vert­er a sua imagem num vec­tor é clicar no botão Objec­to > Expandir , e verá as lin­has azuis que o Illus­tra­tor recon­heceu como sendo a imagem vec­to­r­i­al. Parece algo pare­ci­do com isto:

Screenshot showing vector image
Imagem mostran­do imagem vetor­iza­da final

Passo 8. Guardar a imagem vectorial

Se hou­ver algu­mas áreas ou um objec­to que queira apa­gar antes de guardar a imagem, pode selec­cionar o cam­in­ho que não gos­ta e pre­mir o botão de retro­ces­so. No final, tudo o que tem de faz­er é guardar a imagem cli­can­do em Ficheiro > Guardar como e escol­her um for­ma­to de imagem vec­to­r­i­al. Há uma var­iedade de for­matos de imagem vec­to­r­i­al (PDF, AI, EPS, SVG). Os mais comuns são PDF para impressão ou SVG para web. Escol­he­mos o for­ma­to SVG.

Se não tiv­er feito nen­hu­ma edição pesa­da na secção pre­defini­da, a sua imagem vec­tor­iza­da terá o mes­mo aspec­to que a imagem ras­ter­i­za­da. Ape­nas quan­do fiz­er zoom na imagem e ver­i­ficar os detal­h­es, notará que o vec­tor não irá pix­elizar por mais vezes que aumente a imagem, enquan­to que a imagem raster perderá qual­i­dade de res­olução quan­do ampliada.

Screenshot showing difference between raster and vector image
Imagem mostran­do a difer­ença entre imagem raster e imagem vectorial

Ago­ra já apren­deu a vec­tor­izar uma imagem. Pode não o con­seguir faz­er per­feita­mente na primeira vez, mas não desanime. Após alguns “ensaios e erros” ficará sat­is­feito com o resul­ta­do final.

Deixe um comentário