introdução ao photoshop cs6 · desenho como retas, pontos, curvas polígonos simples, etc....

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

PDF

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

Possibilidades 27

Possibilidades 28

Possibilidades 29

Possibilidades 30

Possibilidades 31

Edição de

Imagens

33

34

35

36

37

Desastres

39

40

41

42

43

44

45

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.

56

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

Contato:

jnatanaeljnr@gmail.com

jnatanael.wordpress.com

105