introdução ao photoshop cs6 · desenho como retas, pontos, curvas polígonos simples, etc....
TRANSCRIPT
Introdução ao
Photoshop CS6EDIÇÃO E TRATAMENTOS DE IMAGENS
Sumário
Tipografia
Tipos de Imagens
Padrões de Cores
Composição da Imagem
Desastres
Artes
Tratamentos de Imagens
Ferramentas
Práticas
2
Tipografia
3
O que é tipografia?
Do grego:
typos— "forma“
graphein— "escrita"
Composição de um texto usando símbolos
alfabéticos, numéricos e de pontuação com
o objetivo de reproduzi-lo múltiplas vezes,
minimizando esforço e custo.
4
Classificação Tipográfica
Clássica
Sem serifa (Bastão)
Com serifa (Egipciana)
Elzevir (Serifa triangular)
Didot (Serifa simples)
A
AA
A
5
Classificação Tipográfica
Modernas
Cursivas
Dingbats
Light
TipografiaTipografia
6
Tipografia Como Arte 7
Fonte: Google Imagens
Tipografia na construção de
Marcas
8
Sites para Downloads de Fontes
Download:
http://www.fontsquirrel.com/
http://www.netfontes.com.br/
http://www.google.com/fonts
http://www.abstractfonts.com/
Descobrir nome de fontes
http://www.myfonts.com/WhatTheFont/
9
Imagem
Vetoriais x Matriciais
Imagens Matriciais
São imagens formadas por pequenos “pixels”.
Sua representação é feita em duas dimensões de como
um conjunto finito de pontos definidos por valores
numéricos, formando uma matriz matemática ou malha
de pontos, onde cada ponto é um pixel.
11
Imagens Matriciais
Programas para tratar este tipo de imagem:
12
Imagens Maticiais
Formatos de Arquivos:
PSD (Container)
JPEG ou JPG
PNG
GIF
Webp
TIFF
13
Imagens Vetoriais
A imagem vetorial é criada recorrendo a entidades de
desenho como retas, pontos, curvas polígonos simples, etc.
Utiliza-se de funções matemáticas (vetores) para criar a
imagem.
Em computação gráfica, imagem vetorial é um tipo de
imagem gerada a partir de descrições geométricas de
formas, diferente das imagens chamadas mapa de bits,
ou raster, que são geradas a partir de pontos minúsculos
diferenciados por suas cores.
14
Imagens Vetoriais
Programas para tratar este tipo de imagem:
15
Imagens Vetoriais
Formatos de Arquivos:
CDR (Container)
AI (Container)
EPS
SVG
16
Imagens Vetoriais X Imagens
Matriciais
17
Sites para procura de Imagens
Vetores e Matriciais
http://freepik.com/
Imagens em alta resolução
http://www.stockvault.net/
http://splitshire.com/
18
Padrões de Cores
RGB x CMYK
Padrão RGB
Padrão oficial para TVs,
Monitores, Celulares e Câmeras
Digitais;
Red Green Blue
FONTE: Wikipédia
20
Padrão CMYK
Padrão oficial para impressões
offset (Revistas, Flyers, Folders,
Cartões, etc);
CyanMagentaYellow Black
FONTE: Wikipédia
21
Padrões de
Imagens
Resolução
Pixel
Menor elemento num dispositivo de exibição;
Megapixel
Utilizado para determinar o grau de definição de
uma imagem. Equivalente a um milhão de pixels;
DPI
Numero de pontos em uma polegada (2,54mm).
23
Composição da Imagem
Elementos Fundamentais;Sistema
De
Cores
Resolução
Sistema
De
Medidas
Imagem
De
Saída
24
Composição da Imagem
Camadas;
25
Domínio
CriatividadeResultados Maravilhosos
Edição de
Imagens
Desastres
Grandes Artes
Artes Feitas 47
Artes Feitas 48
Artes Feitas 49
Artes Feitas 50
Artes Feitas 51
Photoshop
Sobre 53
Adobe Photoshop é um software caracterizadocomo editor de imagens bidimensionais do tipo matricial,desenvolvido pela Adobe Systems. É considerado o líderno mercado dos editores de imagem profissionais, assimcomo o fato de ser um programa para edição profissionalde imagens digitais e trabalhos de pré-impressão.
O Photoshop é, sem dúvidas, o aplicativo de maiordestaque no mundo da fotografia e do design gráfico.Distribuído em todo o mundo, disponível em mais de 25idiomas e com versões online e para tablets e smartphone,o programa recebe destaque por criar manipulaçõesincríveis, ampliando as possibilidades de sua imagem.
História 54
A história do Photoshop começa antes mesmo de eleser um produto Adobe. No final dos anos 1990, osirmãos Thomas e John Knoll juntaram forças para criarum aplicativo inteligente, capaz de realizar retoquesem fotografias e imagens.
A primeira versão oficial do aplicativo foi lançada em1990, em uma época em que simples retoques nasimagens poderiam custar alguns milhares de dólares edependiam de programas e vários equipamentos quepreparavam o conteúdo para a impressão.
História 55
O Software já está no imaginário das pessoas — tem
seu nome conhecido até por quem não trabalha com
foto, design ou mesmo computadores —, e é
responsável por verdadeiras obras de arte do design
digital, assim como já se tornou notório por alguns erros
grosseiros de manipulação de imagem — aparecendo
em grandes campanhas de moda e capas de revista,
inclusive.
Atualmente 57
O Software já está na sua 14ª
versão, intitulada CC (Creative
Cloud™)
Desenvolvida para plataformas
Windows e MAC, podendo ser
emulado via Wine no Linux.
Interface
59
Imagem
Paletas
FerramentasPropriedades
Menu
Ferramentas
Ferramentas
Ferramenta de seleção permite selecionar os objetos. No
Photoshop é importante verificar se você está com a Layer
(camada) de seu objeto selecionado. Ou você pode marcar
na barra de Propriedades a opção Auto-Select;
Ferramentas de seleção fechadas;
Ferramentas de seleção do grupo Laço;
61
Ferramentas
Ferramentas de seleção do grupo da varinha mágica;
Ferramenta CROP (recortar) e ferramentas de fatia;
Ferramenta de conta-gotas, medidas e anotações.
62
Ferramentas
Grupo de ferramentas de correção;
Grupo de ferramentas de pincel (brushes);
Grupo da ferramenta carimbo;
63
Ferramentas
Pinceis da ferramenta histórico;
Grupo de ferramentas da
borracha;
Ferramentas de pintura;
Ferramentas de desfoque ;
64
Ferramentas
Ferramentas de saturação e de-saturação;
Grupo de ferramentas caneta;
Grupo de ferramentas de Texto;
65
Ferramentas
Ferramentas de seleção de vetores;
Grupo de ferramentas de vetores. No Photoshop são
chamadas de Shapes;
Ferramenta de movimento da área (pode ser
substituída pela tecla ALT pressionada)
66
Ferramentas
Ferramenta Zoom (pode ser substituída por CTRL++ -
aumentar – CTRL+- - diminuir).
Abaixo dela onde tenho os quadrados preto e branco
pequenos, permite zerar as cores, ou seja, ao se definir uma
cor de primeiro plano e ou segundo plano, ao clicar nesse
botão ele volta a deixar cor branca no segundo plano e cor
preta no primeiro plano. A flechinha em curva ao lado dela
permite inverter as cores;
Os quadrados maiores permitem mudar a cor de primeiro
plano e de segundo plano;
O último botão permite mudar a fora de visualização da
área de trabalho.
67
Criando um projeto 68
Abrindo/Salvando um Projeto
Para abrir um projeto existente ou uma imagem para tratamento,
basta ir no menu “Arquivo”, “Abrir” e selecionar o arquivo a ser
importado;
Para salvar basta ir em menu e “Salvar”. Para exportar para um outro
formato escolha a opção “Salvar Como”;
69
Recortando
Uma forma para efetuar o recorte é utilizar a ferramenta “Crop” para
um recorte retangular;
Nesta edição também é disponível a opção de Crop em Perspectiva.
O processo é semelhante. Faz-se a seleção para o corte, define-se a
perspectiva e confirma o corte
70
Menu de Seleção
Podemos também manipular as
seleções em nossa imagem através
desse menu.
71
Camadas
As camadas abrem um mundo novo de liberdade artística e
possibilidades de projeto. Ao utilizar camadas, a arte digital que você
imaginou, mas nunca pensou ser possível, estará ao seu alcance. As
camadas o liberam de muitas restrições impostas por possibilidades
de projeto sem ter de gastar horas selecionando.
72
Mesclagem 73
Ferramentas de Camadas 74
Vincular Estilo
Máscara de Vetor
Camada de Preenchimento
Agrupar Nova Camada Deletar
Estilos da Camada
São efeitos para automatizar a aplicação de efeitos em camadas,
efeitos como sombras, chanfros, brilhos, etc.
75
Textos
Quando se trata de textos no Photoshop podemos dimensionar
o texto conforme necessário, aplicar formatação de parágrafo,
fazer ajustes de cor, largura, altura, espaçamento e
deslocamento de linha de base, distorcer o texto usando caixas
de diálogo e filtros de distorção, converter caracteres em
formas para que se possa então editar, preencher e traçar
exatamente como se faz com objetos, converter o texto em
bitmap para que se possa aplicar filtros e ferramentas aplicáveis
às camadas de imagens usuais;
São dois tipos de texto: Artístico e Parágrafos;
76
Textos
Modificação para colocar o texto em curva;
77
Efeito Enevoamento
Passos:
Use a ferramenta de seleção e selecione parte da imagem;
No menu “Selecionar” utilize a opção “Selecionar Inverso”;
Clique em Delete para apagar o restante da imagem;
Observação:
Na paleta de Camadas que na Layer da imagem aparece um
cadeado.
Isso significa que o background da imagem está bloqueado.
Para desbloquear o background, dê um duplo clique na layer.
78
Efeito Enevoamento 79
Restauração
Carimbo;
A ferramenta carimbo permite copiar pixels de uma área
para outra. Isso faz com que você possa, reparar pequenos
defeitos, copiar áreas de uma imagem.
Para que a ferramenta funcione, basta clicar na área a ser
copiada com a tecla ALT pressionada. Conforme você
arrasta o mouse ele mantém um sinal de mais (+) na área a
ser copiada.
80
Exemplo 81
Restauração
Pincel de Recuperação de Manchas;
A ferramenta Pincel de Recuperação funciona de forma semelhante ao
carimbo, ela permite mesclar áreas de uma imagem;
Pincel de Recuperação;
Funciona de forma semelhante a Carimbo, mas precisa que se pressione
a tecla ALT como o carimbo.
Correção;
Permite copiar uma área como se fosse uma seleção
Olhos Vermelhos;
Como o nome diz, permite a remoção de olhos vermelhos de fotografias.
82
Transformação
A primeira opção é Redimensionar, como o nome diz, permite
trabalhar as dimensões do objeto na layer;
A segunda opção Rotacionar, permite rotacionar os objetos da
layer.
Inclinar permite inclinar os objetos;
Distorcer permite distorcer os objetos, ao distorcer, por exemplo,
o lado direito inferior e manter pressionado o SHIFT e ALT, ele
também distorce o lado direito superior. Simulando uma
perspectiva;
Distorcer, funciona de forma semelhante a DISTORCER para
textos, porém com mais liberdade e em objetos do Photoshop.
83
Exemplo: 84
Filtros
São inúmeros filtros existentes no Photoshop;
Filtros servem para aplicar diferentes efeitos nas imagens;
85
Correção de Cor
O objetivo da correção de cor é melhorar a aparência de uma
imagem digitalizada ou de uma fotografia.
Na paleta de Ajustes ou no menu Imagem.
86
Correção de Cor
Inverter;
Quando você escolhe Imagem, Ajustes, Inverter, o Photoshop converte
cada cor da sua imagem na sua cor exatamente oposta, como um
negativo de fotografia.
Matriz/Saturação;
Proporciona duas funções. Primeiro, ele permite que você ajuste as cores
de uma imagem de acordo com seus matrizes e níveis de saturação.
Você pode aplicar as alterações a escalas especificas de cor ou
modificar todas as cores igualmente através do espectro. Em segundo, ocomando permite que você adicione cor as imagens aplicando novos
valores de matiz e saturação enquanto mantém as informações
principais em tons de cinza
87
Correção de Cor
Curvas;
Para poder mapear qualquer valor de brilho em uma imagem acione o
comando Curvas, automaticamente abre-se a caixa de diálogo Curves,
que oferece acesso às mais complexas e poderosas opções de correção
de cor.
Brilho e Contraste;
O Brilho/Contraste é um comando muito simples de ser utilizado. O
Primeiro controle altera o brilho. Quando o deslocamos para a direita, ou
seja, atribuímos um valor positivo, a cor branca é adicionada aos pontosda imagem para aumentar a nitidez
88
Correção de Cor
Níveis;
Esta opção ajuda a melhor a aparência visível da imagem.
89
Exemplo 90
Retirando Objetos
Ferramenta Preencher;
Menu “Editar”, “Preencher”;
91
Exemplo 92
Retirando Fundos
Retirando fundo de Imagem 94
Dicas úteis:
CTRL + = + zoom
CTRL - = - zomm
Segurar a Barra de Espaço = Movimentar a Tela
95
Dicas úteis:
1 Clique = Traço Reto
Segurar Clique = Traço em Curva
ALT + Clique no Ponto = Desfazer a Curva Para o
Próximo Clique
96
Contorne todo o Ônibus. Depois de finalizado,
clique no botão esquerdo do mouse e
selecione “Criar Seleção”. Defina o raio de
difusão. Inverta a seleção.
97
Clique “Delete” para apagar o fundo!
98
NÃO ESQUEÇA DOS DETALHES DO
RETROVISOR! SELECIONE-OS E DELETE
ELES!(desta vez não será necessário inverter a
seleção)
Exemplo
Crie uma nova camada e aplique um degrade nela;
Crie uma nova camada de preenchimento com cor
Verde;
Duplique a camada do ônibus;
Dê ctrl+u e deixe a iluminação com -100;
Mude a opacidade para 50%;
Feito isso passamos para o passo de remover falhas do recorte.
99
100VÁ EM CAMADA > “REFLEXÃO DA LUZ >
“REMOVER BORDA”
Exemplo
Aplique um efeito de Iluminação Interna na camada
do ônibus;
Melhore a cor utilizando a ferramenta de Curvas ou
Níveis;
101
Exemplo Final 102
Trabalho Prático 103
Referências:
[1] Furlan , Marcos Paulo, Photoshop CS6. Apostilando.Com
[2] Slides de Lo-Ammi Santos, disponível em: http://pt.slideshare.net/loammisantos/tipografia-6329925?from_search=4
[3] História: http://www.tecmundo.com.br/photoshop/37907-a-historia-do-
photoshop-o-editor-de-imagens-mais-usado-no-mundo.htm
[4] História: http://pt.wikipedia.org/wiki/Adobe_Photoshop
[5] Slides de Renato Melo, disponível em: http://pt.slideshare.net/RenatoMelo1
104
