Produzir vídeo aula com microfone, webcam e PDF.: mudanças entre as edições

De NTI Ajuda - IFSULDEMINAS Campus Inconfidentes
 
(61 revisões intermediárias por 3 usuários não estão sendo mostradas)
Linha 1: Linha 1:
== Considerações Iniciais ==
== Considerações Iniciais ==
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Esse tutorial orienta a como exibir o PDF na ferramenta OBS Studio.</p>
<p><b>Esse tutorial orienta a como exibir o PDF na ferramenta OBS Studio.</b></p>
<p>Caso você não tenha o OBS instalado clique aqui. <b>([[Instalando OBS|Instalando OBS.]])</b></p>
<p>Caso queira adicionar uma uma marca d'água na sua gravação calque aqui. <b>([[Inserindo marca d'agua no OBS|Inserindo marca d'agua no OBS.]]).</b></p>
</div>
</div>


== Abrindo o PDF ==
== Adicionando fonte de recurso do tipo Microfone ==
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Localize o <b>PDF</b> e clique com o botao direito do mouse sobre ele.</p>
<p>Caso você esteja em seu notebook ou use um fone de ouvido com microfone embutido não a necessidade de adicionar uma fonte de microfone, o OBS captura seu audio automaticamente.</p>
<p>Caso você for usar um componente de microfone externo sem nada mais, siga as instruções das imagens a baixo .</p>
</div>
 
 
==== Criando a fonte para captura de audio do microfone ====
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>No menu fontes clique no <b>"+"</b> para adicionar uma fonte de <b>"Captura de Entrada de Audio"</b>.</p>
</div>
 
<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 2.1:</b> Criando a fonte para captura de audio do microfone.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:Fig 01.png|1000px]]
</td>
</tr>
</table>
 
 
==== Dando nome para nova fonte criada para o microfone ====
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Dê um nome para seu microfone para melhor identificação.</p>
</div>
 
 
<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 2.2:</b> Dando nome para nova fonte criada para o microfone.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:Fig 02.png|1000px]]
</td>
</tr>
</table>
 
==== Finalizando processo de captura de audio do Microfone ====
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Clique na <b>"Barra"</b> para exibir as opções e clique sobre o seu microfone em seguida clique em <b>"OK"</b> para finalizar.</p>
</div>
 
 
<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 2.3:</b> Finalizando processo de captura de audio do Microfone.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:Fig 03.png|1000px]]
</td>
</tr>
</table>
 
 
== Adicionando fonte de recurso do tipo Webcam ==
=== Adicionando Webcam ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>1. Abra o Obs e adicione uma fonte de webcam clicado no <b>"+"</b>.</p>
<p>2. Adicione um nome a fonte em seguida clique em <b>OK</b>.</p>
</div>
 
<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 1:</b> Adicionando Webcam.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:Fig001.png|1000px]]
</td>
</tr>
</table>
 
=== Dê um nome a sua Webcam ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Dê um nome a sua câmera melhor visualização.</p>
</div>
</div>


Linha 12: Linha 99:
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
<b>Figura 1:</b> Abrindo o PDF.
<b>Figura 2:</b> Dê um nome a sua Webcam.
</td>
</td>
</tr>
</tr>
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
[[Arquivo:PDF 1.png|1000px]]
[[Arquivo:Fig 02.jpg|1000px]]
</td>
</tr>
</table>
 
 
=== Identificando sua Webcam ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Clique sobre a <b>"Barra"</b> para exibir as opções em seguida identifique sua <b>"Webcam"</b> clique nela e em seguida clique em <b>"OK"</b> para finalizar.</p>
</div>
 
<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 3:</b> Identificando sua Webcam.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:Fig 03.1.png|1000px]]
</td>
</tr>
</table>
 
=== Ajustando a Webcam ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Ajuste o tamanho da imagem da <b>"Webcam"</b> e arraste ela para qualquer ponto da tela</p>
</div>
 
<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 4:</b> Ajustando a Webcam.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:Fig 4.1.png|1000px]]
</td>
</td>
</tr>
</tr>
</table>
</table>


== Capturando a imagem do seu PDF com o OBS ==


=== Abrindo o PDF ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Localize o <b>"PDF"</b> e clique com o botão direito do mouse sobre o arquivo e abra com o software de sua preferência.</p>
<p>Nas figuras 1 e 2, estaremos utilizando o <b>"Adobe Acrobat Reader"</b>.</p>
</div>
<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 5:</b> Abrindo o PDF.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:PDF 1.png|1000px]]
</td>
</tr>
</table>


== Exibindo PDF em tela cheia ==
=== Exibindo PDF em tela cheia ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>1. No Adobe clique na aba <b>“visualizar”</b>.</p>
<p>1. No Adobe clique na aba <b>“visualizar”</b>.</p>
<p>2. Clique no item para exibir em <b>“Modo telas Cheia”</b>.</p>
<p>2. Clique no item para exibir em <b>“Modo de tela Cheia”</b>.</p>
</div>
</div>


Linha 33: Linha 176:
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
<b>Figura 2:</b> Abrindo o PDF.
<b>Figura 6:</b> Exibindo PDF em tela cheia.
</td>
</td>
</tr>
</tr>
Linha 43: Linha 186:
</table>
</table>


=== Alternando entre abas ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Para alternar entre os programas abertos, no seu teclado clique nas teclas <b>"Alt + Tab"</b> até selecionar o <b>"OBS"</b>.</p>
</div>


<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 7:</b> Alternando entre abas.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:PDF 3.png|1000px]]
</td>
</tr>
</table>


== Alternando entre abas ==
=== Capturando a exibição do PDF ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>Para alternar entre os programas abertos, no seu teclado clique nas teclas Alt + Tab até selecionar o OBS.</p>
<p>1. Para capturar a exibição do PDF Clique no ícone do <b>"+"</b> e adicione uma fonte.</p>
<p>2. Clique em <b>"Captura de Janela".</b></p>
</div>
</div>


Linha 53: Linha 213:
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
<b>Figura 3:</b> Alternando entre abas.
<b>Figura 8:</b> Capturando a exibição do PDF.
</td>
</td>
</tr>
</tr>
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
[[Arquivo:PDF 3.png|1000px]]
[[Arquivo:PDF 4.png|1000px]]
</td>
</td>
</tr>
</tr>
</table>
</table>


=== Selecionado a janela do PDF ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>1. Selecione a janela onde está sendo exibido o <b>"PDF"</b> para ser capturado pelo OBS.</p>
<p>2. Em seguida clique em <b>"ok"</b> para concluir a operação.</p>
</div>


== Capturando a exibição do PDF ==
<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 9:</b> Selecionado a janela do PDF.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:PDF 5.png|1000px]]
</td>
</tr>
</table>
 
=== Iniciando a Gravação ===
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>1. Para Para capturar a exibiçao do PDF Clique no icone do + e adicione uma fonte.</p>
<p>1. Depois de tudo pronto basta <b>"Iniciar a gravação".</b></p>
<p>2. Clique em Captura de Janela.</p>
<p>2. Lembre-se sempre de deixar a fonte do PDF em último da lista para que a câmera e a marca d'agua apareçam na gravação como demonstra a <b>"Figura 6"</b>.</p>
</div>
</div>


Linha 73: Linha 251:
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
<b>Figura 4:</b> Capturando a exibição do PDF.
<b>Figura 10:</b> Iniciando a Gravação.
</td>
</td>
</tr>
</tr>
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
[[Arquivo:PDF 4.png|1000px]]
[[Arquivo:PDF 6.png|1000px]]
</td>
</td>
</tr>
</tr>
</table>
</table>


 
=== Finalizando a Gravação ===
== Capturando a exibição do PDF ==
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
<p>1. Para Para capturar a exibiçao do PDF Clique no icone do + e adicione uma fonte.</p>
<p>Ao fim da apresentação finalize clicando em <b>"Parar Gravação".</b></p>
<p>2. Clique em Captura de Janela.</p>
</div>
</div>


Linha 93: Linha 269:
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
<b>Figura 4:</b> Capturando a exibição do PDF.
<b>Figura 11:</b> Finalizando a Gravação.
</td>
</td>
</tr>
</tr>
<tr>
<tr>
<td valign="top" align='center'>
<td valign="top" align='center'>
[[Arquivo:PDF 5.png|1000px]]
[[Arquivo:PDF 7.png|1000px]]
</td>
</td>
</tr>
</tr>
</table>
</table>
== Outros Tutoriais ==
<div style="border: 2px solid #d6d2c5; background-color: #f9f4e6; padding: 1em;  font-size: 16px;">
*[[Produzir vídeo aula com microfone, webcam e captura de tela|1. Produzir vídeo aula com microfone, webcam e captura de tela]]
*[[Como inserir marca d'água na sua video aula|2. Como inserir marca d'água na sua video aula.]]
*[[Produzir vídeo aula com microfone, webcam e slide|3. Produzir vídeo aula com microfone, webcam e slide.]]
*[[Instalando OBS|4. Instalando OBS.]]
</div>

Edição atual tal como às 16h25min de 30 de junho de 2020

Considerações Iniciais

Esse tutorial orienta a como exibir o PDF na ferramenta OBS Studio.

Caso você não tenha o OBS instalado clique aqui. (Instalando OBS.)

Caso queira adicionar uma uma marca d'água na sua gravação calque aqui. (Inserindo marca d'agua no OBS.).

Adicionando fonte de recurso do tipo Microfone

Caso você esteja em seu notebook ou use um fone de ouvido com microfone embutido não a necessidade de adicionar uma fonte de microfone, o OBS captura seu audio automaticamente.

Caso você for usar um componente de microfone externo sem nada mais, siga as instruções das imagens a baixo .


Criando a fonte para captura de audio do microfone

No menu fontes clique no "+" para adicionar uma fonte de "Captura de Entrada de Audio".

Figura 2.1: Criando a fonte para captura de audio do microfone.


Dando nome para nova fonte criada para o microfone

Dê um nome para seu microfone para melhor identificação.


Figura 2.2: Dando nome para nova fonte criada para o microfone.

Finalizando processo de captura de audio do Microfone

Clique na "Barra" para exibir as opções e clique sobre o seu microfone em seguida clique em "OK" para finalizar.


Figura 2.3: Finalizando processo de captura de audio do Microfone.


Adicionando fonte de recurso do tipo Webcam

Adicionando Webcam

1. Abra o Obs e adicione uma fonte de webcam clicado no "+".

2. Adicione um nome a fonte em seguida clique em OK.

Figura 1: Adicionando Webcam.

Dê um nome a sua Webcam

Dê um nome a sua câmera melhor visualização.

Figura 2: Dê um nome a sua Webcam.


Identificando sua Webcam

Clique sobre a "Barra" para exibir as opções em seguida identifique sua "Webcam" clique nela e em seguida clique em "OK" para finalizar.

Figura 3: Identificando sua Webcam.

Ajustando a Webcam

Ajuste o tamanho da imagem da "Webcam" e arraste ela para qualquer ponto da tela

Figura 4: Ajustando a Webcam.

Capturando a imagem do seu PDF com o OBS

Abrindo o PDF

Localize o "PDF" e clique com o botão direito do mouse sobre o arquivo e abra com o software de sua preferência.

Nas figuras 1 e 2, estaremos utilizando o "Adobe Acrobat Reader".

Figura 5: Abrindo o PDF.

Exibindo PDF em tela cheia

1. No Adobe clique na aba “visualizar”.

2. Clique no item para exibir em “Modo de tela Cheia”.

Figura 6: Exibindo PDF em tela cheia.

Alternando entre abas

Para alternar entre os programas abertos, no seu teclado clique nas teclas "Alt + Tab" até selecionar o "OBS".

Figura 7: Alternando entre abas.

Capturando a exibição do PDF

1. Para capturar a exibição do PDF Clique no ícone do "+" e adicione uma fonte.

2. Clique em "Captura de Janela".

Figura 8: Capturando a exibição do PDF.

Selecionado a janela do PDF

1. Selecione a janela onde está sendo exibido o "PDF" para ser capturado pelo OBS.

2. Em seguida clique em "ok" para concluir a operação.

Figura 9: Selecionado a janela do PDF.

Iniciando a Gravação

1. Depois de tudo pronto basta "Iniciar a gravação".

2. Lembre-se sempre de deixar a fonte do PDF em último da lista para que a câmera e a marca d'agua apareçam na gravação como demonstra a "Figura 6".

Figura 10: Iniciando a Gravação.

Finalizando a Gravação

Ao fim da apresentação finalize clicando em "Parar Gravação".

Figura 11: Finalizando a Gravação.

Outros Tutoriais

Disponível em “https://ntiajuda.ifs.ifsuldeminas.edu.br/index.php?title=Produzir_vídeo_aula_com_microfone,_webcam_e_PDF.&oldid=6043”