![\"\"](\"http:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/22-1024x576.png\")
<\/p>\n<\/p>\n
Hoje, vamos conhecer um pouco do processo de redesenho e cria\u00e7\u00e3o de imagens para os materiais que a VG Educacional produz. Para explicar melhor, falamos com a Jacqueline Amadio de Abreu, Auxiliar de Ilustra\u00e7\u00e3o.<\/p>\n
Confira:<\/p>\n
No nosso setor, n\u00f3s fazemos uma classifica\u00e7\u00e3o dos tipos de imagem em n\u00edvel 1, 2 e 3, referentes ao tempo dedicado a cada imagem. As imagens de banco, prints<\/em> e vetores s\u00e3o consideradas imagens de n\u00edvel 1, pois s\u00e3o mais f\u00e1ceis e r\u00e1pidas de se trabalhar. No processo dessas figuras, devemos apenas colocar as imagens nas dimens\u00f5es do template<\/em> da institui\u00e7\u00e3o, dando um tratamento na imagem e padronizando o tamanho da figura. H\u00e1 tamb\u00e9m figuras desse tipo que passam por alguma edi\u00e7\u00e3o, como tradu\u00e7\u00e3o de palavras, corte de figuras e jun\u00e7\u00e3o de imagens; esse tipo de edi\u00e7\u00e3o \u00e9 considerado de n\u00edvel 2, pois \u00e9 um processo mais elaborado que apenas o tratamento.<\/p>\n Na imagem abaixo (Figura 1), h\u00e1 um exemplo de imagem simples de n\u00edvel 1. A fotografia \u00e9 de banco de imagem e passou apenas por um ajuste de tamanho, seguindo, tamb\u00e9m, o padr\u00e3o de desfoque ao fundo. Na esquerda, temos a imagem original e, na direita, a imagem tratada e no tamanho padr\u00e3o para webflow<\/em>.<\/p>\n \r\n\t\t Figura 1 – Imagem de n\u00edvel 1, antes e depois.<\/strong><\/p>\n J\u00e1 as duas figuras abaixo s\u00e3o exemplos de imagens que passaram por edi\u00e7\u00e3o.<\/p>\n Na Figura 2, \u00e0 esquerda, temos a imagem original retirada do banco de imagens; j\u00e1, na direita, temos a imagem finalizada, redimensionada no padr\u00e3o webflow<\/em> e com as palavras trocadas, indicadas pelas DEs.<\/p>\n \r\n\t\t Figura 2 – Imagem com edi\u00e7\u00e3o, antes e depois.<\/strong><\/p>\n Na Figura 3, h\u00e1 um exemplo de edi\u00e7\u00e3o de imagem para unir mais figuras em uma imagem s\u00f3. \u00c0 esquerda, h\u00e1 as imagens em baixa qualidade e, \u00e0 direita, h\u00e1 a imagem finalizada, tratada e redimensionada, al\u00e9m de possuir uma melhor organiza\u00e7\u00e3o visual.<\/p>\n \r\n\t\t Figura 3 – Imagem com edi\u00e7\u00e3o, antes e depois.<\/strong><\/p>\n As imagens que precisam de redesenho s\u00e3o consideradas de n\u00edvel 2 tamb\u00e9m, mas s\u00e3o figuras mais elaboradas e levam mais tempo de trabalho. Essas imagens s\u00e3o tabelas, quadros, fluxogramas, gr\u00e1ficos e figuras simples. O processo desses redesenhos leva em considera\u00e7\u00e3o n\u00e3o s\u00f3 melhorar a imagem, mas melhorar a organiza\u00e7\u00e3o e a disposi\u00e7\u00e3o dos elementos, para contribuir com o entendimento do aluno diante da imagem no material.<\/p>\n Muitas figuras chegam desorganizadas e em baixa qualidade; o papel da ilustra\u00e7\u00e3o \u00e9 melhorar o entendimento da figura, sua qualidade e padroniza\u00e7\u00e3o, seguindo a identidade visual da institui\u00e7\u00e3o. O resultado \u00e9 uma imagem n\u00edtida, nas cores e fontes da IES, no tamanho ideal e com uma organiza\u00e7\u00e3o clara para o aluno.<\/p>\n Nas duas figuras abaixo, podemos ver exemplos de figuras redesenhadas, no caso, uma tabela (Figura 4) e um fluxograma (Figura 5). Nesses dois casos, recebemos uma imagem de base (figuras \u00e0 esquerda); a partir dela, fazemos o redesenho (figura finalizada \u00e0 direita), levando em considera\u00e7\u00e3o os fatores j\u00e1 citados.<\/p>\n \r\n\t\t Figura 4 – Tabela redesenhada, antes e depois.<\/strong><\/p>\n \r\n\t\t Figura 5 – Fluxograma redesenhado, antes e depois.<\/strong><\/p>\n Temos, ainda, as imagens de n\u00edvel 3, que s\u00e3o imagens mais complexas e que exigem mais tempo. Essas imagens s\u00e3o figuras complexas, ilustra\u00e7\u00f5es com direitos autorais, mapas, mapas conceituais, planta baixa, projetos, tirinhas, quadrinhos e infogr\u00e1ficos. Al\u00e9m dessas, tamb\u00e9m trabalhamos com imagens em movimento, como o gif<\/em>, e imagens interativas, como os infogr\u00e1ficos interativos. Nesses tipos de imagens, tamb\u00e9m \u00e9 feito o mesmo processo: redesenhamos a partir de uma imagem base indicada pelos professores e DEs; se for o caso, criamos a partir de uma descri\u00e7\u00e3o.<\/p>\n \r\n\t\t Figura 6 – Imagem de n\u00edvel 3, redesenho de figura complexa. Antes e depois.<\/strong><\/p>\n <\/p>\n \r\n\t\t Figura 7 – Imagem de n\u00edvel 3, redesenho de ilustra\u00e7\u00e3o com direitos autorais. Antes e depois.<\/strong><\/p>\n <\/p>\n \r\n\t\t Figura 8 – Imagem de n\u00edvel 3, redesenho de planta baixa. Antes e depois.<\/strong><\/p>\n <\/p>\n \r\n\t\t Figura 9 – Imagem de n\u00edvel 3, redesenho de mapa. Antes e depois.<\/strong><\/p>\n Para levar em considera\u00e7\u00e3o regras e padr\u00f5es das IES na cria\u00e7\u00e3o, redesenho e tratamento das imagens, n\u00f3s criamos templates<\/em> para cada institui\u00e7\u00e3o. O primeiro ponto a se considerar ao criar um template<\/em> \u00e9 se o material ser\u00e1 impresso ou digital. A maior parte dos materiais que a VG Educacional produz s\u00e3o digitais pelo webflow<\/em>; portanto, a maioria dos templates seguem as dimens\u00f5es 1920×1080. Quando n\u00e3o \u00e9 o caso, as medidas s\u00e3o definidas com o setor da diagrama\u00e7\u00e3o. Em casos de PDF, o mesmo processo se aplica, \u00e9 levado em considera\u00e7\u00e3o as margens que o projeto prev\u00ea. Tendo definido as dimens\u00f5es do template<\/em>, o pr\u00f3ximo passo \u00e9 consultar o manual da marca, com a finalidade de levar em considera\u00e7\u00e3o as cores da institui\u00e7\u00e3o, as fontes, formas e elementos que ela j\u00e1 possui e acrescentar esses itens na elabora\u00e7\u00e3o do projeto. Dependendo da abertura do cliente, \u00e9 poss\u00edvel acrescentar detalhes ao fundo. No template<\/em>, o ideal \u00e9 prever o m\u00e1ximo de situa\u00e7\u00f5es poss\u00edveis que estejam dentro do conceito da institui\u00e7\u00e3o, usando-as durante a cria\u00e7\u00e3o das imagens.<\/p>\n Mesmo com o template<\/em> norteando o processo de cria\u00e7\u00e3o e redesenho das figuras, \u00e9 poss\u00edvel elaborar imagens criativas sem desrespeitar as regras estabelecidas no padr\u00e3o. Em todas as imagens, temos a liberdade de escolher e combinar cores dentre a paleta estabelecida e de escolher a fam\u00edlia da fonte definida, tamb\u00e9m h\u00e1 s\u00edmbolos predefinidos que podemos escolher de acordo com a inten\u00e7\u00e3o da imagem; n\u00f3s julgamos qual fica melhor. Al\u00e9m disso, n\u00f3s definimos a organiza\u00e7\u00e3o da imagem: como faremos a disposi\u00e7\u00e3o dos elementos, o que daremos destaque, quais formas usaremos, como fica o equil\u00edbrio da imagem, ou seja, cada ilustrador leva em considera\u00e7\u00e3o todos esses fatores. Nas imagens que s\u00e3o apenas descri\u00e7\u00f5es, temos mais liberdade, pois podemos imaginar e criar a imagem a partir do texto de descri\u00e7\u00e3o.<\/p>\n \r\n\t\t Figura 10 – Exemplo de escolhas ao redesenhar a imagem. Antes e depois.<\/strong><\/p>\n <\/p>\n \r\n\t\t Figura 11 – Exemplo de escolhas ao redesenhar, partindo de uma foto. Antes e depois.<\/strong><\/p>\n <\/p>\n \r\n\t\t Figura 12 – Exemplo de imagem feita a partir de uma descri\u00e7\u00e3o.<\/strong><\/p>\n <\/p>\n \r\n\t\t
\nO setor de Ilustra\u00e7\u00e3o \u00e9 respons\u00e1vel pelo tratamento, redesenho e cria\u00e7\u00e3o de imagens dos materiais que a VG Educacional produz. H\u00e1 v\u00e1rios fatores que s\u00e3o levados em considera\u00e7\u00e3o no processo de cria\u00e7\u00e3o de novos desenhos e redesenhos feitos pelo nosso setor. Primeiramente, o processo varia, dependendo do tipo de imagem: os conte\u00fados chegam para o nosso setor com indica\u00e7\u00f5es de imagens dos professores e das designers<\/em> educacionais. Essas figuras podem ser imagens de banco de imagem (portanto, requerem somente um tratamento), imagens retiradas de outros materiais ou criadas pelo autor (que necessitam redesenho) e podem vir apenas como uma descri\u00e7\u00e3o (o que envolve cria\u00e7\u00e3o).<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/1-2.jpg\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/2.jpg\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/3.jpg\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/4.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/5.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/6.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/7.jpg\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/8.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/9.jpg\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/10-1.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/11.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/12.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/13.jpg\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/14.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/15.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/16.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/17.jpg\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/18.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/19.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/20.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/21.jpg\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/22.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/23.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n\r\n\r\n\t\t\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/24.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n
![\"\"](\"https:\/\/vgeducacional.com\/blog\/wp-content\/uploads\/2020\/11\/25.png\")
\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/p>\n