{"id":1471,"date":"2021-05-24T11:14:27","date_gmt":"2021-05-24T14:14:27","guid":{"rendered":"http:\/\/www.editoraopet.com.br\/blog_opet\/?p=1471"},"modified":"2021-05-28T17:26:05","modified_gmt":"2021-05-28T20:26:05","slug":"arte-no-pixel-a-criacao-grafica-nos-jogos-educacionais-digitais","status":"publish","type":"post","link":"https:\/\/editoraopet.com.br\/blog_opet\/arte-no-pixel-a-criacao-grafica-nos-jogos-educacionais-digitais\/","title":{"rendered":"Arte no pixel: a cria\u00e7\u00e3o gr\u00e1fica nos jogos educacionais digitais"},"content":{"rendered":"<p><strong>Quando pensamos em jogos digitais, pensamos em cores, sons, movimentos, ambientes, contextos e transi\u00e7\u00f5es de um cen\u00e1rio para outro. Pensamos, tamb\u00e9m, em personagens, objetos, poderes e objetivos. Tudo muito \u201cvivo\u201d&#8230; ou melhor, tudo muito ajustado ao que o jogo quer transmitir, seja ele passado em um ambiente de praia no Hava\u00ed ou em um castelo assombrado na Transilv\u00e2nia.<\/strong><\/p>\n<p>Os jogos digitais educacionais n\u00e3o fogem dessa regra de encantamento sensorial. Um fator essencial s\u00e3o seus elementos gr\u00e1ficos \u2013 layouts, desenhos, cores e tipologias. Produ\u00e7\u00f5es incr\u00edveis, que demandam talento e conhecimento dos profissionais respons\u00e1veis. Na <strong>Editora Opet<\/strong>, o trabalho de cria\u00e7\u00e3o desses elementos passa por <strong>Eliana Quaresma<\/strong>, coordenadora de editora\u00e7\u00e3o e que tamb\u00e9m atua como artista dos jogos.<\/p>\n<figure id=\"attachment_1481\" aria-describedby=\"caption-attachment-1481\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1481 size-full\" src=\"http:\/\/www.editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/eliana_selec.jpg\" alt=\"\" width=\"800\" height=\"736\" srcset=\"https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/eliana_selec.jpg 800w, https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/eliana_selec-300x276.jpg 300w, https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/eliana_selec-768x707.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-1481\" class=\"wp-caption-text\">Eliana Quaresma, artista gr\u00e1fica respons\u00e1vel pelas artes e elementos gr\u00e1ficos dos jogos da plataforma educacional Opet INspira.<\/figcaption><\/figure>\n<p>Trabalhando integrada \u00e0 equipe de <strong>Tecnologia Educacional (TE)<\/strong>, ela acompanha todo o processo, passo a passo. Mas, na hora de criar, se baseia muito, tamb\u00e9m, em suas pr\u00f3prias refer\u00eancias \u2013 nas experi\u00eancias visuais anteriores e nas emo\u00e7\u00f5es que elas despertaram.<\/p>\n<p><em>\u201cQuando vou criar uma arte ou o pr\u00f3prio layout das telas dos jogos, busco, em primeiro lugar, mem\u00f3rias gr\u00e1ficas. Identifico quais se adequam ao projeto e \u00e0 faixa et\u00e1ria e inicio um processo de pesquisa a fim de abrir o leque de inspira\u00e7\u00f5es\u201d<\/em>, explica. E quais seriam as fontes dessas mem\u00f3rias? No caso dela, capas de livros, jogos infantis, caixas de brinquedos, brinquedos e padr\u00f5es de estampa de tecidos, ente outras. <em>\u201cS\u00e3o muitas as possibilidades de inspira\u00e7\u00e3o!\u201d, <\/em>sorri<em>.<\/em><\/p>\n<p><strong>Inspira\u00e7\u00e3o em processo \u2013<\/strong> O primeiro passo para a cria\u00e7\u00e3o dos elementos gr\u00e1ficos e art\u00edsticos de um jogo educativo \u00e9 a leitura do roteiro. Da\u00ed, no caso de Eliana, existe um \u201cacionamento\u201d de mem\u00f3rias. <em>\u201cPrimeiramente, eu leio o roteiro e de forma quase intuitiva me vem a inspira\u00e7\u00e3o visual que mais se adequa a determinado game\u201d<\/em>, conta ela.<\/p>\n<figure id=\"attachment_1476\" aria-describedby=\"caption-attachment-1476\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1476 size-full\" src=\"http:\/\/www.editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/sequencia.jpg\" alt=\"\" width=\"800\" height=\"462\" srcset=\"https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/sequencia.jpg 800w, https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/sequencia-300x173.jpg 300w, https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/sequencia-768x444.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-1476\" class=\"wp-caption-text\">Exemplo do processo de constru\u00e7\u00e3o das artes de um jogo. As v\u00e1rias artes devem &#8220;conversar&#8221; entre si de forma harm\u00f4nica.<\/figcaption><\/figure>\n<p>Ent\u00e3o, ela cria uma tela em branco do <em>software<\/em> gr\u00e1fico InDesign e come\u00e7a as combinar as primeiras ideias. <em>\u201cDefino o plano de fundo de todas as telas que o jogo ter\u00e1, ou seja, a parte est\u00e1tica do game. Isso me possibilita determinar qual impress\u00e3o geral pretendo dar ao jogo: se as cores ser\u00e3o mais suaves, transmitindo mais ternura, docilidade e calma, ou mais vivas, inspirando mais alegria, agita\u00e7\u00e3o e movimento.\u201d<\/em><\/p>\n<p>Ap\u00f3s esse procedimento, ela come\u00e7a a criar tela a tela, posicionando os elementos de forma harm\u00f4nica, lembrando sempre que a crian\u00e7a precisa identificar rapidamente como executar a atividade. <em>\u201cEsse processo \u00e9 o mais demorado, pois \u00e9 necess\u00e1rio ter sempre em mente quais recursos gr\u00e1ficos \u2013 linhas, formas e personagens \u2013 est\u00e3o mais de acordo com o tema do jogo e a faixa et\u00e1ria.\u201d<\/em><\/p>\n<figure id=\"attachment_1479\" aria-describedby=\"caption-attachment-1479\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1479 size-full\" src=\"http:\/\/www.editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/texturas.jpg\" alt=\"\" width=\"800\" height=\"582\" srcset=\"https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/texturas.jpg 800w, https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/texturas-300x218.jpg 300w, https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/texturas-768x559.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-1479\" class=\"wp-caption-text\">Exemplos de telas de fundo dos jogos: trabalho abrange pesquisa e harmoniza\u00e7\u00e3o de cores e padr\u00f5es gr\u00e1ficos.<\/figcaption><\/figure>\n<p>Finalizado o <em>layout<\/em> das telas, assim com os bot\u00f5es e os elementos que o comp\u00f5em, Eliana gera um arquivo PDF dessas telas, salva todos os elementos e os encaminha para a TE, para que se inicie a programa\u00e7\u00e3o \u2013 \u201c\u00e9 quando as artes s\u00e3o integradas e come\u00e7am a se transformar em um <em>game<\/em> propriamente dito\u201d, explica.<\/p>\n<p>E o que d\u00e1 mais trabalho? Segundo Eliana, alcan\u00e7ar a harmonia dos elementos tela a tela. E isso porque, quando a arte \u00e9 transportada para o mundo dos pixels, nem sempre as coisas combinam como imaginado. Nesses casos, ela volta ao computador e trabalha at\u00e9 encontrar o \u201cponto gr\u00e1fico\u201d correto.<\/p>\n<figure id=\"attachment_1473\" aria-describedby=\"caption-attachment-1473\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1473 size-full\" src=\"http:\/\/www.editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/jogos_selec_02.jpg\" alt=\"\" width=\"600\" height=\"333\" srcset=\"https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/jogos_selec_02.jpg 600w, https:\/\/editoraopet.com.br\/blog_opet\/wp-content\/uploads\/2021\/05\/jogos_selec_02-300x167.jpg 300w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-1473\" class=\"wp-caption-text\">Encontrar a harmonia dos elementos gr\u00e1ficos \u00e9 fundamental para o sucesso do trabalho do artista gr\u00e1fico.<\/figcaption><\/figure>\n<p>E o que \u00e9 o mais prazeroso em todo esse processo? <em>\u201c\u00c9 muito gratificante ver todos esse processo imaginativo \u2018brotando\u2019 materialmente das suas m\u00e3os\u201d<\/em>, reflete. <em>\u201cAinda mais, quando se tem em mente que aquele trabalho envolveu outras pessoas nas etapas anteriores e vai envolver outras nas etapas seguintes.\u201d<\/em><\/p>\n<p><strong>Para cada idade, um jogo diferente \u2013<\/strong> O desenvolvimento cognitivo e at\u00e9 as refer\u00eancias distintas de cada faixa et\u00e1ria pedem jogos diferentes para p\u00fablicos diferentes. Essas diferen\u00e7as tamb\u00e9m demandam um olhar cuidadoso de Eliana. <em>\u201cAo desenvolver qualquer arte gr\u00e1fica para a Educa\u00e7\u00e3o Infantil e para os Anos Iniciais do Ensino Fundamental busco, por meio de cores, elementos, formas e personagens despertar a inoc\u00eancia da crian\u00e7a, sua pureza\u201d<\/em>, explica. <em>\u201cPrezo para que o layout seja, de fato, infantil. Quando se trata de personagens que ir\u00e3o compor determinada tela, por exemplo, opto por aqueles com olhar e express\u00e3o que representam ingenuidade.\u201d<\/em><\/p>\n<p>No caso de jovens e adolescentes, os elementos gr\u00e1ficos s\u00e3o mais soltos, mais descontra\u00eddos \u2013 acompanhando o pr\u00f3prio fazer art\u00edstico deste p\u00fablico. <em>\u00a0\u201cUtilizo e gosto muito de formas irregulares, linhas que representam um rabisco que o aluno fez de forma descompromissada no caderno, por exemplo. Mantenho a harmonia do layout tendo como base a ideia do movimento, em que a composi\u00e7\u00e3o n\u00e3o seja necessariamente linear e as cores sejam mais vivas, despertando, assim, o interesse desse jovem.\u201d<\/em> Entre as suas inspira\u00e7\u00f5es para o trabalho com essa faixa et\u00e1ria est\u00e3o quadrinhos, capas de livros, <em>planners<\/em> (agendas de mesa) e p\u00e1ginas voltadas para jovens e adolescentes na internet.<\/p>\n<p><strong>Se voc\u00ea ainda n\u00e3o conhece os jogos educacionais digitais da plataforma educacional Opet INspira, <a href=\"https:\/\/opetinspira.com.br\/login\">conhe\u00e7a agora<\/a>! Ou, ent\u00e3o, <a href=\"mailto: imprensaeditora@opet-sefe.com.br\">entre em contato conosco<\/a> para saber mais!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quando pensamos em jogos digitais, pensamos em cores, sons, movimentos, ambientes, contextos e transi\u00e7\u00f5es de um cen\u00e1rio para outro. Pensamos, tamb\u00e9m, em personagens, objetos, poderes e objetivos. Tudo muito \u201cvivo\u201d&#8230; ou melhor, tudo muito ajustado ao que o jogo quer transmitir, seja ele passado em um ambiente de praia no Hava\u00ed ou em um castelo [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[130,4,3,141,140],"tags":[],"_links":{"self":[{"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/posts\/1471"}],"collection":[{"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/comments?post=1471"}],"version-history":[{"count":6,"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/posts\/1471\/revisions"}],"predecessor-version":[{"id":1492,"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/posts\/1471\/revisions\/1492"}],"wp:attachment":[{"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/media?parent=1471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/categories?post=1471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/editoraopet.com.br\/blog_opet\/wp-json\/wp\/v2\/tags?post=1471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}