Imagens Digitais

Digital: Eduardo Souto Moura

Profª Leila Laís Gonçalves

llg@unesc.net
Aula 01

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 1

 Conteúdo – Aula 01
• Apresentação e discussão do Plano de Ensino;
• Apresentação e discussão do Cronograma da disciplina;
• 1. Imagem Digital:
• Conceitos: imagem analógica, imagem digital, bitmap X vetorial

• Objetivos de aprendizagem: compreender os conceitos;

identificar as características principais das ID.

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 2

 Imagem Analógica

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 3

 Imagem Analógica
• Conceitos:
– É a representação visual de seres, objetos ou impressões;
– É uma recriação do real, a partir do ponto de vista das intenções e da
ideologia do seu autor.

• Características:
– Composição: é formada por processos de pigmentação – variação
contínua de tons e cores (grãos de prata, pigmentos, corantes, ou outro
material formador de imagem) depositados sobre um suporte material
(papel, plástico, vidro, etc.);
– Visualização: é um material de visualização direta, que não requer
decodificação, basta haver luz para ser lida.
– Reprodução: pode ser reproduzida por meios fotográficos, pintura,
xilogravura, serigrafia, desenho, etc.
– Suporte: material - papel, tela, tecido

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 4

 Imagem Digital

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 5

 Imagem Digital (ID)
• Conceitos:
– É uma imagem gerada e/ou armazenada em um arquivo binário, digital.
– É um código numérico (binário: 0 e 1) gravado em um suporte tecnológico.

• Características:
– Composição: a imagem digital, depois de ser decodificada, se apresenta
como um conjunto de pontos discretos, elementos mínimos, chamados
pixel, (pixel = picture + element).
– Visualização: para ser visto como imagem, este arquivo terá que ser
decodificado, ou seja, transformar o código numérico (0, 1) em
representação visual da imagem.
– Reprodução: para ser reproduzida, a ID requer um dispositivo digital (
monitor, impressora, projetor, etc.).
– Suporte:digital – a ID é armazenada em um arquivo constituído por “0” e “1”.
– Tipo: Vetorial e Bitmap.
– Formatos: BMP, JPEG, GIF, TIFF, PNG

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 6

 Imagem Analógica X Digital
Imagem Analógica Imagem Digital
Cor Variação contínua de tons e cores Pontos discretos de tons e/ou
cores, ou brilho

Suporte Material: papel, tela, tecido Arquivo binário

Visualização Direta – luz Decodificação arquivo

Reprodução pintura, fotografia, xilogravura, Monitor, dispositivo digital

serigrafia, etc.

Representação Função f(x,y) que representa uma Discretização no espaço

intensidade de luz no espaço originando uma matriz de pontos
bidimensional – pixels

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 7

 Imagem Digital (ID)
• Bidimensional
– Imagem vetorial
• Desenho digital vetorial
• Ilustração
• Pintura digital vetorial
• Animação bidimensional
• Arte gráfica
• Line art
– Imagem bitmap
• Pixelart
• Arte oekaki
• Pintura digital bitmap
• Desenho digital bitmap
• Morphing
• Imagem digital (edição de fotografias e imagens)
• Tridimensional
– Modelagem tridimensional (3D)
– Animação 3D
– Arte fractal

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 8

 Imagem Vetorial: Vetor
• Vetores são entidades definidas matematicamente
como um segmento de reta (uma série de pontos unidos
por linhas) orientado com origem e extremidade.
• Desenho vetorial a partir da composição de objetos
vetoriais (linha, formas geométricas básicas, formas
livres, texto).

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 9

 Imagem Bitmap: Pixel
• Uma imagem digital bitmap é uma representação discreta derivada de uma
imagem analógica contínua através de um processo de amostragem
normalmente referido como digitalização.

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 10

 Imagem Bitmap: Pixel
• Conceitos:
– Aglutinação de Picture e Element, ou seja, elemento da imagem.
– É o menor elemento num dispositivo de exibição, ao qual é possível
atribuir-se uma cor.
– É o menor ponto (área retangular) que forma uma imagem digital,sendo
que o conjunto de milhares de pixels
formam a imagem inteira.

• Características:
– A cada pixel é atribuído um valor binário composto por um conjunto de
3 pontos: verde, vermelho e azul - que indicam cor e intensidade
luminosa.
– Cada um destes pontos é capaz de exibir 256 tonalidades diferentes (o
equivalente a 8 bits) e combinando tonalidades dos três pontos é
possível exibir em torno de 16 milhões de cores diferentes.

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 11

 Bitmap X Vetorial

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 12

 Edição de Imagem
• A Edição é a alteração/manuseamento de determinado
conteúdo tendo por objetivo um uso determinado.
– Recorte de imagem
– Mesclagens, montagens e fusões
– Conversão do modo de cores
– Substituição de cores
– Ajustes dos níveis, curvas e exposição
– Retoque Estético
– Remoção de invasões de cores
– Remoção de ruídos
– Conversão de formatos de arquivo
– Alteração de tamanho e resolução de imagem
– Aplicação de efeitos
– Desenho e pintura
– Caricatura
Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 13
Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 14
 Editores de Imagem
• Editores gráficos ou editores de imagens são programas que tem
como objetivo facilitar a alteração e criação de imagens digitais.
– Editores Bitmap ou Raster: programas que geram pinturas digitais, ilustrações,
editam ou retocam fotografias. Dentre os mais populares estão: GIMP, Adobe
PhotoShop, Corel PhotoPaint, PhotoScape, Pixia, Paint.NET, ArtRage, Corel Painter;

– Editores Vetoriais: programas que criam ilustrações por meio de cálculos

matemáticos (vetores) e que podem ser livremente modificados, tendo como base
objetos e curvas, a estes podem ser aplicadas cores de contorno e preenchimento de
acordo com o programa. Dentre os mais populares estão: Inkscape, Corel Draw,
Adobe Illustrator, Sodipodi, Macromedia Freehand;

– Editores Tridimensionais: programas que manipulam imagens em três dimensões

como sólidos simples (cubos, esferas, cilindros, prismas, pirâmides, etc.) são usados
em diversas áreas técnicas, bem como na criação de comerciais e efeitos especiais
em filmes. Dentre os mais populares estão: SketchUp, 3ds Max, Blender, Cinema 4D,
Maya, Autodesk Softimage;

– Editores online: Sumo Paint; Adobe Photoshop Express; Pixlr; Aviary Phoenix;
Picnik.

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 15

 Meios de aplicação de ID
• Contexto Digital:
• Web, Multimídia, Medicina, TV, etc...
• Contexto Impresso:
• Artes gráficas, impressos, documentos, etc...

• Modelo de Cor
• Resolução Espacial
• Dimensões

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 16

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 17
 Contextos de aplicação de ID
• Aplicações: Otimização, Manipulação e Fotocomposição.
• a. Otimização – é utilizada para limpar fotos que contém imperfeições
envolvendo ajuste de brilho e contraste, remoção de "olhos vermelhos",
uso de filtro para aumento de definição e eliminação de manchas de
poeira e riscos.

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 18

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 19
 Contextos de aplicação de ID
b. Manipulação de Imagens - envolve mudanças em suas
características. Tais mudanças podem ser simples como a alteração da
cor de fundo de uma foto ou a remoção de algum indivíduo ou elemento
indesejado, até aquelas altamente complexas envolvendo radicais
mudanças sobre a tomada original, podendo até transformá-la em um
trabalho artístico.

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 20

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 21
 Contextos de aplicação de ID
c. Fotocomposição - consiste em montar em uma única composição
diversas imagens, gráficos, textos e outros elementos. Ela pode ser
considerada como o topo da Imagem Digital, considerando-se a
complexidade dos trabalhos e técnicas envolvidas.
Os limites entre a Manipulação de Imagens e a Fotocomposição são
difíceis de serem identificados e na maioria das vezes se misturam e se
completam.

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 22

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 23
 Contextos de aplicação de ID

Naturemorphosis XII
Garota no Exército (Army Brat)
Oliver Ottner
Malachi Maloney

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 24

 Contextos de aplicação de ID

Cityscape Shadowplay
Philip H. Williams Bert Monroy

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 25

 Contextos de aplicação de ID

Pegasus Guitarra
Jens Karlsson Colin Smith

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 26

 Exemplos
Alex Ross, Mike Mignola e os
brasileiros Renato Guedes e Ivan
Reis.

Ilustração Digital by Renan Ribeiro

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 27

 Eventos e Cursos
• Photoshop Conference
– Maior evento de Photoshop da
América Latina
– http://www.photoshopconference.com.br/
– Photoshop Conference 2018: 21, 22 e 23 de Maio de 2018
Teatro Iguatemi - Shopping Center Iguatemi – Campinas/SP:
• Tutoriais, debates sobre carreira, negócios, estúdios ao vivo,
networking e interatividade: técnicas, fusões, fotografia e design.

• Workshop Photo Tour Brasil

– http://www.phototourbrasil.com.br/

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 28

 Instrumentos
• Mesa gráfica, tablet gráfico ou mesa digitalizadora
– Sensibilidade à pressão
– Botões personalizáveis
– Inclinação da caneta
– Sensibilidade ao toque
– Borracha
– Modelos Wacom: Bamboo, Intuos e Cintiq.
https://www.youtube.com/watch?v=npwXcwTMMJo
https://www.youtube.com/watch?v=kGQJG_giz1w
https://theshoppers.com/mesa-digitalizadora-wacom-ugee-comprar/
https://clube.design/2014/mesa-digitalizadora-o-que-e-qual-e-como-escolher/
http://www.techtudo.com.br/artigos/noticia/2013/05/qual-e-a-melhor-mesa-
digitalizadora-para-fotografos-e-artistas-digitais.html
• Softwares: Corel Painter, Photoshop, Gimp, SumoPaint, Queeky.

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 29

 • http://www.oaess.com.br/2017/11/ilustras-pen-
tablet_25.html
• IVAN QUERINO
• WALDOMIRO NETO

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 30

 Mesa
• https://www.youtube.com/watch?v=IrbnTVRInuQ

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 31

 Controle sobre a caneta

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 32

 Controle sobre a caneta
Alterar o tamanho e a opacidade do pincel com pressão
da caneta
Controlar ferramentas de pintura com pressão da caneta,
ângulo,
rotação ou a roda de estilos.
1.Selecione as ferramentas Pincel , Lápis
ou outra ferramenta de pintura.
2.Na barra de opções, execute um dos seguintes
procedimentos:
•Clique no botão Tamanho dos controles da pressão do
digitalizador .
•Clique no botão Opacidade dos controles da pressão do
digitalizador .

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 33

 • Transição do papel para o digital.
Utilização do Photoshop na ilustração.
Desenhando com o photoshop e a mesa digitalizadora.
Colorindo com o photoshop e a mesa digitalizadora.
Conhecendo as técnicas de finalização Abordagem
sobre o mercado de trabalho

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 34

 Atividade Aula 01
1. Identificar, descrever e exemplificar as diferenças entre
imagem digital: bitmap X vetorial (arquivo .doc).
2. Pesquisar um caso de infração da ética, estética ou
direito autoral em edição de imagem digital (arquivo
.ppt):
A. Relatar referenciando a fonte;
B. Ilustrar;
C. Identificar a infração cometida;
D. Expor sua opinião sobre a infração.
3. Postar as duas atividades no AVA:
– Atividades/Publicações/Aula01/BitmapXvetorial
– Atividades/Publicações/Aula01/Infração

Artes Visuais – Imagens Digitais – Profª Leila Laís Gonçalves 35