{"id":4872,"date":"2026-02-20T09:40:00","date_gmt":"2026-02-20T12:40:00","guid":{"rendered":"https:\/\/siminova.com.br\/blog\/?p=4872"},"modified":"2026-03-06T12:18:47","modified_gmt":"2026-03-06T15:18:47","slug":"aprender-e-sensacional-ganha-clipe-animado-com-inteligencia-artificial","status":"publish","type":"post","link":"https:\/\/siminova.com.br\/blog\/2026\/02\/aprender-e-sensacional-ganha-clipe-animado-com-inteligencia-artificial\/","title":{"rendered":"&#8220;Aprender \u00e9 Sensacional&#8221; ganha clipe animado com intelig\u00eancia artificial"},"content":{"rendered":"\n<p>A m\u00fasica-tema do programa SIMROB\u00d3TICA\u00ae, <em>&#8220;<a href=\"https:\/\/siminova.com.br\/blog\/amigos\/aprender-e-sensacional\/\" target=\"_blank\" rel=\"noreferrer noopener\">Aprender \u00e9 Sensacional&#8221;<\/a><\/em>, continua ganhando novos formatos para engajar estudantes e educadores. Ap\u00f3s o lan\u00e7amento da can\u00e7\u00e3o, do lyric video e da coreografia oficial, agora \u00e9 a vez do clipe animado, produzido com o aux\u00edlio de intelig\u00eancia artificial generativa. A produ\u00e7\u00e3o traz os personagens Orion e Estelar, os Amigos da Tecnologia Educacional, em uma jornada visual que vai da sala de aula ao espa\u00e7o sideral.<\/p>\n\n\n\n<p>O clipe acompanha Orion e Estelar conduzindo os espectadores por cen\u00e1rios que representam <a href=\"https:\/\/siminova.com.br\/blog\/2025\/01\/conheca-as-tres-fases-de-uma-aula-de-robotica-educacional\/\" target=\"_blank\" rel=\"noreferrer noopener\">as experi\u00eancias do programa<\/a>: descobrir, criar e multiplicar conhecimento. As cenas incluem momentos de constru\u00e7\u00e3o colaborativa com kits tecnol\u00f3gicos, visualiza\u00e7\u00f5es de l\u00f3gica e programa\u00e7\u00e3o, e celebra\u00e7\u00f5es que refor\u00e7am a mensagem de que aprender com tecnologia \u00e9 divertido e transformador.<\/p>\n\n\n\n<p>A escolha pela <a href=\"https:\/\/siminova.com.br\/blog\/2026\/01\/sim-inova-valida-uso-de-inteligencia-artificial-na-robotica-educacional\/\" target=\"_blank\" rel=\"noreferrer noopener\">intelig\u00eancia artificial<\/a> na produ\u00e7\u00e3o do clipe refor\u00e7a que \u00e9 poss\u00edvel utilizar tecnologias emergentes como ferramenta pedag\u00f3gica, mas sem abrir m\u00e3o da criatividade humana. As imagens foram criadas a partir de um roteiro detalhado de cada cena e, posteriormente, animadas por intelig\u00eancia artificial. Em seguida, foram para edi\u00e7\u00e3o e montagem para a constru\u00e7\u00e3o e finaliza\u00e7\u00e3o do clipe. O mesmo processo foi feito para o v\u00eddeo &#8220;<a href=\"https:\/\/siminova.com.br\/blog\/2026\/01\/orion-e-estelar-ensinam-como-cuidar-do-kit-lego-education\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cuide Bem<\/a>&#8220;, demonstrando na pr\u00e1tica como a IA pode ser aliada da criatividade. O resultado \u00e9 uma anima\u00e7\u00e3o colorida e envolvente, com identidade visual alinhada ao universo dos Amigos da Tecnologia Educacional.<\/p>\n\n\n\n<p>Os personagens Orion e Estelar j\u00e1 s\u00e3o conhecidos pelos estudantes do programa. Vestidos com uniformes de exploradores, eles representam a curiosidade e o esp\u00edrito de equipe que as aulas de rob\u00f3tica buscam desenvolver. No clipe, os dois guiam experi\u00eancias que v\u00e3o desde a acolhida da professora e abertura de um kit de rob\u00f3tica at\u00e9 a contempla\u00e7\u00e3o de uma gal\u00e1xia. Afinal, dizer SIM ao aprendizado abre portas para a imagina\u00e7\u00e3o.<\/p>\n\n\n\n<p><strong>Como utilizar o clipe nas escolas<\/strong><\/p>\n\n\n\n<p>Assim como a <a href=\"https:\/\/siminova.com.br\/blog\/2025\/02\/musica-aprender-e-sensacional-ganha-coreografia-para-movimentar-escolas\/\" target=\"_blank\" rel=\"noreferrer noopener\">coreografia<\/a>, o clipe pode ser incorporado \u00e0s atividades pedag\u00f3gicas das escolas que participam do <a href=\"https:\/\/siminova.com.br\/simrobotica\/\" target=\"_blank\" rel=\"noreferrer noopener\">programa SIMROB\u00d3TICA\u00ae<\/a>. Professores podem utiliz\u00e1-lo para iniciar aulas de rob\u00f3tica, promover discuss\u00f5es sobre tecnologia e inova\u00e7\u00e3o, ou como recurso em eventos escolares e apresenta\u00e7\u00f5es. O material tamb\u00e9m \u00e9 indicado para momentos de integra\u00e7\u00e3o e acolhimento dos estudantes.<\/p>\n\n\n\n<p>O clipe <em>&#8220;Aprender \u00e9 Sensacional&#8221;<\/em> est\u00e1 dispon\u00edvel no canal da SIM Inova\u00ae no YouTube e na p\u00e1gina <a href=\"https:\/\/siminova.com.br\/blog\/tv-sim\/\" target=\"_blank\" rel=\"noreferrer noopener\">TV SIM<\/a>. Compartilhe com sua comunidade escolar e inspire mais estudantes a descobrirem que aprender \u00e9, de fato, sensacional!<\/p>\n\n\n\n<p>Assista ao clipe:<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Video Popup<\/title>\n<style>\n  :root {\n    --verde:  #00a651;\n    --azul:   #0072bc;\n    --grad:   linear-gradient(135deg, #00a651 0%, #0072bc 100%);\n    --sombra: 0 20px 60px rgba(0,114,188,0.30);\n    --radius: 16px;\n    --dur:    0.35s;\n  }\n\n  .sim-vp *, .sim-vp *::before, .sim-vp *::after,\n  .sim-modal *, .sim-modal *::before, .sim-modal *::after {\n    box-sizing: border-box;\n    margin: 0; padding: 0;\n  }\n\n  \/* \u2500\u2500 Thumbnail \u2500\u2500 *\/\n  .sim-vp {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    width: 100%;\n    max-width: 640px;\n    font-family: 'Segoe UI', sans-serif;\n  }\n\n  .sim-vp__thumb {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    border-radius: var(--radius);\n    overflow: hidden;\n    cursor: pointer;\n    box-shadow: var(--sombra);\n    transition: transform var(--dur) ease, box-shadow var(--dur) ease;\n  }\n\n  .sim-vp__thumb:hover {\n    transform: translateY(-4px) scale(1.01);\n    box-shadow: 0 28px 70px rgba(0,114,188,0.40);\n  }\n\n  .sim-vp__thumb img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: filter var(--dur) ease;\n  }\n\n  .sim-vp__thumb:hover img { filter: brightness(0.75); }\n\n  .sim-vp__overlay {\n    position: absolute; inset: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, transparent 55%);\n    pointer-events: none;\n  }\n\n  .sim-vp__play {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 72px; height: 72px;\n    background: var(--grad);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    box-shadow: 0 8px 30px rgba(0,166,81,0.50);\n    transition: transform var(--dur) ease, box-shadow var(--dur) ease;\n    pointer-events: none;\n  }\n\n  .sim-vp__thumb:hover .sim-vp__play {\n    transform: translate(-50%, -50%) scale(1.12);\n    box-shadow: 0 12px 40px rgba(0,114,188,0.60);\n  }\n\n  .sim-vp__play svg { width: 28px; height: 28px; fill: #fff; margin-left: 4px; }\n\n  .sim-vp__caption {\n    position: absolute;\n    bottom: 14px; left: 18px; right: 18px;\n    color: #fff; font-size: 15px; font-weight: 600;\n    letter-spacing: 0.01em;\n    text-shadow: 0 2px 8px rgba(0,0,0,0.6);\n    pointer-events: none; line-height: 1.3;\n  }\n\n  .sim-vp__badge {\n    position: absolute; top: 14px; left: 14px;\n    background: var(--grad);\n    color: #fff; font-size: 11px; font-weight: 700;\n    letter-spacing: 0.08em; text-transform: uppercase;\n    padding: 4px 10px; border-radius: 20px;\n    pointer-events: none;\n  }\n\n  \/* \u2550\u2550 MODAL \u2550\u2550 *\/\n  .sim-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 2147483647;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px 20px; \/* padding-top maior para o bot\u00e3o fechar n\u00e3o ser cortado *\/\n    font-family: 'Segoe UI', sans-serif;\n  }\n\n  .sim-modal.is-open { display: flex; }\n\n  .sim-modal__backdrop {\n    position: absolute; inset: 0;\n    background: rgba(0,0,0,0.85);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    animation: sim-fadeIn var(--dur) ease forwards;\n  }\n\n  \/* Wrapper \u2014 overflow: visible para o bot\u00e3o fechar aparecer fora *\/\n  .sim-modal__box {\n    position: relative;\n    width: 100%;\n    max-width: 900px;\n    z-index: 1;\n    overflow: visible;\n    animation: sim-slideUp var(--dur) cubic-bezier(.22,.68,0,1.2) forwards;\n  }\n\n  \/* Barra com t\u00edtulo *\/\n  .sim-modal__bar {\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    background: var(--grad);\n    border-radius: var(--radius) var(--radius) 0 0;\n    min-height: 44px;\n  }\n\n  .sim-modal__title {\n    color: #fff;\n    font-size: 13px; font-weight: 700;\n    letter-spacing: 0.04em; text-transform: uppercase;\n    opacity: 0.95;\n    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n    flex: 1;\n  }\n\n  \/* V\u00eddeo *\/\n  .sim-modal__video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    background: #000;\n    border-radius: 0 0 var(--radius) var(--radius);\n    overflow: hidden;\n    box-shadow: 0 40px 100px rgba(0,0,0,0.70);\n  }\n\n  .sim-modal__video iframe {\n    position: absolute; inset: 0;\n    width: 100%; height: 100%;\n    border: none;\n  }\n\n  \/* \u2500\u2500 Bot\u00e3o fechar \u2014 flutua fora da caixa, canto sup. direito \u2500\u2500 *\/\n  .sim-modal__close {\n    position: absolute;\n    top: -22px;\n    right: -22px;\n    z-index: 10;\n    width: 44px; height: 44px;\n    background: #fff;\n    border: 3px solid #ddd;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex; align-items: center; justify-content: center;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.35);\n    transition: background var(--dur), transform var(--dur), border-color var(--dur);\n    flex-shrink: 0;\n  }\n\n  .sim-modal__close:hover {\n    background: #e53935;\n    border-color: #e53935;\n    transform: scale(1.12) rotate(90deg);\n  }\n\n  .sim-modal__close:hover svg { stroke: #fff; }\n\n  .sim-modal__close svg {\n    width: 18px; height: 18px;\n    fill: none;\n    stroke: #333;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    transition: stroke var(--dur);\n  }\n\n  \/* Anima\u00e7\u00f5es *\/\n  @keyframes sim-fadeIn {\n    from { opacity: 0; } to { opacity: 1; }\n  }\n\n  @keyframes sim-slideUp {\n    from { opacity: 0; transform: translateY(32px) scale(0.97); }\n    to   { opacity: 1; transform: translateY(0) scale(1); }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!--\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  CONFIGURA\u00c7\u00c3O \u2014 edite apenas as vari\u00e1veis abaixo:\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  VIDEO_ID \u2192 ID do YouTube (parte depois de ?v= ou youtu.be\/)\n  CAPTION  \u2192 Legenda sobre o thumbnail (\"\" para ocultar)\n  BADGE    \u2192 Etiqueta no canto (\"\" para ocultar)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n\n<div class=\"sim-vp\">\n  <div class=\"sim-vp__thumb\" id=\"simThumb\" role=\"button\" aria-label=\"Assistir v\u00eddeo\" tabindex=\"0\">\n    <img decoding=\"async\" id=\"simThumbImg\" src=\"\" alt=\"Thumbnail do v\u00eddeo\">\n    <div class=\"sim-vp__overlay\"><\/div>\n    <div class=\"sim-vp__badge\" id=\"simBadge\"><\/div>\n    <div class=\"sim-vp__play\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n    <\/div>\n    <div class=\"sim-vp__caption\" id=\"simCaption\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- Modal \u2014 ser\u00e1 movido para <body> pelo JS -->\n<div class=\"sim-modal\" id=\"simModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Player de v\u00eddeo\">\n  <div class=\"sim-modal__backdrop\" id=\"simBackdrop\"><\/div>\n  <div class=\"sim-modal__box\">\n    <!-- Bot\u00e3o fechar posicionado FORA do clip, acima do canto direito -->\n    <button class=\"sim-modal__close\" id=\"simClose\" aria-label=\"Fechar v\u00eddeo\">\n      <svg viewBox=\"0 0 24 24\">\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sim-modal__bar\">\n      <span class=\"sim-modal__title\" id=\"simModalTitle\"><\/span>\n    <\/div>\n    <div class=\"sim-modal__video\">\n      <iframe id=\"simIframe\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/* \u2550\u2550 CONFIGURA\u00c7\u00d5ES \u2550\u2550 *\/\n  const VIDEO_ID = \"VjtchkIBgV0\";            \/\/ \u2190 ID do YouTube\n  const CAPTION  = \"Aprender \u00e9 Sensacional (Clipe Oficial)\"; \/\/ \u2190 legenda (ou \"\" para ocultar)\n  const BADGE    = \"\u25b6 Assista\";              \/\/ \u2190 etiqueta (ou \"\" para ocultar)\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n  const thumb      = document.getElementById(\"simThumb\");\n  const img        = document.getElementById(\"simThumbImg\");\n  const caption    = document.getElementById(\"simCaption\");\n  const badge      = document.getElementById(\"simBadge\");\n  const modal      = document.getElementById(\"simModal\");\n  const backdrop   = document.getElementById(\"simBackdrop\");\n  const iframe     = document.getElementById(\"simIframe\");\n  const closeBtn   = document.getElementById(\"simClose\");\n  const modalTitle = document.getElementById(\"simModalTitle\");\n\n  \/\/ Move o modal direto para o <body> \u2014 foge de qualquer stacking context do tema\n  document.body.appendChild(modal);\n\n  \/\/ Thumbnail (tenta m\u00e1xima resolu\u00e7\u00e3o, fallback para hq)\n  img.src = `https:\/\/img.youtube.com\/vi\/${VIDEO_ID}\/maxresdefault.jpg`;\n  img.onerror = () => { img.src = `https:\/\/img.youtube.com\/vi\/${VIDEO_ID}\/hqdefault.jpg`; };\n\n  caption.textContent    = CAPTION;\n  badge.textContent      = BADGE;\n  modalTitle.textContent = CAPTION;\n  if (!BADGE) badge.style.display = \"none\";\n\n  function openModal() {\n    iframe.src = `https:\/\/www.youtube.com\/embed\/${VIDEO_ID}?autoplay=1&mute=0&rel=0`;\n    modal.classList.add(\"is-open\");\n    document.body.style.overflow = \"hidden\";\n    closeBtn.focus();\n  }\n\n  function closeModal() {\n    iframe.src = \"\";\n    modal.classList.remove(\"is-open\");\n    document.body.style.overflow = \"\";\n    thumb.focus();\n  }\n\n  thumb.addEventListener(\"click\", openModal);\n  thumb.addEventListener(\"keydown\", e => { if (e.key === \"Enter\" || e.key === \" \") openModal(); });\n  closeBtn.addEventListener(\"click\", closeModal);\n  backdrop.addEventListener(\"click\", closeModal);\n  document.addEventListener(\"keydown\", e => { if (e.key === \"Escape\") closeModal(); });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Orion e Estelar guiam estudantes em clipe que celebra a educa\u00e7\u00e3o tecnol\u00f3gica nas escolas brasileiras<\/p>\n","protected":false},"author":8,"featured_media":4946,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[76],"tags":[],"class_list":["post-4872","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias-amigos"],"_links":{"self":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4872"}],"version-history":[{"count":12,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4872\/revisions"}],"predecessor-version":[{"id":5154,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4872\/revisions\/5154"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media\/4946"}],"wp:attachment":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}