[00:00] Agora que entendemos o que é um e-book e esses dois formatos que nós vamos trabalhar, nós temos que entender um pouco melhor sobre o funcionamento do e-book para dar início a nossa criação.
[00:09] Então, como é que seria o funcionamento de um e-book? Nós temos aqui a imagem de um Kindle e a imagem de um computador. Por que eu coloco que os dois são semelhantes? Um Kindle ou um smartphone, ele nada mais é do que um sistema operacional que está funcionando ali dentro e faz com que você consiga ler ambientes ou formatos digitais.
[00:25] Quando você vai trabalhar com e-book, o que ele faz dentro desse Kindle e dentro de um smartphone, é a mesma coisa que ele faz quando ele converte um site para você.
[00:33] Se você der uma olhada, existem essas configurações dentro de um website. Quais são elas? São as linguagens de HTML, CSS, animações, links, todas essas partes interativas, elas funcionam dentro de um e-book, elas funcionando dentro de um pdf interativo, assim como o ePUB, que é o que nós vamos criar.
[00:50] Só que, por que eu estou explicando isso? Eu estou explicando isso porque no momento em que formos criar esse layout, eu vou trabalhar com o InDesign, eu vou diagramar esse meu arquivo de maneira visual, ou seja, como se fosse o livro para ser impresso.
[01:03] Este livro, no momento em que ele for exportado, ou seja, que ele for convertido para o formato digital, ele vai simplesmente ser um HTML e um CSS. Então eu vou pegar toda aquela parte visual, vou converter tudo aquilo pra código e aquele meu aparelho, o Kindle ou o smartphone, vai identificar todo aquele código pra imprimir aquilo dali de maneira visual pra mim.
[01:24] “Professor, mas isso é tão complicado?” Mas é exatamente isso que acontece diariamente quando você mexe em um site. Se voltarmos naquele blog que tínhamos visto, onde eu peguei o livro, lembra dele?
[01:34] Então se eu aperto aqui “CTRL + U” no teclado, eu consigo ver o que que existe por trás desse blog, o que que existe por trás desse texto, por trás dessas imagens, desse vídeo é exatamente isso daqui.
[01:44] Quando você converte o seu livro, aquela parte visual que nós vamos diagramar no InDesign, para um ePUB, é exatamente isso daqui que vai acontecer por trás do Kindle e por trás do smartphone para que o seu livro fique visualmente correto dentro do seu layout, dentro daquele aparelho.
[02:02] Então é importante entendermos este funcionamento e entender que é essa estrutura que vai estar lá por trás. Porque, a partir do momento que eu sei disso, agora quando eu for criar o meu layout dentro do InDesign, eu tenho que me organizar.
[02:13] Esta imagem tem que ficar aqui por causa disso, aquela imagem pode ser maior ou menor porque eu sei que no código ela vai estruturar direito, então eu tenho que desenvolver o meu layout pensando nessa conversão para evitar que qualquer imagem quebre, qualquer texto quebre ou apareça alguma coisa errada dentro do seu layout final.
[02:31] Então já que eu sei isso, fica mais fácil, no momento em que eu for iniciar a criação do meu projeto, saber como eu devo criar e além disso, eu também tenho que compreender que existem dois tipos de funcionalidades dentro do e-book que é a ideia de responsividade.
[02:45] Eu tenho um layout que ele pode ser fixo ou um layout que pode ser fluido. Como é que funcionaria isso? Eu tenho um layout que ele nunca vai ser alterado, eu tenho a estrutura, por exemplo, de uma revista digital, a revista digital contém várias imagens, links e algumas animações na revista digital.
[03:03] Se eu pego um Kindle ou se eu pego um aparelho para ler aquilo, ou um tablet, no momento em que eu rotaciono aquele aparelho, eu não posso rotacionar o meu elemento junto, ou seja, ele vai estar reto para você, você rotaciona, o texto vai ficar na lateral, como se fosse um livro, ele tem um layout fixo.
[03:20] E existe também o layout fluido, que é caso você queira rotacionar aquele aparelho para ler melhor, esse layout ele vai se adequar ao formato horizontal ou ao formato vertical que o seu aparelho possui.
[03:30] Então eu tenho esses dois tipos de layouts que existem dentro do e-book porque os aparelhos são muito diversos, você vai ler um livro em um Apple ou você vai ler um livro em um Moto G5 e os formatos deles são diferentes, as dimensões são diferentes. Como é que esse livro se adequa a essas dimensões? Então nós também temos que nos ater a isso.
[03:48] Então nós vamos trabalhar com o layout fluido que se adequa a essas dimensões diferentes e o meu usuário consegue rotacionar aquela minha dimensão para ele poder ler da maneira que ele quiser.
[03:58] Como é que eu consigo criar isso? A partir do momento em que eu sei disso daqui, eu posso vir no InDesign e começar a criar o meu projeto. Não é tão complicado, eu só vou vir aqui em Create New e vou buscar uma configuração padrão para eu desenvolver aquele meu layout.
[04:12] O que eu tenho que perceber aqui é que meu formato é muito fluido, então eu não tenho que deixar e ficar preso às dimensões de largura e altura para mim porque a depender de onde o seu usuário vai ler aquele seu e-book, ele vai ter dimensões diferentes como nós já vimos.
[04:28] Então eu posso fazer aqui em View All Presets, eu venho em Mobile, View All Presets e vou colocar um formato padrão de Kindle para simplesmente, visualmente eu saber como é que está ficando e eu ter uma ideia de como aquilo dali vai se comportar em um Kindle padrão mas, é claro, sabendo que aquilo pode alterar porque as dimensões podem ser menores ou maiores a depender do que o meu usuário vai utilizar para ler.
[04:49] Feito isso, eu vou deixar aqui em retrato invés de paisagem, cliquei em Create e pronto, eu já tenho o meu documento. A partir daqui, eu vou começar a organizar as informações visuais daquele meu e-book pra no final conseguir exportar e levar de maneira correta pra onde eu quero, pro formato que eu quero. Então na próxima aula nós vamos começar a criar esses elementos visuais.