Quase todo código em slide é uma captura de tela. Fica bonito e não se mexe: você mostra a versão pronta, ou enfileira três imagens e torce para a plateia perceber sozinha a diferença.
O Keynote faz melhor do que isso. O Movimento Mágico interpola entre dois slides e, se o código for texto de verdade em vez de imagem, ele anima cada palavra: uma linha que desce para abrir espaço, um valor que muda, um bloco inteiro que aparece enquanto tudo em volta se acomoda.
São dois slides e uma transição. Sem After Effects, sem faixa de vídeo.
Por que uma captura não dá conta
O Movimento Mágico funciona associando os objetos de dois slides seguidos e animando a passagem de uns para os outros. Uma imagem é um objeto só. O Keynote consegue movê-la, redimensioná-la, dissolvê-la — mas não consegue entrar nela e animar a quarta linha, porque, para ele, quarta linha nenhuma existe.
Texto é outra coisa. Uma caixa de texto guarda palavras, e o Movimento Mágico sabe associá-las uma a uma.
Ou seja: a técnica inteira depende de levar código colorido como texto para dentro do Keynote. Digitar e colorir na mão é um suplício. Colar do editor perde o realce, porque editores colocam texto simples na área de transferência.
Tirar o código colorido como texto
O Codeshot exporta duas coisas. O PNG é a imagem já composta: fundo, moldura de janela, sombra. O RTF é só o código, como texto colorido.
Coloque Formato em RTF e aperte Copiar RTF. Não há fundo nenhum no RTF, e isso é de propósito: o fundo quem dá é o slide, e um segundo por trás só atrapalharia.
Vale conhecer um detalhe, porque é justamente ele que costuma estragar código colado: o RTF identifica as fontes pelo nome, e a monoespaçada do sistema tem um nome privado que os outros apps não conseguem resolver. Quando não resolvem, substituem por algo proporcional, e o alinhamento em colunas — o que faz o código ser lido como código — desmorona. O Codeshot troca por Menlo na saída para que isso não aconteça. Se você mesmo escolheu uma fonte, o nome dela já é público e passa intacto.
Montar os dois slides
Cole em um slide. Comando-V. As cores vêm junto. Redimensione a caixa de texto, mas não redigite nada: o Movimento Mágico se apoia nas próprias palavras.
Duplique o slide. Selecione-o no navegador e aperte Comando-D. Agora você tem dois slides idênticos.
Edite um deles. Ou acrescente ao segundo as linhas que ainda faltavam, ou — quase sempre mais fácil — cole o trecho pronto e apague linhas do primeiro até ele mostrar o estado anterior. Tudo o que você deixar em paz é o que o Movimento Mágico vai animar; tudo o que acrescentar ou remover é o que ele vai dissolver na entrada ou na saída.
Trabalhar de trás para frente é o caminho preferível. O Movimento Mágico se apoia nas próprias palavras, então as linhas que devem ficar paradas precisam estar idênticas nos dois slides. Apagar a partir de uma cópia garante isso; redigitar uma linha na mão é como se acaba com uma palavra que silenciosamente deixa de casar e salta em vez de deslizar.
A ordem importa: a transição pertence ao slide de onde você sai, então construa primeiro o estado antes.
O único ajuste que faz a coisa funcionar
Selecione o primeiro slide, abra a barra lateral Animar e adicione o Movimento Mágico.
Depois mude Corresponder do padrão para Por Palavra.
É deste ajuste que o efeito inteiro depende. Se você não mexer nele, o Movimento Mágico trata a caixa de texto como um objeto só e faz um crossfade: o que se vê é um borrão entre dois estados, não código que se move. Por Palavra manda associar as palavras de cada slide e animá-las individualmente, e é isso que faz as linhas deslizarem e os valores mudarem no lugar.
Uma duração de 1,5 a 2 segundos lê bem com código. Mais rápido do que isso e ninguém acompanha qual linha se moveu — que é exatamente o motivo de fazer tudo isso.
Dissolver Objetos Diferentes deve continuar ligado. É o que faz as linhas novas aparecerem e as removidas sumirem, em vez de estourarem na tela.
Montar uma sequência
Três slides, dois movimentos mágicos, e você conduz a plateia por uma refatoração um passo de cada vez: a versão ingênua, a função extraída, a forma final. Cada transição leva junto as linhas que não mudaram, de modo que o olho continue ancorado no que de fato mudou.
Mantenha cada passo pequeno. Duas ou três linhas de diferença por transição já bastam — um slide que troca metade do conteúdo se anima até virar ruído.
Quando é melhor usar uma imagem
Nem todo slide de código quer isso.
Se o código nunca muda, um PNG é mais simples, mais nítido, e traz a moldura de janela e o fundo que lhe dão cara de coisa desenhada. Exporte em 2× e pronto. O fluxo completo cobre esse caminho.
Use RTF e Movimento Mágico quando a mudança for o assunto: quando você mostra um diff, constrói algo aos poucos ou explica por que uma versão virou outra.
Além do Keynote
O mesmo RTF entra no Pages, no Word e em qualquer coisa que aceite texto formatado. É texto colorido, selecionável e pesquisável em vez de imagem — o que também quer dizer que continua legível para um leitor de tela, e que alguém pode copiar uma linha do seu documento e rodar.