Tutorial
After Effects | Video Hive

            talk@fabstart.pt

      Copyright Fábrica de Startups   1
Introdução


• Este documento foi criado na necessidade de
  explicar todo o processo de implementação de
  videos para as startups residentes na Fábrica
  de Startups, atráves da utilização de templates
  de videos do site VideoHive(www.videohive.net).
  A modificação do template necessita de um
  software de edição de video denominado Adobe
  After Effects.



                  Copyright Fábrica de Startups   2
Processo para aquisição video




         Copyright Fábrica de Startups   3
1) Abrir a página www.videohive.net




            Copyright Fábrica de Startups   4
2) Seleccionar menu After Effects Projects
                  Files




               Copyright Fábrica de Startups   5
3) Escolher um Template




      Copyright Fábrica de Startups   6
4), 5) e 6 - Informar, Comprar e Disponibilizar




• Deverão informar verbalmente ou por e-mail a
  Fábrica de Startups do template que querem
  comprar. A equipa da Fábrica de Startups
  procede à compra e disponibiliza o template à
  startup correspondente.



                  Copyright Fábrica de Startups   7
7) Ligar o computador disponibilizado pela Fábrica de Startups
              8) Abrir a aplicação Adobe After Effects




Computador a utilizar para a edição              Icone a seleccionar no ambiente de
do video                                         trabalho do computador


                           Copyright Fábrica de Startups                              8
9) Seguir User’s Manual




• Todos os videos adquiridos no VideoHive tem
  um User’s Manual associado. A seguir irá ser
  explicado todos os passos importantes que
  deverão ter em conta no Adobe After Effects.



                  Copyright Fábrica de Startups   9
Edição do Template VideoHive


• Depois da compra do template no VideoHive, já é
  possível começar a editar o template através do
  software Adobe After Effects.
  Nos slides seguintes é apresentada uma introdução
  ao After Effects com os aspectos mais importantes a
  considerar na modificação e edição do template. De
  notar que estes conteúdos são muito vagos, pois a
  ferramenta tem caracteristicas complexas, que para
  o caso não são necessárias dominar.Para uma
  utilização mais avançada poderão consultar o
  ficheiro Help fornecido pela Adobe.


                    Copyright Fábrica de Startups   10
Introdução ao After Effects
•   Adobe After Effects é um programa de criação de gráficos com movimento e efeitos
    visuais da empresa Adobe Systems. É extensamente usado em pós-produção de
    vídeo, filmes, DVDs e produções da plataforma Flash.




                                Copyright Fábrica de Startups                     11
Identificação Campos Dashboard

                      Composição
                                                  Informação



Projecto

                                                 Propriedades



                      Linha de Tempo



                 Copyright Fábrica de Startups          12
Esclarecimentos Necessários

• Aspectos teóricos:
  •   1- Composição
  •   2 - Tamanho da tela
  •   3 - Pixel Aspect Ratio
  •   4 - Frame Rate
  •   5 - Projeto e Organização


• Exemplo Prático


                      Copyright Fábrica de Startups   13
1 - Composição


• A composição é a principal tela de trabalho. Situa-
  se na janela central do After Effects e possui duas
  dimensões; a horizontal (X) e vertical (Y). Este
  campo também poderá conter a terceira dimensão
  (Z).
• Na parte inferior da zona composição está situada
  linha a do tempo, que mede a duração de cada
  segmento do vídeo.
• Para criar uma composição deverá ser acessado o
  menu Composition > New Composition ou o
  ícone New Composition na janela Projeto.

                    Copyright Fábrica de Startups       14
1 - Criar nova composição




       Copyright Fábrica de Startups   15
1 - Composição - Presets


• Na abertura de uma nova Composição, há
  várias especificações que deverão ser definidas.
• Para uma utilização simples de iniciação, a
  especificação mais importante a ter em conta é
  o Preset*
• O Preset é função que define o tamanho do
  ecrã.
• O After Effects oferece diversos Presets, neste
  caso devem utilizar apenas o modo 720p.
*Presets são modelos de exportação de vários tipo de video (720p, 1080p, etc.)
                               Copyright Fábrica de Startups                     16
1 - Exemplo do Preset que devemos escolher




               Copyright Fábrica de Startups   17
2 – Tamanho da tela
• Tal como definido no Preset, o modo 720p
  deverá ser adoptado. Este modo traduz-se
  numa dimensão de 1280 por 720 pixeis.
• Este formato é adoptado por ser compatível com
  as plataformas de carregamento e leitura de
  video Youtube e Vimeo.




                 Copyright Fábrica de Startups   18
3 – Pixel Aspect Ratio


• A opção Pixel Aspect Ratio serve para ajustar
  a precisão do pixel para definição da imagem.
• Este valor deverá situar-se sempre em 1,0.




                  Copyright Fábrica de Startups   19
4 – Frame Rate


• O Frame Rate é a taxa que determina a
  velocidade de imagens por segundo que
  compõe o vídeo.
• O valor do Frame Rate que deverão utilizar é o
  24 ou 29,97. Este valor poderá estar já estar
  pré-definido.




                  Copyright Fábrica de Startups    20
5 – Projeto e Organização
•   Do lado superior esquerdo do dashboard poderá encontrar-se o Projects.
    Neste diretório estão todos os conteúdos referentes a esta composição, tais
    como arquivos importados, composições, vídeos, música, imagens etc.




                              Copyright Fábrica de Startups                  21
5 - Importar Arquivos
•   Para importar conteúdos de vídeo, música, fotos ou mesmo documentos
    Adobe Photoshop (formato .PSD) ou Adobe Illustrator (formato .AI),
    deverão ir a File > Import > Seleccionar o Ficheiro




                            Copyright Fábrica de Startups                 22
Exemplo Prático


• Nos slides seguintes irá ser explicado o
  exemplo sobre a implementação do vídeo da
  Fábrica de Startups.
• Para a realização do mesmo foi considerado o
  “user’s manual” que o autor enviou na compra
  do vídeo. Este livro de instruções é
  normalmente claro e simples de forma a que só
  é necessário inserir conteúdos configurando
  pormenores sem dificuldade.


                  Copyright Fábrica de Startups   23
Exemplo Prático
 (Video Fábrica de Startups)




http://vimeo.com/48219313
         Copyright Fábrica de Startups   24
Exemplo – Parte 1




                                  Normalmente o video é enviado com
                                  duas versões:
                                  Um video mais curto (+- 20
                                  segundos), e a versão normal
                                  1min30seg

                                  O font, é o tipo de letra que o
                                  projeto irá utilizar e poderão não ter
                                  instalado no computador. Segue sempre
                                  o link do website onde poderão fazer o
                                  download, seguindo de uma instalação
                                  do font. Para isso basta abrir o ficheiro
                                  de download e carregar no botão instal,
                                  a partir da qual a font ficará instalada
                                  no computador.

                                  Normalmente,       quando     existem
                                  comandos mais técnicos que têm de
                                  utilizar, o autor do template fornece
                                  print screens das acções que tem de
                                  realizar.

  Copyright Fábrica de Startups                                  25
Exemplo – Parte 2


                                  O autor também fornece uma
                                  descrição de como o projeto
                                  está criado (indíce), sendo
                                  desta forma fácil interagir
                                  rapidamente com as
                                  caracteristicas do video.




                                                 Como referido no ultimo ponto
                                          começarão pelo 1) – Fazer o setup do
                                      personagem (Ex. Colocar gravata, chapeu,
                                      bigode, etc.) , e para isso basta desmarcar
                                            as “check box” para não ver aquela
                                               caracteristica do personagem, ou
                                      marcarmos as “check box” para as ver. As
                                      check box estão mencionadas pelo autor
                                                           a marcador vermelho.
  Copyright Fábrica de Startups                                            26
Exemplo – Parte 3

                                  Para colocar o logo do
                                  projeto basta seguir
                                  as instruções.
                                  (É aconselhavel que
                                  utilizem uma
                                  extenção .png
                                  (formato de imagem
                                  sem fundo) ).




                                  Os media files são
                                  fotos, sons ou imagens
                                  que poderão querer
                                  utilizar no projeto.
                                  Procedem             à
                                  importação,          e
                                  arrastam         esses
                                  ficheiros para       a
                                  composição. Reparem
                                  que se for video ele
                                  refere uma duração
                                  máxima de 7 segundos
                                  (neste caso).




  Copyright Fábrica de Startups                 27
Exemplo – Parte 4




                                  O esquema de cores é muito
                                  importante. Normalmente vêm
                                  associado a cada template um
                                  conjunto de cores, isto é, poderá
                                  existir 5 projetos diferentes (em
                                  termos de cores) para um unico
                                  template.




                                          Se procederem à alteração do
                                          esquema de cores muito
                                          provavelmente terão de mudar a
                                          cor do tipo de letra.
                                          Exemplo: Se predefinido, o fundo
                                          for preto e as letras brancas e
                                          quiserem um fundo branco, vai
                                          haver sobreposição de cores.
                                          Desta forma é que procedem à
                                          mudança do tipo de fonte.
  Copyright Fábrica de Startups                                       28
Exemplo – Parte 5




                                  Para modificarem o som ou musica
                                  do projeto importam um ficheiro
                                  do vosso computador (atenção aos
                                  direitos de autor), ou poderão
                                  comprar uma musica livre de
                                  direitos de autor na plataforma
                                  audioJungle, explicada no fim do
                                  tutorial.




  Copyright Fábrica de Startups                                 29
Exemplo – Parte 6
                                          Já modificaram tudo o que
                                          queriam do vosso projeto e
                                          composição? Então falta a
                                          exportação final do video.
                                          Para isso vão a File -> Export ->
                                          Output module -> Escolher a
                                          versão H.264



 Observação:
 Alguns videos que ajudam a compressão
 de videos para utilizarem na internet.




   Copyright Fábrica de Startups                                    30
Comprar músicas

• Se existir a necessidade de
  comprar um conteudo na forma
  de música o Audiojungle é um
  marketplace onde é possível
  vender e comprar a preços
  acessíveis loops ou músicas para                    http://audiojungle.net/
  projetos, sejam eles sites, vídeos,
  etc. Para a compra das musicas o
  processo de aquisição é o mesmo
  que o do VideoHive.


                      Copyright Fábrica de Startups                       31
Precisam de Ajuda?


• No caso de dúvidas ou precisarem de ajuda
  poderão contactar a Catarina Lowndes Faria ou
  a Designer residente da Fábrica de Startups. No
  caso de nenhuma estar disponível contactem
  por favor a equipa da Fábrica de Startups.




                  Copyright Fábrica de Startups   32
Cursos Online


• Manual Help Adobe After Effects (Em anexo)
• Mini-Curso Online
  • http://www.youtube.com/watch?v=5ADOrLLpLA4
    (Parte1)




                  Copyright Fábrica de Startups   33

Tutorial After Effects - Fernando Moreira

  • 1.
    Tutorial After Effects |Video Hive talk@fabstart.pt Copyright Fábrica de Startups 1
  • 2.
    Introdução • Este documentofoi criado na necessidade de explicar todo o processo de implementação de videos para as startups residentes na Fábrica de Startups, atráves da utilização de templates de videos do site VideoHive(www.videohive.net). A modificação do template necessita de um software de edição de video denominado Adobe After Effects. Copyright Fábrica de Startups 2
  • 3.
    Processo para aquisiçãovideo Copyright Fábrica de Startups 3
  • 4.
    1) Abrir apágina www.videohive.net Copyright Fábrica de Startups 4
  • 5.
    2) Seleccionar menuAfter Effects Projects Files Copyright Fábrica de Startups 5
  • 6.
    3) Escolher umTemplate Copyright Fábrica de Startups 6
  • 7.
    4), 5) e6 - Informar, Comprar e Disponibilizar • Deverão informar verbalmente ou por e-mail a Fábrica de Startups do template que querem comprar. A equipa da Fábrica de Startups procede à compra e disponibiliza o template à startup correspondente. Copyright Fábrica de Startups 7
  • 8.
    7) Ligar ocomputador disponibilizado pela Fábrica de Startups 8) Abrir a aplicação Adobe After Effects Computador a utilizar para a edição Icone a seleccionar no ambiente de do video trabalho do computador Copyright Fábrica de Startups 8
  • 9.
    9) Seguir User’sManual • Todos os videos adquiridos no VideoHive tem um User’s Manual associado. A seguir irá ser explicado todos os passos importantes que deverão ter em conta no Adobe After Effects. Copyright Fábrica de Startups 9
  • 10.
    Edição do TemplateVideoHive • Depois da compra do template no VideoHive, já é possível começar a editar o template através do software Adobe After Effects. Nos slides seguintes é apresentada uma introdução ao After Effects com os aspectos mais importantes a considerar na modificação e edição do template. De notar que estes conteúdos são muito vagos, pois a ferramenta tem caracteristicas complexas, que para o caso não são necessárias dominar.Para uma utilização mais avançada poderão consultar o ficheiro Help fornecido pela Adobe. Copyright Fábrica de Startups 10
  • 11.
    Introdução ao AfterEffects • Adobe After Effects é um programa de criação de gráficos com movimento e efeitos visuais da empresa Adobe Systems. É extensamente usado em pós-produção de vídeo, filmes, DVDs e produções da plataforma Flash. Copyright Fábrica de Startups 11
  • 12.
    Identificação Campos Dashboard Composição Informação Projecto Propriedades Linha de Tempo Copyright Fábrica de Startups 12
  • 13.
    Esclarecimentos Necessários • Aspectosteóricos: • 1- Composição • 2 - Tamanho da tela • 3 - Pixel Aspect Ratio • 4 - Frame Rate • 5 - Projeto e Organização • Exemplo Prático Copyright Fábrica de Startups 13
  • 14.
    1 - Composição •A composição é a principal tela de trabalho. Situa- se na janela central do After Effects e possui duas dimensões; a horizontal (X) e vertical (Y). Este campo também poderá conter a terceira dimensão (Z). • Na parte inferior da zona composição está situada linha a do tempo, que mede a duração de cada segmento do vídeo. • Para criar uma composição deverá ser acessado o menu Composition > New Composition ou o ícone New Composition na janela Projeto. Copyright Fábrica de Startups 14
  • 15.
    1 - Criarnova composição Copyright Fábrica de Startups 15
  • 16.
    1 - Composição- Presets • Na abertura de uma nova Composição, há várias especificações que deverão ser definidas. • Para uma utilização simples de iniciação, a especificação mais importante a ter em conta é o Preset* • O Preset é função que define o tamanho do ecrã. • O After Effects oferece diversos Presets, neste caso devem utilizar apenas o modo 720p. *Presets são modelos de exportação de vários tipo de video (720p, 1080p, etc.) Copyright Fábrica de Startups 16
  • 17.
    1 - Exemplodo Preset que devemos escolher Copyright Fábrica de Startups 17
  • 18.
    2 – Tamanhoda tela • Tal como definido no Preset, o modo 720p deverá ser adoptado. Este modo traduz-se numa dimensão de 1280 por 720 pixeis. • Este formato é adoptado por ser compatível com as plataformas de carregamento e leitura de video Youtube e Vimeo. Copyright Fábrica de Startups 18
  • 19.
    3 – PixelAspect Ratio • A opção Pixel Aspect Ratio serve para ajustar a precisão do pixel para definição da imagem. • Este valor deverá situar-se sempre em 1,0. Copyright Fábrica de Startups 19
  • 20.
    4 – FrameRate • O Frame Rate é a taxa que determina a velocidade de imagens por segundo que compõe o vídeo. • O valor do Frame Rate que deverão utilizar é o 24 ou 29,97. Este valor poderá estar já estar pré-definido. Copyright Fábrica de Startups 20
  • 21.
    5 – Projetoe Organização • Do lado superior esquerdo do dashboard poderá encontrar-se o Projects. Neste diretório estão todos os conteúdos referentes a esta composição, tais como arquivos importados, composições, vídeos, música, imagens etc. Copyright Fábrica de Startups 21
  • 22.
    5 - ImportarArquivos • Para importar conteúdos de vídeo, música, fotos ou mesmo documentos Adobe Photoshop (formato .PSD) ou Adobe Illustrator (formato .AI), deverão ir a File > Import > Seleccionar o Ficheiro Copyright Fábrica de Startups 22
  • 23.
    Exemplo Prático • Nosslides seguintes irá ser explicado o exemplo sobre a implementação do vídeo da Fábrica de Startups. • Para a realização do mesmo foi considerado o “user’s manual” que o autor enviou na compra do vídeo. Este livro de instruções é normalmente claro e simples de forma a que só é necessário inserir conteúdos configurando pormenores sem dificuldade. Copyright Fábrica de Startups 23
  • 24.
    Exemplo Prático (VideoFábrica de Startups) http://vimeo.com/48219313 Copyright Fábrica de Startups 24
  • 25.
    Exemplo – Parte1 Normalmente o video é enviado com duas versões: Um video mais curto (+- 20 segundos), e a versão normal 1min30seg O font, é o tipo de letra que o projeto irá utilizar e poderão não ter instalado no computador. Segue sempre o link do website onde poderão fazer o download, seguindo de uma instalação do font. Para isso basta abrir o ficheiro de download e carregar no botão instal, a partir da qual a font ficará instalada no computador. Normalmente, quando existem comandos mais técnicos que têm de utilizar, o autor do template fornece print screens das acções que tem de realizar. Copyright Fábrica de Startups 25
  • 26.
    Exemplo – Parte2 O autor também fornece uma descrição de como o projeto está criado (indíce), sendo desta forma fácil interagir rapidamente com as caracteristicas do video. Como referido no ultimo ponto começarão pelo 1) – Fazer o setup do personagem (Ex. Colocar gravata, chapeu, bigode, etc.) , e para isso basta desmarcar as “check box” para não ver aquela caracteristica do personagem, ou marcarmos as “check box” para as ver. As check box estão mencionadas pelo autor a marcador vermelho. Copyright Fábrica de Startups 26
  • 27.
    Exemplo – Parte3 Para colocar o logo do projeto basta seguir as instruções. (É aconselhavel que utilizem uma extenção .png (formato de imagem sem fundo) ). Os media files são fotos, sons ou imagens que poderão querer utilizar no projeto. Procedem à importação, e arrastam esses ficheiros para a composição. Reparem que se for video ele refere uma duração máxima de 7 segundos (neste caso). Copyright Fábrica de Startups 27
  • 28.
    Exemplo – Parte4 O esquema de cores é muito importante. Normalmente vêm associado a cada template um conjunto de cores, isto é, poderá existir 5 projetos diferentes (em termos de cores) para um unico template. Se procederem à alteração do esquema de cores muito provavelmente terão de mudar a cor do tipo de letra. Exemplo: Se predefinido, o fundo for preto e as letras brancas e quiserem um fundo branco, vai haver sobreposição de cores. Desta forma é que procedem à mudança do tipo de fonte. Copyright Fábrica de Startups 28
  • 29.
    Exemplo – Parte5 Para modificarem o som ou musica do projeto importam um ficheiro do vosso computador (atenção aos direitos de autor), ou poderão comprar uma musica livre de direitos de autor na plataforma audioJungle, explicada no fim do tutorial. Copyright Fábrica de Startups 29
  • 30.
    Exemplo – Parte6 Já modificaram tudo o que queriam do vosso projeto e composição? Então falta a exportação final do video. Para isso vão a File -> Export -> Output module -> Escolher a versão H.264 Observação: Alguns videos que ajudam a compressão de videos para utilizarem na internet. Copyright Fábrica de Startups 30
  • 31.
    Comprar músicas • Seexistir a necessidade de comprar um conteudo na forma de música o Audiojungle é um marketplace onde é possível vender e comprar a preços acessíveis loops ou músicas para http://audiojungle.net/ projetos, sejam eles sites, vídeos, etc. Para a compra das musicas o processo de aquisição é o mesmo que o do VideoHive. Copyright Fábrica de Startups 31
  • 32.
    Precisam de Ajuda? •No caso de dúvidas ou precisarem de ajuda poderão contactar a Catarina Lowndes Faria ou a Designer residente da Fábrica de Startups. No caso de nenhuma estar disponível contactem por favor a equipa da Fábrica de Startups. Copyright Fábrica de Startups 32
  • 33.
    Cursos Online • ManualHelp Adobe After Effects (Em anexo) • Mini-Curso Online • http://www.youtube.com/watch?v=5ADOrLLpLA4 (Parte1) Copyright Fábrica de Startups 33