Introdução ao Photoshop CS6 · desenho como retas, pontos, curvas polígonos simples, etc....
Transcript of Introdução ao Photoshop CS6 · desenho como retas, pontos, curvas polígonos simples, etc....
![Page 1: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/1.jpg)
Introdução ao
Photoshop CS6EDIÇÃO E TRATAMENTOS DE IMAGENS
![Page 2: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/2.jpg)
Sumário
Tipografia
Tipos de Imagens
Padrões de Cores
Composição da Imagem
Desastres
Artes
Tratamentos de Imagens
Ferramentas
Práticas
2
![Page 3: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/3.jpg)
Tipografia
3
![Page 4: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/4.jpg)
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
![Page 5: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/5.jpg)
Classificação Tipográfica
Clássica
Sem serifa (Bastão)
Com serifa (Egipciana)
Elzevir (Serifa triangular)
Didot (Serifa simples)
A
AA
A
5
![Page 6: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/6.jpg)
Classificação Tipográfica
Modernas
Cursivas
Dingbats
Light
TipografiaTipografia
6
![Page 7: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/7.jpg)
Tipografia Como Arte 7
Fonte: Google Imagens
![Page 8: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/8.jpg)
Tipografia na construção de
Marcas
8
![Page 9: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/9.jpg)
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
![Page 10: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/10.jpg)
Imagem
Vetoriais x Matriciais
![Page 11: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/11.jpg)
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
![Page 12: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/12.jpg)
Imagens Matriciais
Programas para tratar este tipo de imagem:
12
![Page 13: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/13.jpg)
Imagens Maticiais
Formatos de Arquivos:
PSD (Container)
JPEG ou JPG
PNG
GIF
Webp
TIFF
13
![Page 14: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/14.jpg)
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
![Page 15: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/15.jpg)
Imagens Vetoriais
Programas para tratar este tipo de imagem:
15
![Page 16: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/16.jpg)
Imagens Vetoriais
Formatos de Arquivos:
CDR (Container)
AI (Container)
EPS
SVG
16
![Page 17: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/17.jpg)
Imagens Vetoriais X Imagens
Matriciais
17
![Page 18: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/18.jpg)
Sites para procura de Imagens
Vetores e Matriciais
http://freepik.com/
Imagens em alta resolução
http://www.stockvault.net/
http://splitshire.com/
18
![Page 19: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/19.jpg)
Padrões de Cores
RGB x CMYK
![Page 20: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/20.jpg)
Padrão RGB
Padrão oficial para TVs,
Monitores, Celulares e Câmeras
Digitais;
Red Green Blue
FONTE: Wikipédia
20
![Page 21: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/21.jpg)
Padrão CMYK
Padrão oficial para impressões
offset (Revistas, Flyers, Folders,
Cartões, etc);
CyanMagentaYellow Black
FONTE: Wikipédia
21
![Page 22: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/22.jpg)
Padrões de
Imagens
![Page 23: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/23.jpg)
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
![Page 24: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/24.jpg)
Composição da Imagem
Elementos Fundamentais;Sistema
De
Cores
Resolução
Sistema
De
Medidas
Imagem
De
Saída
24
![Page 25: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/25.jpg)
Composição da Imagem
Camadas;
25
![Page 26: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/26.jpg)
Domínio
CriatividadeResultados Maravilhosos
![Page 32: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/32.jpg)
Edição de
Imagens
![Page 38: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/38.jpg)
Desastres
![Page 46: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/46.jpg)
Grandes Artes
![Page 47: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/47.jpg)
Artes Feitas 47
![Page 48: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/48.jpg)
Artes Feitas 48
![Page 49: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/49.jpg)
Artes Feitas 49
![Page 50: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/50.jpg)
Artes Feitas 50
![Page 51: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/51.jpg)
Artes Feitas 51
![Page 52: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/52.jpg)
Photoshop
![Page 53: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/53.jpg)
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.
![Page 54: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/54.jpg)
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.
![Page 55: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/55.jpg)
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.
![Page 57: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/57.jpg)
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.
![Page 58: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/58.jpg)
Interface
![Page 59: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/59.jpg)
59
Imagem
Paletas
FerramentasPropriedades
Menu
![Page 60: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/60.jpg)
Ferramentas
![Page 61: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/61.jpg)
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
![Page 62: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/62.jpg)
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
![Page 63: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/63.jpg)
Ferramentas
Grupo de ferramentas de correção;
Grupo de ferramentas de pincel (brushes);
Grupo da ferramenta carimbo;
63
![Page 64: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/64.jpg)
Ferramentas
Pinceis da ferramenta histórico;
Grupo de ferramentas da
borracha;
Ferramentas de pintura;
Ferramentas de desfoque ;
64
![Page 65: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/65.jpg)
Ferramentas
Ferramentas de saturação e de-saturação;
Grupo de ferramentas caneta;
Grupo de ferramentas de Texto;
65
![Page 66: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/66.jpg)
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
![Page 67: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/67.jpg)
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
![Page 68: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/68.jpg)
Criando um projeto 68
![Page 69: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/69.jpg)
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
![Page 70: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/70.jpg)
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
![Page 71: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/71.jpg)
Menu de Seleção
Podemos também manipular as
seleções em nossa imagem através
desse menu.
71
![Page 72: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/72.jpg)
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
![Page 73: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/73.jpg)
Mesclagem 73
![Page 74: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/74.jpg)
Ferramentas de Camadas 74
Vincular Estilo
Máscara de Vetor
Camada de Preenchimento
Agrupar Nova Camada Deletar
![Page 75: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/75.jpg)
Estilos da Camada
São efeitos para automatizar a aplicação de efeitos em camadas,
efeitos como sombras, chanfros, brilhos, etc.
75
![Page 76: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/76.jpg)
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
![Page 77: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/77.jpg)
Textos
Modificação para colocar o texto em curva;
77
![Page 78: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/78.jpg)
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
![Page 79: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/79.jpg)
Efeito Enevoamento 79
![Page 80: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/80.jpg)
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
![Page 81: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/81.jpg)
Exemplo 81
![Page 82: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/82.jpg)
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
![Page 83: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/83.jpg)
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
![Page 84: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/84.jpg)
Exemplo: 84
![Page 85: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/85.jpg)
Filtros
São inúmeros filtros existentes no Photoshop;
Filtros servem para aplicar diferentes efeitos nas imagens;
85
![Page 86: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/86.jpg)
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
![Page 87: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/87.jpg)
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
![Page 88: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/88.jpg)
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
![Page 89: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/89.jpg)
Correção de Cor
Níveis;
Esta opção ajuda a melhor a aparência visível da imagem.
89
![Page 90: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/90.jpg)
Exemplo 90
![Page 91: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/91.jpg)
Retirando Objetos
Ferramenta Preencher;
Menu “Editar”, “Preencher”;
91
![Page 92: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/92.jpg)
Exemplo 92
![Page 93: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/93.jpg)
Retirando Fundos
![Page 94: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/94.jpg)
Retirando fundo de Imagem 94
Dicas úteis:
CTRL + = + zoom
CTRL - = - zomm
Segurar a Barra de Espaço = Movimentar a Tela
![Page 95: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/95.jpg)
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
![Page 96: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/96.jpg)
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.
![Page 97: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/97.jpg)
97
Clique “Delete” para apagar o fundo!
![Page 98: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/98.jpg)
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)
![Page 99: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/99.jpg)
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
![Page 100: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/100.jpg)
100VÁ EM CAMADA > “REFLEXÃO DA LUZ >
“REMOVER BORDA”
![Page 101: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/101.jpg)
Exemplo
Aplique um efeito de Iluminação Interna na camada
do ônibus;
Melhore a cor utilizando a ferramenta de Curvas ou
Níveis;
101
![Page 102: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/102.jpg)
Exemplo Final 102
![Page 103: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/103.jpg)
Trabalho Prático 103
![Page 104: Introdução ao Photoshop CS6 · 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,](https://reader035.fdocument.pub/reader035/viewer/2022062508/604cd731ba25eb3f5a75fc42/html5/thumbnails/104.jpg)
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