Este documento fornece uma introdução aos efeitos no audiovisual. Discute brevemente a história dos efeitos no cinema, com foco no trabalho pioneiro de Georges Méliès, inventor de técnicas como stop edit, dissolve e double exposure. O documento também explica os principais tipos de efeitos ópticos e visuais que serão abordados no curso.
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...Leonardo Pereira
Este documento fornece informações sobre uma aula sobre animação tipográfica em motion graphics. A aula aborda: 1) o uso da tipografia em motion graphics, distinguindo entre tipografia icônica e não icônica; 2) princípios básicos de animação como squash and stretch e antecipação; 3) novos recursos do After Effects. A bibliografia inclui livros sobre animação da Disney e design de motion graphics.
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
This class presentation adresses some of the most classical visual and compositional principles that graphic designers use in order to compose their visual work in an organized, coherent and balanced manner.
If you need a copy please email me to leonardpeartree@gmail.com. I will be more than happy to send you one.
Este documento discute os princípios da psicologia da Gestalt, incluindo a formação da Escola da Gestalt e seus estudos sobre percepção visual e organização de formas. Apresenta exemplos ilustrativos dos princípios da Gestalt como peso, direção, equilíbrio e forças de unificação e segregação. Por fim, propõe exercícios práticos aplicando esses princípios em composições bidimensionais.
O documento discute os conceitos de equilíbrio e tensão na percepção visual humana. Equilíbrio é a referência visual mais forte e proporciona um senso de orientação, enquanto a tensão é criada pela falta de equilíbrio e regularidade, atraindo mais a atenção. Elementos visuais inesperados que perturbam o equilíbrio visual criam tensão na comunicação.
1) O documento descreve a Tríade Semiótica de Pierce, que analisa os signos em termos de representamen, objeto e interpretante.
2) O representamen é o aspecto material e sintático do signo, o objeto é aquilo que o signo se refere, e o interpretante são as possibilidades interpretativas geradas na mente pelo signo.
3) A tríade categoriza os signos em quali-signo, sin-signo e legi-signo de acordo com suas relações com o representamen, objeto e interpretante.
O Genérico - Main Title Design and Diegetic TypeLeonardo Pereira
Este documento descreve o que é um genérico ou título principal e como a tipografia pode ser integrada de forma diegética em um genérico. Fornece exemplos de genéricos onde a tipografia segue o movimento de elementos no vídeo, é revelada ou escondida por esses elementos, ou é integrada no espaço tridimensional criado. Discute como a tipografia diegética trata o texto como parte do mundo representado no genérico.
O documento discute os elementos básicos da comunicação visual, incluindo ponto, linha, forma, direção, tom, cor, textura, dimensão, escala e movimento. Estes elementos podem ser usados intencionalmente no design para transmitir significados e influenciar o público. Um bom entendimento destes conceitos permite criar projetos visuais mais efetivos.
Este documento fornece uma introdução aos efeitos no audiovisual. Discute brevemente a história dos efeitos no cinema, com foco no trabalho pioneiro de Georges Méliès, inventor de técnicas como stop edit, dissolve e double exposure. O documento também explica os principais tipos de efeitos ópticos e visuais que serão abordados no curso.
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...Leonardo Pereira
Este documento fornece informações sobre uma aula sobre animação tipográfica em motion graphics. A aula aborda: 1) o uso da tipografia em motion graphics, distinguindo entre tipografia icônica e não icônica; 2) princípios básicos de animação como squash and stretch e antecipação; 3) novos recursos do After Effects. A bibliografia inclui livros sobre animação da Disney e design de motion graphics.
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
This class presentation adresses some of the most classical visual and compositional principles that graphic designers use in order to compose their visual work in an organized, coherent and balanced manner.
If you need a copy please email me to leonardpeartree@gmail.com. I will be more than happy to send you one.
Este documento discute os princípios da psicologia da Gestalt, incluindo a formação da Escola da Gestalt e seus estudos sobre percepção visual e organização de formas. Apresenta exemplos ilustrativos dos princípios da Gestalt como peso, direção, equilíbrio e forças de unificação e segregação. Por fim, propõe exercícios práticos aplicando esses princípios em composições bidimensionais.
O documento discute os conceitos de equilíbrio e tensão na percepção visual humana. Equilíbrio é a referência visual mais forte e proporciona um senso de orientação, enquanto a tensão é criada pela falta de equilíbrio e regularidade, atraindo mais a atenção. Elementos visuais inesperados que perturbam o equilíbrio visual criam tensão na comunicação.
1) O documento descreve a Tríade Semiótica de Pierce, que analisa os signos em termos de representamen, objeto e interpretante.
2) O representamen é o aspecto material e sintático do signo, o objeto é aquilo que o signo se refere, e o interpretante são as possibilidades interpretativas geradas na mente pelo signo.
3) A tríade categoriza os signos em quali-signo, sin-signo e legi-signo de acordo com suas relações com o representamen, objeto e interpretante.
O Genérico - Main Title Design and Diegetic TypeLeonardo Pereira
Este documento descreve o que é um genérico ou título principal e como a tipografia pode ser integrada de forma diegética em um genérico. Fornece exemplos de genéricos onde a tipografia segue o movimento de elementos no vídeo, é revelada ou escondida por esses elementos, ou é integrada no espaço tridimensional criado. Discute como a tipografia diegética trata o texto como parte do mundo representado no genérico.
O documento discute os elementos básicos da comunicação visual, incluindo ponto, linha, forma, direção, tom, cor, textura, dimensão, escala e movimento. Estes elementos podem ser usados intencionalmente no design para transmitir significados e influenciar o público. Um bom entendimento destes conceitos permite criar projetos visuais mais efetivos.
Este documento discute os elementos e princípios básicos da linguagem visual nas artes visuais, incluindo ponto, linha, forma, textura, cor, espaço e como eles podem ser organizados usando princípios como equilíbrio, ênfase e proporção. Ele fornece exemplos de obras de arte para ilustrar esses conceitos visuais fundamentais.
O documento discute a comunicação visual e como as linguagens visuais comunicam ideias através de símbolos. Explica que a comunicação envolve um emissor, receptor e mensagem, e que códigos e contexto são importantes para a compreensão. Também aborda como imagens podem ter diferentes níveis de significado e funções na comunicação.
O documento descreve os elementos básicos da linguagem visual, incluindo ponto, linha, forma, textura e cor. Esses elementos são usados para transmitir ideias e sensações através de símbolos visuais de maneira mais impactante do que a linguagem oral ou escrita. A arte visual lida com o estudo e a percepção criativa do que é analisado ou percebido pelo olhar.
Este documento discute a introdução ao design gráfico e o próprio design gráfico. Apresenta as primeiras formas de comunicação visual e como o design evoluiu através dos tempos, desde as manifestações medievais até a invenção da imprensa e o surgimento da publicidade. Também aborda como o design gráfico se adaptou com a chegada dos computadores e da internet.
O documento apresenta informações sobre formas geométricas, incluindo suas dimensões, e sobre o sistema de projeção axonométrica. Discute as três perspectivas axonométricas (isométrica, dimétrica e cavaleira) e fornece exemplos de como marcar ângulos e medidas em cada uma. Também lista os materiais necessários para desenhar um cubo.
1) O documento descreve os elementos básicos da comunicação visual como pontos, linhas, formas geométricas, letras, gráficos e ilustrações.
2) Combinando esses elementos surgem grafismos que transmitem mensagens de forma concisa.
3) Técnicas como agrupamento, contraste, equilíbrio, harmonia e ritmo auxiliam na diagramação para conduzir a leitura de forma estratégica.
O documento discute os conceitos fundamentais de estética aplicada ao design, incluindo beleza, forma e a importância da percepção humana. Apresenta as principais teorias da estética ao longo da história e discute como esses conceitos podem ser aplicados na prática do design.
O documento discute os cinco elementos visuais da linguagem visual: linha, superfície, volume, luz e cor. Ele descreve como cada elemento configura o espaço de maneiras diferentes e como eles podem ser transformados uns nos outros durante o processo criativo do artista. A luz é definida pelo contraste entre claro e escuro e como este contraste pode criar efeitos de avanço e recuo no espaço através de valores graduados de intensidade.
Teoria da cor.
Cor luz e cor pigmento.
Síntese aditiva. Intervalo RGB.
Síntese subtrativa. Intervalo CMYK
Registro e reprodução das cores naturais com a cor-luz.
Reprodução das cores naturais com a cor-pigmento.
Impressão em escala e em tons contínuos.
Retículas de impressão.
O documento discute as linguagens audiovisuais, definindo-as como conjuntos de signos utilizados para comunicação que combinam elementos visuais como fotografia e elementos sonoros como voz e música. A mensagem audiovisual é constituída pela integração semântica dessas linguagens visuais e sonoras.
O documento apresenta diversas imagens de texturas naturais e artificiais e explica técnicas para representar texturas em desenhos e pinturas, como salpicado, frotagem, estampado e colagem.
O documento discute os conceitos de comunicação visual e linguagem não verbal. Explica que a comunicação visual envolve organizar mensagens através de signos visuais como imagens e gestos que constituem um código. Apresenta diferentes tipos de signos visuais como índices, sinais, símbolos e ícones. Também discute o uso da cor na comunicação para reforçar o significado da mensagem.
Este documento discute os elementos básicos da linguagem visual como ponto, linha, forma, direção, tom e cor. Explica que esses elementos constituem a base de qualquer mensagem visual e podem ser combinados para expressar diferentes ideias de forma clara. Também fornece exemplos de exercícios para ilustrar conceitos usando apenas esses elementos visuais.
O Surrealismo foi um movimento artístico e literário fundado em Paris na década de 1920 que enfatizava o papel do inconsciente na criatividade, inspirado pelas teorias de Freud. Liderado por André Breton, reunia artistas do Dadaísmo e tinha como objetivo produzir uma arte destruída pelo racionalismo. Seus principais representantes foram Antonin Artaud no teatro, Luis Buñuel no cinema e Max Ernst, René Magritte e Salvador Dalí nas artes plásticas.
O documento discute os elementos básicos da linguagem visual, incluindo linha, forma, cor e textura. A linha é um elemento essencial do desenho e pode ser classificada de várias maneiras. A forma descreve complexidade e é composta por formas básicas. A cor afeta nossas emoções e pode ser classificada como quente ou fria. A textura caracteriza o aspecto exterior das formas e pode ser visual ou tátil.
Este documento aborda conceitos básicos de design gráfico, incluindo composição, cores, tipografia e formato. Discutem-se princípios de organização visual como as leis da Gestalt e estruturas composicionais, além de características e sistemas de cores. A tipografia é explicada com exemplos de famílias e elementos de letras.
O que é um logotipo regras de construçãoPEDRO DAVID
Um logótipo identifica e representa uma entidade através de letras e/ou imagens. Deve ser único e refletir os valores da entidade que representa. Ao conceber um logótipo, deve-se considerar como ele será reproduzido e aplicado em diferentes contextos e materiais.
O documento descreve a história do design, desde sua presença em diferentes momentos da história até seu desenvolvimento como disciplina no século 20. Apresenta influências alemãs como a Deutscher Werkbund, Bauhaus e Escola de Ulm, e destaca designers brasileiros como Alexandre Wollner e Sérgio Rodrigues. Resume também definições, áreas e atuação do design.
This document is Leonardo Pereira's book cover design portfolio from 2006 to 2011. It features many of his best published and unpublished book covers from that time period across various subjects including science, geography, psychology, Portuguese language, math, English, history, activities and various books. Contact information is provided to view more work on his website and contact him by email.
Este documento propõe um plano de formação sobre produção de motion graphics para televisão móvel. O plano inclui introdução à televisão móvel e suas tecnologias, limitações dos dispositivos móveis e como isso afeta a criação de motion graphics, e softwares apropriados para edição e produção para telas menores. O autor reserva para si o papel de formador e visa treinar futuros professores no tema.
Este documento discute os elementos e princípios básicos da linguagem visual nas artes visuais, incluindo ponto, linha, forma, textura, cor, espaço e como eles podem ser organizados usando princípios como equilíbrio, ênfase e proporção. Ele fornece exemplos de obras de arte para ilustrar esses conceitos visuais fundamentais.
O documento discute a comunicação visual e como as linguagens visuais comunicam ideias através de símbolos. Explica que a comunicação envolve um emissor, receptor e mensagem, e que códigos e contexto são importantes para a compreensão. Também aborda como imagens podem ter diferentes níveis de significado e funções na comunicação.
O documento descreve os elementos básicos da linguagem visual, incluindo ponto, linha, forma, textura e cor. Esses elementos são usados para transmitir ideias e sensações através de símbolos visuais de maneira mais impactante do que a linguagem oral ou escrita. A arte visual lida com o estudo e a percepção criativa do que é analisado ou percebido pelo olhar.
Este documento discute a introdução ao design gráfico e o próprio design gráfico. Apresenta as primeiras formas de comunicação visual e como o design evoluiu através dos tempos, desde as manifestações medievais até a invenção da imprensa e o surgimento da publicidade. Também aborda como o design gráfico se adaptou com a chegada dos computadores e da internet.
O documento apresenta informações sobre formas geométricas, incluindo suas dimensões, e sobre o sistema de projeção axonométrica. Discute as três perspectivas axonométricas (isométrica, dimétrica e cavaleira) e fornece exemplos de como marcar ângulos e medidas em cada uma. Também lista os materiais necessários para desenhar um cubo.
1) O documento descreve os elementos básicos da comunicação visual como pontos, linhas, formas geométricas, letras, gráficos e ilustrações.
2) Combinando esses elementos surgem grafismos que transmitem mensagens de forma concisa.
3) Técnicas como agrupamento, contraste, equilíbrio, harmonia e ritmo auxiliam na diagramação para conduzir a leitura de forma estratégica.
O documento discute os conceitos fundamentais de estética aplicada ao design, incluindo beleza, forma e a importância da percepção humana. Apresenta as principais teorias da estética ao longo da história e discute como esses conceitos podem ser aplicados na prática do design.
O documento discute os cinco elementos visuais da linguagem visual: linha, superfície, volume, luz e cor. Ele descreve como cada elemento configura o espaço de maneiras diferentes e como eles podem ser transformados uns nos outros durante o processo criativo do artista. A luz é definida pelo contraste entre claro e escuro e como este contraste pode criar efeitos de avanço e recuo no espaço através de valores graduados de intensidade.
Teoria da cor.
Cor luz e cor pigmento.
Síntese aditiva. Intervalo RGB.
Síntese subtrativa. Intervalo CMYK
Registro e reprodução das cores naturais com a cor-luz.
Reprodução das cores naturais com a cor-pigmento.
Impressão em escala e em tons contínuos.
Retículas de impressão.
O documento discute as linguagens audiovisuais, definindo-as como conjuntos de signos utilizados para comunicação que combinam elementos visuais como fotografia e elementos sonoros como voz e música. A mensagem audiovisual é constituída pela integração semântica dessas linguagens visuais e sonoras.
O documento apresenta diversas imagens de texturas naturais e artificiais e explica técnicas para representar texturas em desenhos e pinturas, como salpicado, frotagem, estampado e colagem.
O documento discute os conceitos de comunicação visual e linguagem não verbal. Explica que a comunicação visual envolve organizar mensagens através de signos visuais como imagens e gestos que constituem um código. Apresenta diferentes tipos de signos visuais como índices, sinais, símbolos e ícones. Também discute o uso da cor na comunicação para reforçar o significado da mensagem.
Este documento discute os elementos básicos da linguagem visual como ponto, linha, forma, direção, tom e cor. Explica que esses elementos constituem a base de qualquer mensagem visual e podem ser combinados para expressar diferentes ideias de forma clara. Também fornece exemplos de exercícios para ilustrar conceitos usando apenas esses elementos visuais.
O Surrealismo foi um movimento artístico e literário fundado em Paris na década de 1920 que enfatizava o papel do inconsciente na criatividade, inspirado pelas teorias de Freud. Liderado por André Breton, reunia artistas do Dadaísmo e tinha como objetivo produzir uma arte destruída pelo racionalismo. Seus principais representantes foram Antonin Artaud no teatro, Luis Buñuel no cinema e Max Ernst, René Magritte e Salvador Dalí nas artes plásticas.
O documento discute os elementos básicos da linguagem visual, incluindo linha, forma, cor e textura. A linha é um elemento essencial do desenho e pode ser classificada de várias maneiras. A forma descreve complexidade e é composta por formas básicas. A cor afeta nossas emoções e pode ser classificada como quente ou fria. A textura caracteriza o aspecto exterior das formas e pode ser visual ou tátil.
Este documento aborda conceitos básicos de design gráfico, incluindo composição, cores, tipografia e formato. Discutem-se princípios de organização visual como as leis da Gestalt e estruturas composicionais, além de características e sistemas de cores. A tipografia é explicada com exemplos de famílias e elementos de letras.
O que é um logotipo regras de construçãoPEDRO DAVID
Um logótipo identifica e representa uma entidade através de letras e/ou imagens. Deve ser único e refletir os valores da entidade que representa. Ao conceber um logótipo, deve-se considerar como ele será reproduzido e aplicado em diferentes contextos e materiais.
O documento descreve a história do design, desde sua presença em diferentes momentos da história até seu desenvolvimento como disciplina no século 20. Apresenta influências alemãs como a Deutscher Werkbund, Bauhaus e Escola de Ulm, e destaca designers brasileiros como Alexandre Wollner e Sérgio Rodrigues. Resume também definições, áreas e atuação do design.
This document is Leonardo Pereira's book cover design portfolio from 2006 to 2011. It features many of his best published and unpublished book covers from that time period across various subjects including science, geography, psychology, Portuguese language, math, English, history, activities and various books. Contact information is provided to view more work on his website and contact him by email.
Este documento propõe um plano de formação sobre produção de motion graphics para televisão móvel. O plano inclui introdução à televisão móvel e suas tecnologias, limitações dos dispositivos móveis e como isso afeta a criação de motion graphics, e softwares apropriados para edição e produção para telas menores. O autor reserva para si o papel de formador e visa treinar futuros professores no tema.
O documento discute os diferentes ângulos de filmagem que podem ser usados na edição de vídeo, incluindo o ângulo normal, ângulo picado e ângulo contra-picado. Explica como cada ângulo é definido pela posição da câmera em relação ao objeto filmado.
O documento lista vários links e caminhos de pastas para projetos de áudio, vídeo e websites desenvolvidos por Leonardo Pereira entre 2002-2010, incluindo anúncios publicitários, introduções de websites, animações interativas e sites para campanhas educacionais.
Publicidade Audiovisual em Micro-Formatos (UFPR)Jean Silva
Pesquisa acadêmica sobre Publicidade Audiovisual em Micro-formatos. A nova linguagem do audiovisual nos dispositivos móveis ( iPhone, Smartphones, PDA’s e tablets).
The document contains a list of over 30 YouTube and Vimeo video links related to cinema, animation, music, and sound design. Specifically, some of the links discuss the differences between diegetic and non-diegetic sound. The variety of links suggest the document is collecting references for studying various techniques in film, music, and sound design.
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitáriosLeonardo Pereira
O documento discute o uso de motion graphics na publicidade, incluindo exemplos de motion graphics não diegéticos e diegéticos. Também aborda técnicas como motion tracking, chroma keying e sistemas de partículas que podem ser usados para integrar gráficos animados em vídeos de forma realista.
Este documento descreve um tutorial prático de animação em After Effects, abordando tópicos como animação de máscaras, puppet tool e animação de câmeras. O tutorial ensina a posicionar e animar elementos gráficos em um cenário 3D, incluindo árvores, vegetação e um texto sobre o exercício.
O documento fornece instruções sobre cuidados de produção para chroma keying, motion tracking e materiais necessários para um set de produção. Ele discute iluminação adequada para chroma, distância entre objetos e chroma, e cuidados com roupas. Também aborda pontos de referência para motion tracking e iluminação difusa para facilitar a remoção de marcações. A lista final inclui materiais básicos para produção como fita, papel, placas refletoras e equipamentos de iluminação e suporte.
O documento apresenta um teste de múltipla escolha sobre formação de imagem em radiografia, abordando conceitos como mAs, Kv, densidade óptica, contraste, poder de penetração, entre outros. O teste contém 32 questões com gabarito no final.
A influência das tecnologias e do mercado audiovisual brasileiro na estética ...Ana Cláudia Herrmann
Apresentação do trabalho de conclusão de curso.
Resumo: Este trabalho visou estudar a relação entre tecnologias, o mercado audiovisual brasileiro e a estética de projetos de motion graphics aplicados à TV por Assinatura. Como recorte, foi observado uma especificidade da aplicação destes projetos que é a identidade televisiva. Tal observação foi feita a partir do canal Multishow analisando, por meio de seu percurso histórico de 21 anos, em que medida os recursos tecnológicos disponíveis e as movimentações do mercado audiovisual de TV por Assinatura estão relacionados com as soluções gráficas produzidas. Escolheu-se esse canal por ser um dos primeiros quatro canais da GloboSat que, por sua vez, foi uma das primeiras programadoras a operar no país e é atualmente a maior da América Latina. Após esse estudo, foi construído um projeto de identidade televisiva para um canal fictício do mesmo escopo do Multishow. Nesse projeto prático foi levada em conta a relação tecnológica e mercadológica mapeada neste trabalho.
Motion graphics are graphic elements with movement properties that are commonly used in television broadcasts to enhance visual quality and engagement. They can take forms like menus, titles, and logos. Compositing video is the process of post-producing video to manipulate properties like framing, content, color, and effects to achieve a desired outcome. It takes into account concepts like frame rate, video format, screen ratios, resolution, and compression. Adobe After Effects is considered an industry standard software for digital compositing.
Kinetic Typography Motion Graphics From After Effects To PowerPointRajiv Kohli
This motion graphics animation video is truly dedicated to +BhutiaShengaPadma - popolaz
Original Animation in After Effects by Popolaz:
https://youtu.be/2jTwX8jz-44
I love to explore the #PowerOfPowerPoint So I decided to reanimate this video in PowerPoint 2016. It is a bit hard to reanimate all the animation sequence in PowerPoint but still I tried my best.
Creating a tutorial of this video is not actually possible for me because it takes a lot of time just to create those motion graphic effects. But still if you are an intermediate user of PowerPoint then you can download the template (.PPTX file and 142 Slides) file and can then open both the Selection Pane and Animation Pane to learn about the animation sequences.
BEFORE DOWNLOADING
====================
DO LEAVE A LIKE, COMMENT AND DON'T FORGET TO SHARE THIS VIDEO WITH YOUR FRIENDS.
Download Link:
https://goo.gl/8NpF6l
Music Credits:
Electro-Light & Distrion - Rubik
Link- http://youtu.be/_3dICHTVZQI
For More PowerPoint Animations:
https://www.youtube.com/playlist?list=PLwBNdcufIBPsuFNJ_ecPYFeCY3Yrti8hT
O documento fornece um resumo da história e técnicas da animação, desde as primeiras animações criadas no final do século XIX até as técnicas digitais modernas. Detalha os principais marcos históricos da animação, como a primeira animação com som e a primeira animação colorida, e descreve técnicas como animação tradicional, stop motion e animação limitada. Também lista alguns programas populares usados para criar animações digitais e fornece exemplos contemporâneos de animações.
Este documento descreve os princípios básicos e clássicos de animação. Apresenta exemplos de como conceitos como timing, squash and stretch, antecipação, arrasto e acção sobreposta podem ser aplicados para criar movimentos animados realistas. O professor também discute como compreender o comportamento físico dos objetos no mundo real é fundamental para animá-los de forma credível.
Este documento describe los principios básicos de la mecánica corporal y las posiciones corporales en enfermería. Explica que al mover un peso se debe mantener la espalda recta, buscar el equilibrio corporal, sujetar el objeto con firmeza y flexionar las piernas. Además, detalla varias posiciones corporales comunes como la posición anatómica, de cúbito dorsal y Fowler.
Este documento descreve um curso sobre caracterização de vários tipos e formatos de imagens. O curso abordará tipos de imagens como vetoriais e de mapa de bits, formatos de ficheiros como JPG, PNG e GIF, além de temas como resolução, cores e sistemas de normalização. O curso é ministrado por Bruno Ferreira e tem duração de 25 horas.
[1] O documento discute a correção de cor em fotografias digitais. [2] Apresenta as principais ferramentas de correção de cor no Photoshop, incluindo layers de ajuste como Brightness/Contrast, Curves e Levels. [3] Discutem-se também tipologias técnicas e estéticas de correção de cor e como manipular tons em imagens.
1. O documento descreve uma aula sobre a direção de arte publicitária e o uso do Photoshop nesse contexto. 2. Os alunos devem desenvolver um anúncio publicitário em grupo usando o Photoshop. 3. O anúncio deve promover um produto livre em um documento A4 em alta resolução em modo CMYK.
Este documento discute a correção de cor em vídeo e imagens. Explica que a correção de cor envolve manipular características luminosas e cromáticas através de ferramentas como brilho/contraste, curvas e níveis. Discutem-se dois tipos de correção: primária, que se aplica à imagem como um todo, e secundária, que se aplica a áreas isoladas. Exemplos de filmes como Amélie e Aviator ilustram como a correção de cor cria estilos visuais
O documento resume uma aula sobre projeção 3D de câmeras. Aborda o que é projeção de câmeras e o efeito de paralaxe, explica como funciona o paralaxe e apresenta duas técnicas de projeção de câmeras. Na aula, os alunos irão experimentar dar tridimensionalidade a imagens planas no Photoshop e After Effects.
O documento descreve uma aula sobre retoque fotográfico. Apresenta as principais ferramentas de retoque do Photoshop, incluindo a ferramenta Clone Stamp para remover manchas, a ferramenta History Brush para recuperar informações apagadas, e a ferramenta Blur para suavizar texturas. O professor fornece exemplos e tutoriais para demonstrar o uso destas ferramentas.
Este documento fornece uma introdução à interatividade e narrativas interativas. Resume diferentes definições de interatividade e discute como ela permite que os usuários participem e controlem sua experiência com conteúdo. Também fornece exemplos de produtos interativos, incluindo vídeos, jogos e experiências na web que permitem escolhas do usuário que afetam a narrativa.
This tutorial covers some of the main techniques and tools used to retouch a human figure. It's based on the slick force technique developed by the famous photographer/cinematographer Nick Saglimbeni.
Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"brunocunhapt
O documento descreve um projeto de cartão de estudante com realidade aumentada (ARSC) para melhorar o ensino. O ARSC usa marcadores no cartão para exibir modelos 3D e conteúdo interativo relacionado a lições. O artigo discute o desenvolvimento do ARSC, um estudo de caso com 51 alunos, e os resultados da pesquisa, que indicam que os alunos avaliaram positivamente o ARSC e o usariam principalmente em ciências e biologia.
O documento apresenta uma aula sobre introdução ao Photoshop ministrada pelo Professor Leonardo Pereira. A aula aborda a interface do Photoshop, operações básicas de gestão de ficheiros e layers, e conceitos como blending modes e máscaras de layers.
Semelhante a Introdução à mecânica de uma imagem estática (10)
O documento resume as principais técnicas de criação do efeito de paralaxe em composição digital, incluindo: 1) converter imagens 2D em 2.5D usando Photoshop e After Effects; 2) projeção de câmeras mapeando imagens em objetos 3D; e 3) maps de deslocamento para sugerir profundidade. Além disso, discute a ferramenta Puppet Pin Tool no After Effects para animar partes de figuras recortadas.
Este documento fornece instruções sobre como usar máscaras no Photoshop para recortar objetos de imagens de forma não destrutiva. Explica o que são máscaras, como aplicá-las, editá-las e visualizá-las. Também fornece um exercício passo-a-passo para recortar um secador de uma imagem usando máscaras e dividindo-o em suas partes.
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsLeonardo Pereira
Este documento é uma dissertação de mestrado apresentada à Universidade de Aveiro sobre estratégias de produção de motion graphics para mobile TV no contexto português. Inclui uma introdução, revisão da literatura sobre mobile TV e motion graphics, entrevistas com profissionais do setor, e identificação de limitações na criação de motion graphics para mobile TV.
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Leonardo Pereira
Este documento apresenta uma introdução à tese de doutoramento sobre o design de interfaces para aplicações de televisão interativa dirigidas a seniores. Descreve a problemática, objetivos e metodologias de investigação utilizadas, as parcerias estabelecidas e a caracterização do público-alvo.
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013Leonardo Pereira
This document summarizes a doctoral thesis on principles for designing interactive television (iTV) application interfaces for senior Portuguese users. The thesis was presented at the Faculty of Fine Arts of the University of Porto in Portugal. It introduces the context and challenges of aging and digital exclusion for seniors. It also notes the growth of the senior population in Portugal and need for greater digital inclusion. The thesis aims to identify design principles for iTV interfaces that better meet the special requirements of senior Portuguese users.
In this class I discuss and showcase with my students the convergence between two values of a website's interface: Playfulness and Usability of the user's experience when interacting with a website built with the Adobe Flash tool.
Adding paralax to a still picture - From 2D to 2.5DLeonardo Pereira
Este documento fornece instruções passo-a-passo para criar um efeito de paralaxe em uma imagem bidimensional usando técnicas manuais no Photoshop e After Effects. Primeiro, os elementos da imagem são separados em camadas com base em sua profundidade percebida. Em seguida, as camadas são posicionadas no espaço 3D do After Effects para simular profundidade quando uma câmera é movida.
Este documento apresenta uma proposta de trabalho para os alunos produzirem uma animação em Flash com duração entre 30 segundos e 1 minuto. Os alunos trabalharão em pares para criar uma animação original com narrativa clara utilizando apenas imagens de sua autoria. A proposta destaca requisitos técnicos e instruções para a entrega do trabalho.
Introduction to Illustrator's workshop - Covilha October 2012Leonardo Pereira
In this workshop I introduce the Industrial Design Course's students (the Universidade da Beira interior's one) to the main uses and Tools available in Illustrator for basic vector drawing. The nature of a vector picture is also adressed.
Introduction to Photoshop's workshop - Covilha October 2012Leonardo Pereira
1. O documento apresenta um workshop de introdução ao Photoshop, descrevendo seus principais contextos de aplicação e operações.
2. São descritos os contextos de aplicação em publicidade e design gráfico, assim como operações comuns como recorte, correção de cor e fotomontagem.
3. Conceitos-chave como pixels, modos cromáticos, resolução de imagens são explicados de forma sucinta.
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DLeonardo Pereira
In this class I teach my students how to integrate a bidimensional book cover into a 3D book packshot, using different layers, layer masks, selections and blending modes.
Este documento resume o progresso de uma investigação sobre o design de interfaces IPTV para seniores. Foram realizadas 4 tarefas principais: 1) Levantamento das limitações impostas pelo software e hardware ao design; 2) Limitações impostas pelo televisor CRT; 3) Limitações impostas pelos elementos gráficos da emissão televisiva; 4) Field trial da interface da aplicação iNeighbour TV para avaliação.
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Leonardo Pereira
The PHD research, hereafter described, consists in finding answers for the following research problem: What principles, at both the graphic and interaction levels, should IPTV applications' Interface Design (Internet Protocol Television) follow, so that their interfaces are better suited to the special requirements of Portuguese senior users?
Este documento fornece instruções passo-a-passo para integrar texto tridimensional em um vídeo usando o plug-in Camera Tracker no After Effects. O tutorial explica como rastrear pontos de referência no vídeo, criar uma cena 3D com uma câmera vinculada, posicionar o texto no espaço do vídeo e alinhar o texto para que pareça parte do ambiente filmado.
Particles emission from a moving finger - TutorialLeonardo Pereira
Este documento fornece instruções passo-a-passo para criar um efeito de partículas emitidas a partir da ponta do dedo em movimento em uma gravação de vídeo usando o After Effects. O tutorial explica como fazer o rastreamento de movimento do dedo, criar e animar uma partícula, configurar um sistema de partículas para seguir o dedo e ajustar as propriedades para que as partículas se comportem como bolhas subindo.
Particles emission from a moving finger - Tutorial
Introdução à mecânica de uma imagem estática
1. Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Professor Leonardo Pereira
Ano Curricular - 2012 | 2013 COMUNICAÇÃO E MEIOS DIGITAIS
Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre
Aula 02
1. INTRODUÇÃO À MECÂNICA DA IMAGEM ESTÁTICA
Tipos de imagem
Modos e sistemas cromáticos de imagem
Resolução de imagem
Formatos de ficheiros de imagem
2. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
01
Tipos de imagem
leonardpeartree@gmail.com
3. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Tipos Interessa compreender que existem dois grandes tipos de imagem estática, muito
de imagem embora só nos iremos debruçar sobre uma:
A imagem bitmap e a imagem vetorial, como ilustrado em baixo.
1. Imagem bitmap 2. Imagem vetorial
leonardpeartree@gmail.com
4. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
A imagem
bitmap
Unidade básica do bitmap - o Píxel
Uma imagem bitmap é constituída por pequenos pontos ou unidades de cor aos quais
tipicamente se dá o nome de píxeis dispostos numa grelha, como exemplificado nestas
imagens.
leonardpeartree@gmail.com
5. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
A imagem
vectorial
Unidade básica da imagem vectorial - O Vector
Uma imagem vetorial é uma imagem constituída por uma série de formas, por sua vez
constituídas por pontos aos quais se dá, tipicamente, o nome de vetores.
leonardpeartree@gmail.com
6. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Tipos O bitmap é usado mais em imagem fotográfica e real:
de imagem
leonardpeartree@gmail.com
7. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Tipos O vetor é mais usado em grafismo e em ilustração, embora o vetor possa ser
de imagem transformado em bitmap.
leonardpeartree@gmail.com
8. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Tipos Mas nós só vamos aprender a usar e a manipular imagens bitmap.
de imagem
Como?
Com o Photoshop que é o editor de imagens bitmap por excelência.
leonardpeartree@gmail.com
9. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
02
Modos e sistemas cromáticos de imagem
leonardpeartree@gmail.com
10. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Modos O que é que é um modo cromático de imagem?
cromáticos
É a forma como uma imagem é formada pela combinação de diferentes cores de base
de imagem subjacentes a cada sistema.
No Photoshop, o que interessa reter, para vossa aprendizagem, nesta fase, são 2:
1. RGB 2. CMYK
leonardpeartree@gmail.com
11. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Modos RGB
cromáticos Uma imagem em modo RGB é uma imagem cujas cores resultam da combinação de 3
canais de cores: RED | Green | Blue
de imagem
No Photoshop, ligando-se e desligando-se no painel dos “channels” cada um dos canais
da imagem, esta é a aparência com que as imagens ficam:
Todos canais ativos Só canal blue ativo Só canal green ativo Só canal red ativo
leonardpeartree@gmail.com
12. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Modos CMYK
cromáticos Uma imagem em modo CMYK é uma imagem cujas cores resultam da combinação de 4
canais de cores: CYAN | MAGENTA | YELLOW | BLACK
de imagem
No Photoshop, ligando-se e desligando-se no painel dos “channels” cada um dos canais
da imagem esta é a aparência com que as imagens ficam:
Só Cyan Só Magenta Só Yellow Só Black
leonardpeartree@gmail.com
13. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Modos Como converter as imagens de um modo cromático para outro?
cromáticos A conversão de uma imagem de um modo cromático para outro é muito fácil.
de imagem No Photoshop, com a imagem aberta, basta fazer o seguinte, como mostra a imagem:
1- Ir ao menú “Image”
2- Escolher Mode
3- Escolher um dos modos (RGB, CMYK ou Grayscale)
1
2
3
leonardpeartree@gmail.com
14. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Modos E porque é que há vários modos cromáticos ou sistemas de cor?
cromáticos Porque cada suporte ou Media tem um modo cromático de formação
da imagem diferente.
de imagem
Tudo o que é suporte digital de exibição A maioria das imagens bitmap que são
de imagens usa o modo RGB: impressas usam o modo CMYK:
Televisores, Ecrãs de PC, Ecrãs de Revistas, Jornais, Cartazes, Embalagens,
telemóvel, Ecrãs de Tablets, etc... etc...
leonardpeartree@gmail.com
15. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
03
Resolução de imagem
leonardpeartree@gmail.com
16. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Resolução O que é a resolução de uma imagem?
de imagem Dito de uma forma simplista a resolução é o grau de detalhe de que uma imagem
dispõe para descrever formal e visualmente um objeto. É a qualidade com que um
objeto e seus detalhes são visualmente descritos numa imagem.
Imagem em Alta resolução Imagem em Baixa resolução
Tamanho: 16,5 cm x 21,9 cm Tamanho: 16,5 cm x 21,9 cm
Resolução: 300 ppis Resolução: 30 ppis
PPIS = Pixels per Inch.
leonardpeartree@gmail.com
17. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Resolução E temos de usar sempre alta resolução em todos os suportes?
de imagem
Suporte Impresso (papel)
Se estamos a falar de imagens a serem impressas em papel temos de usar imagens em
alta resolução, ou seja, 300 ppis.
Porquê?
Porque senão as imagens ficam sem definição e com o píxel visível.
Suporte ecrã digital e Web
Se estamos a falar de imagens a serem exibidas na web, só precisamos de imagens a
72 ppis.
Porquê?
1. Porque a maioria dos ecrãs de computador ainda não exibem imagem numa
resolução superior a 72 ppis;
2. Porque na web os dados têm de ser descarregados de um servidor para o nosso
computador. Se uma imagem tiver alta resolução vai ser mais pesada. E se for mais
pesada demora mais tempo a descarregar.
leonardpeartree@gmail.com
18. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
04
Formatos de ficheiros de imagem
leonardpeartree@gmail.com
19. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Formatos de Tipos de formato de ficheiro de imagem bitmap
ficheiros de
Há vários tipos de formatos de ficheiro de imagem. Mas estes podem-se dividir em dois
imagem grandes grupos e são escolhidos no momento em que gravamos um ficheiro:
Sem compressão de dados Com compressão de dados
• Tiff • Jpeg
• Eps • Png
• Psd ou Psp • Gif
• BMP
leonardpeartree@gmail.com
20. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Formatos de E quais são os formats que nos vão interessar usar no Photoshop?
ficheiros de
• O Tiff
imagem - formato sem compressão;
- alto peso de ficheiro quando em alta resolução;
- ideal para guardar imagens em alta qualidade;
- suporta ficheiros multilayers;
- apesar de suportar layers no Photoshop (camadas de imagens) é mais utilizado nas
artes finais de materiais e imagens a serem impressos em alta qualidade.
• O PSD
- formato sem compressão;
- suporta ficheiros multilayers;
- alto peso de ficheiro quando em alta resolução e ainda maior quando em layers;
- serve essencialmente para guardar um ficheiro com as layers que foram necessárias
à construção de uma imagem.
• Jpeg
- equivalente ao Tiff mas com compressão;
- baixo peso de ficheiro quando em alta resolução;
- embora seja ideal para a web (pela alta compressão de dados que suporta sem
grandes perdas);
- pode ser também utilizado em imagens impressas com qualidade desde que com
pouca compressão;
- não suporta ficheiros multilayers.
leonardpeartree@gmail.com
21. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Formatos de Mas o que é a compressão?
ficheiros de
imagem
A compressão de imagem consiste num conjunto de operações informáticas que re-
movem informação redundante existente numa imagem por forma a tornar essa mesma
imagem mais leve.
Naturalmente que, independentemente do formato de ficheiro usado, quanto maior for o
índice de compressão aplicada a uma imagem, menor será a qualidade de definição da
mesma imagem.
Vamos ver no photoshop as diferenças de peso e qualidade em função
da compressão aplicada a uma imagem, neste caso, no formato jpeg.
leonardpeartree@gmail.com