: Sobre 0 VideoScribe © VideoScribe & um programa para criagéo de videos com estilo Mao Desenhando e Mao escrevendo, também conhecidos como Videos no Quadro Branco. E um recurso de video bastante popular hoje em dia, no Youlube e Instagram vocé vé aos montes. Ele 4 vem com um banco de milhares de imagens prontas para usar, além de vocé poder importar qualquer outra imagem da Internet. Um detalhe bem interessante, é que 0 VideoScribe jé tem uma acellagdo e um mercado sélido, ou seja, vocé pode ganhar dinheiro produzindo videos para criadores de contetido do Youtube, Empresas, Sites, Apresentagdes e muito mais. :: Instalado ou Ondine? (© VideoScribe funciona instalado no seu computador, ou seja, vocé acessa o site, baixa ¢ instala, Porém, depois de instalado ele funciona on-line voc8 ainda tem que ter um cadastro no site (cadastro gratuito). Instalagao \Vamos logo ao que interessa, preparacao do ambiente. Acesse 0 link htips://wuw.videoscribe.co! para balxar 0 VideoScribe. Vocé tera a seguinte tela: "Vp VideoScribe ——Pikne eet Buciess Etat Make your own whiteboard video fast ibeis easy, quick and inexpensive. Yo agreat (~~ aeVamos baixar a verso Trial que voc pode usar de graga por 7 dias, depois tem ‘que comprar a licenga. Para comprar a licenga clique no outro boto, Buy Now. ‘Ao clicar para baixar a verso Trial, ele ja solicta 0 cadastro que eu comentel agora a pouco. Faga o seu cadastro, precisaremos do login e senha para acessar 0 programa depois. Obs: lembre-se de baixar a verso correta de 32 Bits ou 64 Bits. No meu caso eu baixel a de 64 Bits Feito o cadastro e o download, vamos a instalagao. Bem semelhante @ instalagéo de qualquer programa no Windows, clica duas vezes no arquivo que vocé baixou, Clica em Next e depois Install jess Welcome to the Sparkot Tester nasa Videoscribe Setup Wisard Ao final da instalago clique em Finish.Completing the Sparkol VideoSeribe Setup Wizard larch te Entre com 0 seu login e senha que criamos la no site do VideoSribe. Depois de entrar no VideoSribe, clique em Create a New Scribe. Vamos aprender tudo jé colocando a mao na massa VideoScribe ontine SctE al esta, onde a magica acontece. Vamos conhecer os elementos do nosso Quadro Branco. 1 - Volta para a primeira tela, aquela que clicamos no Create a New Sribe; 2 - Salvar. Vamos salvar os nossos projetos com a extensdo “scribe”; 3 - Famosos Recortar, Copiar e Colar; 4- Este é muito legal, vocé iré colocar miisica de fundo. © VideoScribe tem um banco de dados enormes com miisicas para utilizar nos seus videos, mas vocé também pode importar 0 seu mp3 favorito; 5 = Gravar narragao. Se vocé tiver um microfone, pode narrar, colocar voz de fundo nos seus videos. Também da a opgao de importar um mp3 qualquer. Por exemplo, vooé contratou um locutor profissional, ele enviou 0 audio dele narrando o seu video e vocé Pode importar aqui, 6 - Background, cor de fundo. Podemos alterar cores e texturas do fundo. 7 - Este também 6 muito bacana, O principal recurso do VideoScribe 6 0 efeito de mao desenhandso, biz. Aqui nés temos varios modelos de maos, caneta, lapis, pincel, etc. 8 - Play, para testar a animagao, 9 - Eo Play. Da uma prévia de como esté a animagao; 10 - Setas de movimentagao do cenario junto com os seus elementos; 11 - Zoom e centralizagao do Zoom, Feita esta breve apresentagao, vamos logo colocar a mo na massa com ‘exemplos, fica mais facil de entender. Clica no icone de adicionar imagem,Sera exibida a seguinte tela: coe) Na, Be Recommended Images My Purchased Images arrows Buildings Callout Emejis Money People People Female No lado direito so exibidas as figuras recentemente utilizadas e no lado esquerdo tem uma lista de milhares de figuras para vocé utilizar. Por exemplo, clica em “People”. Serao exibidas figuras de pessoas, onde vocé pode ir navegando clicando no intimero da pagina logo em baixo. Callout Emojis Money People People Female People Male Scenery Technology Vehicles ‘Aiphabet and Symbols (online) ‘Animals (online) Animated Alphabet (online) ne ©Para exemplificar, na pagina 7 clique na figura do super-man. J4 vamos fazer 0 efeito de mao desenhando o homem de ago. = Fit = SHAS =a OY RY mn @ (© super-man serd inserido no nosso cenario. E para voce jé se empolgar ©, vamos logo mosttar 0 efeto de méos desenhando. Basta clicar no Play | | | a animagao jé comeca automaticamente desenhando o super-man,‘Agora deixa o super-man selecionado (clica nele), vamos ver umas propriedades deste objeto, Perceba que ele aparece na linha do tempo também, clica com 0 botdo direito do mouse, Propriedades. Teremos a seguinte tela: BVamos nos concentrar na parte de baixo. 1 - A duragao da animagao da mao escrevendo. No nosso caso, a duragdo da animagao da mao escrevendo o super-man; 2 - Uma pausa antes de comogar a proxima animagao. 3 - Tempo de duragao da transigao de uma animagao para a outra. Para exemplificar, vamos colocar Animate = 3 segundos, Pause = 1 segundo & v Transition = 1 segundo, Faca essas alteragdes e clique aplicar |, Antes de clicar Play, vamos inserir outro elemento para podermos notar esses tempos de transigéo e pause. Clica novamente para inserir figuras |__, People, pagina 7 e vamos inserir 0 super-man voando agora. Ele vai ficar por cima do super-man anterior. Reposicione os dois. HK‘Agora vamos mexer nas propriedades do super-man voando. Mesma coisa, clica rele na linha de tempo clica com o botao direito, propriedades. Movetosat Deixa os mesmos valores do supe-man anterior e clica aplicar, 30s + tos + z Agora, antes de ver tudo funcionando, uma dica importante, Quando vocé clica no Play ¢ a animago termina para entrar a outra, acontece um zoom final que, no nosso caso, nao vai ser legal, Me acompanha: clica no Play ¢ desmarca a opgao conforme a figura abaixo: Pronto, agora sim. Clica no Play novamente e vocé vera a animagao do jeito que configuramos: a primeira animacéo comega, dura 3 segundos, dé uma pausa de 1 segundo, depois tem a transigao de 1 segundo para comegar a segunda animagao. Lembrando que tem 0 deslocamento do primeiro super-man para a esquerda também, para dar um efeito legalQue tal agora colecarmos um fundo? No canto superior direito, clica em © boctground Perceba que podemos usar algumas texturas e no canto inferior direito, conforme a figura abaixo, escolhemos uma cor. Eu vou selecionar a segunda textura, conforme a figura abaixo, ¢ selecionar um tom de amarelo. Depois clica aplicar. 0Vamos salvar a nossa animagdo. Clica no disquete no canto superior esquerdo (E) . teremos a seguinte tela: Serbo Name ‘nimacaot VS Folder All scrtes ’ a v Em Sribe Name, vocé coloca 0 nome do arquivo. Caso neste momento voce clique em aplicar, 0 VideoScribe iré salvar em uma pasta padrdo, beleza, Caso vocé queira salvar em alguma pasta especifica, que vocé mesmo(a) criou por exemplo, vocé clica nesta ‘op¢ao do canto inferior esquerdo. No meu caso eu criei um pasta para salvar os nossos arquivos durante o curso. Escolha onde vocé quer salvar e clica aplicar. Beleza, vamos continuar. Texto, vamos agora colocar um texto com o mesmo efelto de mao desenhando. Tt Clica no elemento texto | — . Teremos a seguinte tela: 6 1 + Aqui vocé ird alterar a fonte de texto; 2 - Negrito, itdlico...; 3 « Mais fontes de texto que vocé pode utilizar; "4- Alinnamento de texto; 5 - Cores do texto. Para 0 nosso exemplo eu vou utilizar o texto Uurso VideoScribe”. Digite, formate © seu texto e clique aplicar. E pronto, texto adicionado. Perceba que quando clicado (selecionado), 0 objeto texto assume aquele padréo bem conhecido de pontos para ‘aumentar/diminuir 0 tamanho, bem como para girar livremente o texto. Antes de testar a animacéo, vamos logo aprender outra coisa sobre a linha de tempo. Perceba a ordem que os elementos esto: super-man parado, super-man voando texto (como na figura abaixo). Se vocé executar a animagao agora, ela iré acontecer nesta ordem. Sé para treinar, vamos allerar, Vamos colocar o texto no meio, Mantém pressionado o bolo do mouse e ara para a esquerda, até ficar entre os dois super-man. E agora sim, Play. Os trés elementos serdo animados com a mao desenhando e na ordem que definimos, Detalhe: ao executar a animagdo, de um elemento para o outro 0 VideoScribe val dando uma referéncia” (como na figura abaixo) para o elemento que esta sendo animado no momento, Eu ndo quero isso, quero que a animagao obedega a ordem e tamanho que ‘eu defini no cendrio. Clica no primeiro super-man na linha de tempo, vocé perceberd no 2canto inferior direito um {cone de camera, clica neste icone e a segunda camera (da direita) sera habilitada (figura abaixo). Pronto, agora a animagao vai obedecer o tamanho e ordem ‘que vocé define. Faga a mesma coisa para 0s outros dois elementos ¢ Play para vocé ver 0 resultado. Be Be Vou mostrar para voo8 agora um recurso bem legal, vamos alterar a mao que realiza 0 desenho. Vamos alterar a mao que desenha o texto. Clica no elemento texto na linha de tempo com 0 botdo direito, propriedades Escolha a opgao Drawing Hand e vocé terd a seguinte tela: - | WIN we <—S xkie ORs = VIN Vamos escolher a mao da Hannah com caneta vermelha, para combinar com 0 texto que esta em vermelho. 2- \\\ = VPN Ao clicar na mao, 0 VideoScribe j& mostra um exemplo. Clica aplicar aplicar novamente, \> vi! Pronto, a mao da Hannah desenhando o texto com caneta vermelha, Vamos fazer agora 0 seguinte efeit 1 - Entra a animagao do super-man; 2-0 super-man “meio que sai” da tela ; 3 - Entra o texto e depois sai também da tela; 4-Mesma coisa até o outro super-man, “Na pratica fica mais facil de entender. 1 - Primeiro vamos deixar tudo alinhado ao zoom de 200%. Aumenta 0 zoom para 200% e redimensiona tudo para caber no nosso palco; 2 - Agora reposiciona o primeiro superman no meio, em cima de todo mundo mesmo e esmarcaa cbmera de posto Vv 3 - Agora, utilizando as setas direcionais Ml < Y > I vai clicando para baixo até ficar um bom espago para reposicionar o texto © o segundo super-man, Logo em seguida, reposicione o texto © o segundo super neste espaco; ¥ 4 + Delxa o texto selecionado e também desmarca a cémera de posigao 85 - Utiiza a seta para baixo para deixar o espago do segundo super agora, pode deixar ele sozinho na tela e também desmarcar a cémera. by 6 - Lombre-se de nas propriedades de cada um dos 3 elementos, alterar os tempos para Animate = 3 segundos, Pause = 0,5 segundos e Transition = 1 segundo; 1 2 3 ¢ 9 7-Play para testar e salve 0 arquivo clicando no icone de disquete. eu quero voltar a ver o primeiro elemento, 0 super em pé. Vai na linha do tempo e clique duas vezes no super-man em pé. : Importando uma imagem externa Vocé ja sabe como inserir imagens do proprio banco do VideoSeribe , beleza. Vamos agora importar na nossa animago uma figura externa: Internet, computador, etc. Vamos colocar uma imagem do calo no sapato do super-man, 0 Batman. Clica no Inserir Imagem. Ir aparecer a nossa tela, j& conhecida, com o banco de imagens do VideoScribe. Clica no icone para importar imagens. “iphabet and Symbols (online) ‘Animals online) ‘Animated: @e phabet (online) 16Escolhe a figura e clica Abrir. Biblioteca Documentos decSerbe Obs: Vocé tem a opcao de utilizar varias extensées de figuras, mas no nosso caso eu vou utilizar uma figura PNG sem fundo. Deixe as opgdes Draw e Reveal de acordo com a figura abaixo: choose draw style foryourime cha Dica: Clicando na figura, o VideoScribe j4 mostra uma prévia da animacao. Clica Aplicar e olha o que aconteceu. © VideScribe importou a figura por cima de ‘todo mundo” 7Vamos organizar esta bagunga e colocar o batman para ser exibido s6 depois do segundo super-man. Lembra como é que faz? Clica (seleciona) no batman, vai clicando na seta para baixo até deixar um espaco para o batman, redimensiona o batman até que fique com um tamanho parecido com os outros elementos. Altera as propriedades Animate = 3 segundos, Pause = 0,5 segundos e Transition = 1 segundo e deixa a camera desmarcada Lombre-se de que voce j4 pode alterar a mao que desenha o batman, se quiser, Play para testar. : Musica de fundo Vamos colocar agora uma musica de fundo na nossa animagao. Clica no icone VideoScribe Music , teremos a seguinte tela: 18Este 6 0 repositério de musicas do VideoScribe, so centenas e voc® pode ‘escolher por género também. Para ir ouvindo as miisicas, basta clicar no icone do Play logo 0 lado da miisica que vocé quer ouvir. Eu escolhi a primeira musica do género Rock. Rock y > Detalhe: depois que vocé escolher a mitsica, antes de clicar Aplicar, deixe pTreck Le marcada a opgao Loop Track ‘em toda a animagao. Clica Aplicar e Play para testar. Esta opgo 6 para deixar a musica tocando Eu estou lendo 0 seu pensamento agora: “professor, mas eu nao posso colocar um MP3 meu". Calma gafanhoto, pode sim. Clica novamente no @ na figura abaixo vocé vera marcada a op¢o para colocar uma miisica qualquer do seu computador, pen-drive, etc. Semelhante como fizemos para importar uma figura, @) @ | tsoprace 18E para finalizar essa parte de Audio, temos também o recurso de inserir uma narragdo. Se vocé tiver um microfone no seu computador, vocé pode acrescentar, por ‘exemplo, a sua voz narrando um texto. Basta clicar no Voiceover Dica: Vocé pode gravar a sua narragao (com a sua voz) no celular e depois & importar para a animagao. Clica no microfone ~_ e depois importa o MP3 "|, : Convertendo em WMV. Com a nossa primeira animagao pronta, chegou a hora de transforma-la em WMV. Pois 6, 0 VideScribe nao trabalha com MP4, mas nao tem problema, depois vamos aprender a converter de WMV para MP4 em um site da Internet. Clica no icone de Download ou Publicagio ~~ |, Teremos a tela abaixo. Clica no icone de download (indicado na figura). 20Na tela seguinte, escotha WMY, coloque um nome para o video, escolha o local para salvar o arquivo e clique Aplicar. @ Cuser un DigtaiDestopaninacaot VS. Pronto, ¢ s6 aguardar a renderizacao. Dica: Se vocé quiser converter o arquivo de WMV apra MP4, ha varios sites que fazem isso de forma gratuita, Por exemplo: _htips://convertio,co/ptiwmv-mp4/, hitos:/iwww.media o/briconverlwmv-to-mp4.himl. Mas ambas as extensdes, WMV e MP4, ‘so executadas no Windows normalmente, a: Um video mais profissa Agora nés ja temos condig6es de fazer algo mais profissional. Vamos fazer 0 ‘exemplo de uma Hamburgueria que esta oferecendo Casback aos seus clientes. Vamos colocar logo a situago da vida real: vocé foi contratado(a) para fazer 0 video promocional da Hamburgueria Burger House. O cliente J Ihe mandou a logo em arquivo PNG (sem fundo) @ disse do que se trata - agora o cliente ganha 5% de cashback em qualquer produto. Obs: para a logo do nosso exemplo, eu peguei uma figura sem direitos autorais no site httos://br.freepik. con. Dica: Hé pessoas que cobram de 300 a 500 reais por uma animagéo de 30 segundos, A primeira coisa, obviamente, criar um novo arquivo. Vimos isso no comego do curso. Oa Eu escolhi a segunda textura, sem cor. ‘Vamos logo salvar. Clica no disquete, coloca o nome Burger House e clica aplicar. 2‘Agora vamos inserir a logo, como eu disse eu baixei uma figura sem direitos autorais no freepik. rf] cic aa aconarimagem C=)” Clica no icone para importar imagens. Lembrando que o ideal ¢ uma imagem sem fundo (PNG). ‘Aphabet and Symbol oie} [Animal ontins) ‘Animated Alphabet onlin) @a Deixa as opgdes padréo mesmo, clica aplicar. Draw = Choose craw style for your impor changed on import Reveal a Deixa a logo, grande mesmo, no lado direito do palco. 2 Detathe: perceba que o zoom da nossa logo est 100%, Deixa a logo selecionada € coloca 0 zoom para 180%. Basta clicar no 100% para aparecer uma caixa para voce preencher com 180%. Vooé vai ja entender para que vai servir isso. Reposiciona ¢ redimensiona a logo. 23Deixa este espaco vago ai na esquerda do palco. Vamos colocar agora a nossa garota propaganda, uma figura de mulher do banco de imagens do VideoScribe. Ela que vai falar da promogao para o cliente. Clica para inserir imagem,opcao People Female, pagina 2. Vamos chamar esta nossa garota propaganda de “Sara Recommended images My Purchased Images arrows Buildings Callout Emeiis Money People People Female Reposiciona a Sara de modo que deixe espago para um baldo de fala. 24Ja com estes dois elementos no nosso palco, é bom comegarmos a fazer logo algumas configuracdes. Ee Be Seleciona a logo e deixa as cémeras marcadas ______. Ja fizemos isso, mas eu vou repetir: esta opgao 6 para que a mao desenhando obedega a ordem que o ‘lomento esté posicionado no palco. Todos os elementos da nossa animagéo devem estar com esta opctio das cameras marcada, Entao, de cara, faga a mesma coisa para a Sara. Lembrando que a ordem de cada elemento entrando na cena, é a ordem que oles ‘se encontram na linha de tempo. ‘Agora vamos configurar as propriedades da animacao de cada elemento, Vamos ‘comegar pela logo, Seleciona a logo, botdo direito, propriedades. Configura as opgdes como na figura abaixo e clica aplicar. 25Vamos seguir este padrao para todos os outros elementos da animagao, entéo vamos logo fazer a mesma coisa para a Sara. Seleciona a Sara, bottio direito, propriedades e preencha os tempos de Animagao, Pause e Transigao. Beleza, agora vamos colocar um balao de fala na Sara, Mesma coisa, clica para inserir imagem, opgao Callout e eu escolhio terceiro baldo de fala. De novo, redimensiona para caber um texto. Vamos logo configurar a opgdo das cdmeras, tempo de animagao, pause e transigao. Vamos inserir agora o texto dentro do balao, Clica para inserir texto Digite 0 seguinte texto como est na figura, pulando linha, centralizado... Clica i, omeu nome 6Sarae tenho uma novidade para vacél! aplicar. 28Redimensiona o texto para caber no baldo e altere as propriedades, como ja fizemos nos outros elementos. Nao esquega das cAmeras. Sara e tenho uma novidade apra vocé! Detalhe: Este ultimo elemento texto, vamos deixar o tempo de Transiggo em 1 segundo ¢ nao 0,5 segundos como os outros. ‘A primeira cena est pronta e configurada. Oi, 0 meu nome €Sara.e tenho uma novidade apra vocé! ‘Agora, clica fora, ndo deixa nenhum dos trés elementos selecionados ¢ coloca z00m para 100%. Vai ficar tudo menor, obviamente. 7Usando as setas = vai baixando, esquerda até que os trés elementos quase sumam do palco (figura abaixo). ‘Vamos usar este espago vazio para continuar a nossa animagao. Neste espaco vamos colocar o texto "Agora a Burger House tem CASHBACK” (figura abaixo), Use o ponto marcado para girar o texto. Mesma coisa, configura este elemento de texto igual aos outros. Eu baixel uma imagem de Cashback do freepik novamente. Importa uma imagem de Cashback e altera as propriedades como nos outros elementos. Uma visio ampla do palco inteiro para vocé ver como esta ficando. 28Nao esqueca de ir salvando. De novo, configura a imagem do Cashback com os mesmos tempos. Deixa a imagem do Cashback com 0 tempo de Transi¢ao em 1 segundo e nao 0,5 segundos como os outros. Agora, clica fora, nao deixa nenhum dos elementos selecionados e coloca o zoom Para 50%. Bem semelhante como fizemos anteriormente. Usando as setas | ¥ > sumam do palco (figura abaixo). vai baixando, esquerda até que os elementos quase 29aout tite em Agora vamos colocar um texto na cor vermelho escuro. Issomesme voce ‘gonka 5 de Cashback ‘em qualquer produtel Configura os tempos do texto, Insere outra figura da Sara Isso mesmo, vocé ganha 5% de Cashback em qualquer produto! Deixa a imagem da Sara com 0 tempo de Transigao em 1 segundo e nao 0,5 segundos como os outros. 30Nunca é demais lembrar para vocé nao esquecer do lance das cameras Ee Be ‘Também nao esqueca de deixar a opgao de Zoom at end desmarcada Continuando, Coloca o zoom em 25% e baixa, esquerda, Isso mesmo, vocé ‘ganha 5% de Cashback ‘arose nrc Insere novamente a logo, a aes Isso mesmo, voed gonha 5% de Cashback 3tConfigura os tempos da logo e insere um texto de agradecimento, Insere uma imagem de hamburguer. ABurger House agradece a preferenci® Isso mesmo, vocé ganha 5% de Cashback Saeenenaineeaet Bem semethante, na imagem do hamburguer, coloca o tempo de transigao em 1 segundo. E para finalizer, vamos colocar uma musica de fundo. ches nol ‘Vamos escolher a seguinte misica > Fehstom || p Hopcnsone pty nove > brovton pone! ss) p sea > vitor sio Jimoon dre On L209 KisPory Tine > myDase [A] boop Selecione a miisica e deixa esta opcao marcada 32‘Agora vocé pode clicar play para testar. E finalmente vamos renderizar 0 video em WMV ¢ depois converter para MP4 Para vocé poder enviar ao cliente :) . Clica Depois clica, como indicado na figura abaixo, Burger House en tay Escolhe WMV, a qualidade do video, nome onde quer salvar. Aplicar e aguarde ‘© término da renderizagao (demora um pouco). Windows vnay . - 1080 (Ful HD) + Size — 25 + FrameRate Burger Housel UsersLM DigitaNDesktop Burger House v 33Ja temos 0 arquivo WMY, vamos entrar no site hitps://convertio.co/ptiwmy-mp4/ e converter para MP4. WMV ~ para MP4 Clica em Selecionar arquivos, seleciona o seu arquivo WMV e clica em Converter. fear E 6 isso, espero que vocé tenha gostado e de repente ganhe até uma grana com 0 Videoscribe. Tem mercado viu! 3435