Escolar Documentos
Profissional Documentos
Cultura Documentos
1-Autor
Ricardo André Naka 36 anos, reside em Goiânia, bacharel em Ciência da Computação pela
Anhanguera Educacional em 2012 em Campinas-SP, especialista em Gestão e Segurança da
Informação pela UEG Trindade – GO, trabalha atualmente como Professor Autor e Regente nas
Escolas do Futuro, Professor Universitário, atuando nos cursos tecnólogos e de graduação na
UNIALFA, além de fornecer Consultoria em Informática.
Desenvolve projetos ligados à Informática Educacional, sendo aplicado em escolas
particulares de Goiânia, incentivando crianças e adolescentes a desenvolverem de forma lúdica a
aprendizagem escolar.
É professor regente e coordenador de cursos técnicos voltados para a área de informática,
com mais de 10 anos de experiência, atuando em cursos profissionalizantes que visam a inserção
do aluno no mercado de trabalho.
Atualmente, desenvolve websites e plataformas voltadas para o ensino a distância, cujo
objetivo principal é oferecer um ensino de qualidade, dinâmico, completo e eficiente através de
meios tecnológicos como a internet, videoaulas e materiais didáticos que forneçam uma experiência
de autoaprendizagem ao aluno.
2
Sumário
1-Autor 2
2-Introdução 4
3- 1° Capítulo - Introdução: Evolução da Comunicação Homem-Máquina 5
4- 2° Capitulo – Imagens. 8
4- 3° Capitulo – Animação, Áudio e Vídeo. 17
5. Referências Bibliográficas 21
3
2-Introdução
Bons Estudos!
4
3- 1° Capítulo - Introdução: Evolução da Comunicação Homem-Máquina
Os Ambientes Gráficos
5
caso particular de representação gráfica para que seja possível combiná-lo com outros elementos
gráficos do ambiente.
Uso da Animação
A animação passou a ser usada nos ambientes gráficos. Ambientes com imagem animada
representam o passo seguinte na interação com o usuário. Estes ambientes introduzem o conceito
de movimento em tempo real que depende da taxa de atualização da imagem. Na televisão 24
atualizações por segundo, no cinema 30 atualizações por segundo. O problema é que os
computadores antigos não conseguiam reproduzir esta taxa e isso resultava em imagem com pouca
qualidade ou pouca velocidade na animação. Com a evolução do hardware foi possível reproduzir
taxas maiores do que as da televisão e assim as imagens animadas começaram a ser utilizadas
em produtos multimídia.
Uso do Som
Nos anos 80, a digitalização do som se tornou difundida, com os canais digitais de telefonia,
os CDs, os sintetizadores usados em instrumentos musicais. Esta tecnologia digital do som foi
absorvida pelos computadores, principalmente após o surgimento de interfaces de som com custo
baixo, mas com recursos sofisticados de processamento do som. Com isso, atualmente os recursos
de som estão disponíveis em praticamente todas as configurações atuais de hardware, permitindo
o uso do som no formato digital em aplicações multimídia nos mais diversos setores como comércio
eletrônico, entretenimento, produção musical, etc.
Produtos Multimídia
O computador permite não somente maior interação com o conteúdo multimídia, mas também
a possibilidade de programação, algo que não acontece em outros dispositivos usados para
reprodução de conteúdo multimídia. Mesmo quando usado somente para reprodução de conteúdo
multimídia, o computador é superior em termos de flexibilidade de interação. O usuário interage de
forma mais profunda quando o computador é usado para trabalhar com a multimídia. Existem
diversos produtos multimídia que são usados para este propósito. De uma forma geral, os
programas usados para apresentação, programação e manipulação de conteúdo multimídia são
chamados de produtos multimídia. Os produtos multimídia permitem ao usuário diferentes graus de
interação:
• Percorrer o conteúdo áudio visual da forma que desejar;
• consultar, pesquisar e atualizar o conteúdo multimídia em bases de dados audiovisuais
exemplo disso é o serviço youtube da google;
• gerar material audiovisual em tempo real, de acordo com ações do usuário, como nos jogos;
• realizar simulações de sistemas físicos, com maior ou menor grau de realismo.
Aulas sobre:
Fotografias para mídias digitais: Acompanhe a série de 06 vídeos a partir deste link:
https://youtu.be/jXQJBP8FnGY
7
4- 2° Capitulo – Imagens.
Modelos de Cores
A quantidade bits necessária para representar um pixel depende da representação usada para
as cores, além de outras propriedades da imagem. A visão humana enxerga a luz de comprimento
de onda situado entre 400 e 700 nanômetros. As luzes dentro desta faixa são percebidas como
cores espectrais ou cores do arco-íris e vão do violeta ao anil, azul, verde, amarelo, alaranjado e
vermelho. Destas, as faixas de maior sensibilidade ao olho humano correspondem as cores verde
(principal), azul (bem menor) e vermelho (um pouco menor).
A maioria das cores que enxergamos não são cores puras, mas composições resultantes de
processos de emissão, reflexão, refração, difusão e absorção de luz. As cores são percebidas
8
então como misturas de no máximo três cores básicas. Cada mistura pode ser expressa como uma
combinação linear, isto é, cada cor é obtida pela soma ponderada das cores básicas.
Foram definidos sistemas de representação de cores ou modelos de cores que são usados
pela indústria gráfica e por pintores. Nestes sistemas as cores são conhecidas por nomes ou por
números. Para o processamento digital de imagem são necessários sistemas rigorosos de
especificação que são chamados de modelos de cores.
Os modelos de cores mais usados se baseiam na decomposição de cores em misturas
equivalentes das cores básicas. Cada cor então pode ser decomposta em uma mistura das três
cores básicas. Os sistemas de computador suportam mais de um modelo de cores e os programas
gráficos profissionais permitem ao usuário selecionar o modelo de cor que deseja usar.
Processamento de Imagem
Formatos de Imagens
10
• mudança de escala e rotação de imagens;
• transformação e distorção de imagens;
• filtragem, suavização e realce de imagens;
• compressão de imagens.
Compressão de Imagens
Imagens de boa qualidade ocupam espaço em disco e em memória. Imagens com cor
verdadeira e alta resolução podem ocupar até vários megabytes de espaço. Assim a redução do
tamanho dos arquivos de imagens é feita através de técnicas de compressão de imagens estáticas.
As principais técnicas são apresentadas a seguir:
Compressão sem perdas - Esta técnica mantêm toda a informação da imagem original. A
compressão é feita através da técnica de codificação. Esta técnica é usada em comunicação de
dados, com modens e para compressão de arquivos. O formato .ZIP é o mais comum atualmente.
Outros formatos usados são TAR e Gzip que são usados em sistemas Unix. A compressão usa
técnicas genéricas que se aproveitam de características das imagens.
Compressão com perdas - Esta técnica é usada em casos em que a perda de alguma
informação ou qualidade da imagem é tolerável. Esta técnica ao comprimir a imagem perde alguma
informação da imagem original. A taxa de perda é um parâmetro fixado durante a
compressão. Quando maior a perda admitida, maior a compressão que se consegue.
Vetorização
Vetorização é o processo de passagem do domínio de imagens formadas por pixel para o
domínio de imagens formadas por entidades geométricas. Esse processo é usado para
digitalização de mapas: as cartas geográficas são capturadas por scanners e um algoritmo
sofisticado extrai da imagem captada as entidades geométricas que irão compor o desenho tais
como linhas e caracteres.
Recomendações:
O programa GIMP possui uma versão portável que pode ser instalada diretamente no pen-
drive ou em um hd externo. O GIMP portável pode ser baixado no
endereço http://portableapps.com/apps/graphics_pictures/gimp_portable.
O programa Blender também possui uma versão portável que pode ser baixada no endereço:
http://portableapps.com/apps/graphics_pictures/blender_portable
Textos
Os caracteres de texto representam um conjunto de símbolos de grande importância em
qualquer aplicação. Em ambientes gráficos e multimídia o papel do texto é valorizado pela
variedade de formas que eles podem adquirir pois o texto também é representado como desenho,
uma imagem. A escolha da representação gráfica para os textos é fundamental para a legibilidade,
beleza, estética e qualidade de um título multimídia. Os atributos dos textos incluem:
Aulas sobre:
Aula sobre Corel Draw e canva - Cartão Digital Interativo. Vetorização de objetos.
- https://youtu.be/ZPcPgElpRV4
Aula sobre o Corel Draw - Ferramenta Bezier Mistura Interativa, Ferramenta
Transparência, Ferramenta Forma. Canva - Efeitos em texto.
14
- https://youtu.be/fxtZz4xOoZc
Software Corel Draw: Técnicas com a ferramenta caneta, ajustamos o objeto em curvas,
trabalhamos com a combinação de objetos e a aparação das linhas e os objetos.
- https://youtu.be/4U6MrjqzhD0
Efeito Olho de Peixe no Corel Draw.
- https://youtu.be/qfBafkZsPFY
Elementos no canva em Fotos: Polaroid Tape.
- https://youtu.be/36h04bxoykc
Ferramenta Envelope, Contorno, Texto ao caminho, opções de sangria de um
documento.
- https://youtu.be/oqCNCB-Ub84
Photoshop - Ferramentas: Borracha, Desfoque Gaussiano, Brilho e Contraste.
Ferramentas padrão. Geração de Conteúdo através do canva.
- https://youtu.be/7xzjETdS8jQ
Canva - Elemento vídeo e montagem com fotos. Ferramenta Blogger: Publicação de
Conteúdo na internet.
- https://youtu.be/m2-gV1uLgjM
Logomarcas.
- https://youtu.be/6q_3UOQZvFM
Corel Draw: Mistura Interativa
- https://youtu.be/EUqFVjro51k
Trabalhando com o Canva.
- https://youtu.be/AzSX__eYO_4
Ferramenta Olhos Vermelhos e Transformação de foto em desenho / Blogger
- 1ª Parte: https://youtu.be/G_s5M9v3WkA
- 2ª Parte: https://youtu.be/52gv8LjOp0U
Canva trabalhando com Links Interativos que podem ser administrados pelo Bitly.
Ferramenta Olhos Vermelhos - Photoshop. Formas de afiliação a divulgação de produtos.
Ferramenta Blogger.
- https://youtu.be/PgsCTVPO47g
15
METATAGS elementos que otimizam o nosso blog em mecanismos de busca.
- https://youtu.be/JyPTbADHk-4
Ferramenta Letreiro Elíptico Photoshop. Aplicativo Photopea pelo navegador.
- https://youtu.be/TEiUzFNMx_c
Utilização da ferramenta Blogger no celular. Política de Segurança de Cookies. Plano de
Negócio.
- https://youtu.be/VCXaplMpP2Q
Mockup no Corel Draw Efeito ondulado de texto no Canva e Photopea Efeito de quadro
e imagens no Canva
- https://youtu.be/TkBRve4YkVk
- https://youtu.be/ZmJkHQ8AnJI
Gerenciadores de Conteúdos Digitais
- https://youtu.be/2tQAr1Xk8L0
Ferramenta Revista Digital da plataforma Builderall
- https://youtu.be/kWj1B8ku7wE
Sistemas Gerenciadores de Conteúdo Web. Plataforma Builderall Blogger
- https://youtu.be/6ry5wUKV6cs
Ferramenta Mockup e Efeitos de Animação no Canva Gerenciadores de Conteúdos Web
via Celular
- https://youtu.be/iFrRTn0zM6k
Canva: Efeito Sombra Mensagem de vídeo colaborativo
- https://youtu.be/lzaQrfdTQC8
Canva: png em fotos - giphy - trabalhando com brilho em fotos - cyberpunk - Dicas de
impulsionamento - textura rose gold, utilizando o photopea e exportando para o canva. gifs mais
usados: tape takadabear washtape rabisco de letra polarine shine gravitando.
- https://youtu.be/nSSDATcBv5E
16
4- 3° Capitulo – Animação, Áudio e Vídeo.
A criação de animações por computador representa um dos campos mais avançados da
computação gráfica atual. É uma atividade que exige muito do profissional de multimídia, pela
complexidade dos métodos, e também do hardware pela carga de processamento necessária.
O computador é usado como ferramenta para aumentar a produtividade da animação,
automatizando tarefas que exigem grande carga de trabalho dos animadores. Imagine a quantidade
de trabalho necessário para a criação de um desenho animado da Disney antes do uso dos
computadores como ferramenta e do uso da multimídia. Imagine a quantidade de quadros e cenas
a serem elaboradas, colocadas em sequência (animação quadro a quadro) para que se pudesse
construir um desenho animado da Disney.
Além disso, o computador tem vantagens em animações tridimensionais pois oferece
possibilidades de animação que não estão disponíveis aos métodos manuais.
As animações tridimensionais começaram a ser usadas na produção de comerciais para
televisão. À medida em que o hardware e o software evoluíram, estes recursos passaram a ser
usados para criação de efeitos especiais em filmes, jogos e na criação de desenhos pela indústria
cinematográfica.
Vamos ver uma descrição breve dos métodos de animação usados atualmente.
Animação Convencional
Neste método de animação os computadores são usados para controle dos movimentos dos
elementos de uma cena e permitem trabalhar com desenhos em múltiplas camadas, simulando
movimentos na cena através de deslocamentos relativos dessas camadas. Exemplo: Uma
animação de um camelo andando no deserto tendo como fundo um oásis com um poço de água.
Temos uma camada para o fundo contendo o oásis com o poço de água e uma outra camada para
o camelo que contém um fundo transparente e se sobrepõe à camada que contém o oásis. O
computador controla a movimentação dos planos das camadas simulando o movimento do camelo
caminhando pelo deserto. A movimentação dos planos pode causar os efeitos de aproximação ou
de efeitos de zoom.
A animação convencional faz uso de editores gráficos que apoiam a atividade de projeto de
animação oferecendo recursos tais como:
17
✓ armazenar e editar desenhos criados pelo editor ou lidos a partir de desenhos feitos em
papel através de um scanner;
✓ realizar testes de animação;
✓ aplicar cores e texturas nos quadros;
✓ edição, gravação e sincronização de trilhas sonoras para as animações;
✓ gravação de filmes ou vídeos.
Animação Bidimensional
Animação Tridimensional
Este método permite explorar recursos de animação que não estão disponíveis nos métodos
manuais. Por exemplo, a representação fiel dos aspectos de um objeto tridimensional. Este método
permite a visualização de objetos em 3D por todos os ângulos, simulando filmagens no mundo real,
sendo assim as animações que chegam mais próximas do mundo real. Por conta disso, as
animações 3D são muito usadas em simulações de diversas áreas de atividade humana. No
entanto, este método é o que exige mais tanto dos animadores quando dos computadores, requer,
portanto, computadores com a mais alta capacidade de processamento possível, além de grande
capacidade de armazenamento em disco.
Entre as aplicações de animação tridimensional incluem-se projeto assistido por computador
(CAD), design de novos produtos, estudos ambientais, simulação de aviões, automóveis e projetos
científicos e militares, visualização de grandes massas geradas por supercomputadores, além de
aplicações em arquitetura, engenharia e geoprocessamento.
Áudio
18
Representação Digital do Som
Aulas Sobre:
5 Maneiras de se trabalhar com o Blogger. Aplicativo INSHOT para celular.
- https://youtu.be/d_h2He7CHsU
Programa Sony Vegas 17.0 Aplicativo Inshot para mobile.
- Parte 1: https://youtu.be/9wdY3HJ5W8c
- Parte 2: https://youtu.be/CzOlq_rQ5sU
- Parte 3: https://youtu.be/4YefPYRs31E
Integração de ferramentas de chat online do Jivo e de métodos de pagamentos dentro
do seu blog.
- https://youtu.be/aalh496WluM
Software Sony Vegas e Inshot
19
- https://youtu.be/shdJpP2Jtzk
Configurações de Otimização do Sony Vegas. Ferramentas de Transição e Efeitos Sony
Vegas. Editando vinheta para Youtube no Canva
- Parte 1: https://youtu.be/giKzG-fwG-Q
- Parte 2: https://youtu.be/DPPim91KM9A
Sony Vegas Pro 17 Animações/Keyframes e Event Pan/Crop Event Pan/Crop e Slow
Motion
- Parte 1: https://youtu.be/zD3x7w1SuTI
- Parte 2: https://youtu.be/acbhvxItuMc
- Parte 3: https://youtu.be/77AVM27eGPs
Sony Vegas: Mudar a cor de um objeto no vídeo Sony Vegas: Efeito Digitação
Ferramentas de Gerenciamento de Conteúdo Web
Aula sobre animação no Animaker e aplicativos para Android
- https://youtu.be/MK96dku2ftM
20
5. Referências Bibliográficas
Básica:
https://www.gimp.org/tutorials/
https://www.blackmagicdesign.com/products/davinciresolve/training
21