Ebook da Unidade - Introdução Ao Adobe Photoshop.pdf

Unidade 1
Introdução Ao
Adobe Photoshop
Jeane Sidou
Ilustração e
tratamento de
imagens 2D -
Adobe Photoshop

Diretor Executivo
DAVID LIRA STEPHEN BARROS
Diretora Editorial
CRISTIANE SILVEIRA CESAR DE OLIVEIRA
Projeto Gráfico
TIAGO DA ROCHA
Autora
JEANE SIDOU

Jeane Sidou
Olá pessoal. Meu nome é Jeane Sidou, tenho Mestrado Profissional
em Propriedade Intelectual e Transferência de Tecnologia para a Inovação
pela UnB, MBAs em: Marketing e Propaganda, Marketing de Serviço e
Administração Estratégica. Sou profissional com ampla experiência em
entidades públicas e empresas nacionais de pequeno, médio e grande
porte e multinacionais, atuando nas áreas de consultoria empresarial,
marketing, propaganda, gestão de projetos, planejamento estratégico,
comércio exterior, propriedade intelectual e inovação.
Tenho habilidade na análise de mercado, elaboração de
diagnósticos e proposição de soluções com estratégias de Comunicação
e Marketing. Domínio na elaboração de Planejamento Estratégico para
iniciativa privada, órgãos públicos e para as agências da ONU. Além disso,
aptidão para negociações em todos os níveis.
Também atuo como palestrante organizacional sobre temas
diversos, tais como: Motivação, Retenção de talentos, Liderança,
Criatividade & inovação, Gestão Sustentável, Vendas com Atitude e
Competência, Prospecção de novos negócios entre outros.
Idiomas: Fluência em inglês, espanhol e francês.
Onze anos de experiência como docente do ensino presencial e à
distância.
Lattes CNPQ.: https:/
/bit.ly/3fzeDFt
A AUTORA

Olá. Esses ícones irão aparecer em sua trilha de aprendizagem toda
vez que:
ICONOGRÁFICOS
INTRODUÇÃO:
para o início do
desenvolvimento
de uma nova com-
petência;
DEFINIÇÃO:
houver necessidade
de se apresentar um
novo conceito;
NOTA:
quando forem
necessários obser-
vações ou comple-
mentações para o
seu conhecimento;
IMPORTANTE:
as observações
escritas tiveram que
ser priorizadas para
você;
EXPLICANDO
MELHOR:
algo precisa ser
melhor explicado ou
detalhado;
VOCÊ SABIA?
curiosidades e
indagações lúdicas
sobre o tema em
estudo, se forem
necessárias;
SAIBA MAIS:
textos, referências
bibliográficas e links
para aprofundamen-
to do seu conheci-
mento;
REFLITA:
se houver a neces-
sidade de chamar a
atenção sobre algo
a ser refletido ou
discutido sobre;
ACESSE:
se for preciso aces-
sar um ou mais sites
para fazer download,
assistir vídeos, ler
textos, ouvir podcast;
RESUMINDO:
quando for preciso
se fazer um resumo
acumulativo das
últimas abordagens;
ATIVIDADES:
quando alguma
atividade de au-
toaprendizagem for
aplicada;
TESTANDO:
quando o desen-
volvimento de uma
competência for
concluído e questões
forem explicadas;

SUMÁRIO
Imagens vetoriais e Bitmaps................................................................12
Bitmaps.............................................................................................................................................. 13
Imagens Vetoriais....................................................................................................................... 19
Quando usar Vetores e Bitmaps...................................................................................... 20
História e evolução do Adobe Photoshop®...................................22
História............................................................................................................................................... 22
Evolução........................................................................................................................................... 23
Iniciando o Adobe Photoshop®..........................................................31
Barra de ferramentas............................................................................................................... 33
Barra de Propriedades........................................................................................................... 37
Barra de Ajustes.......................................................................................................................... 39
Criando uma imagem..............................................................................42
Abrindo imagens........................................................................................................................ 43
Criando uma imagem do zero.......................................................................................... 45
Desenhar formas........................................................................................................................ 46
Como criar uma forma em uma camada separada....................... 47
Desenho de várias formas em uma camada...................................... 48
Desenho de uma forma de disco................................................................ 48
Desenho de uma forma personalizada ................................................. 49
Como salvar uma forma ou demarcados como uma forma
personalizada ........................................................................................................... 49

Criação de uma forma rasterizada............................................................. 50
Inserção de Texto....................................................................................................................... 50
Camadas de Texto.................................................................................................. 51
Inserção de Texto.................................................................................................... 51
Inserção de Texto de ponto............................................................................. 52
Inserção de Texto de parágrafo.................................................................... 53

Ilustração e Tratamento de Imagens 2D 9
LIVRO DIDÁTICO DIGITAL
UNIDADE
01

Ilustração e Tratamento de Imagens 2D
10
Você sabia que o Adobe Photoshop® é um dos softwares mais
demandados de criação de imagens e design gráfico? E está no centro
de todos os projetos de criação, desde edição de fotos e composição a
pintura digital, animação e design gráfico.
Com suas ferramentas de fotografia profissionais, é fácil fazer
pequenas alterações ou transformações radicais nas imagens. Cortar,
remover objetos, fazer retoques e combinar fotos, experimentar cores e
efeitos.
Pôsteres, embalagens, banners, sites todos os projetos de design
podem ser produzidos no Photoshop. Com ele você pode combinar fotos
e textos para criar imagens totalmente novas e trabalhar com camadas e
máscaras.
Nessa primeira unidade, iremos conhecer a diferença entre
imagens vetoriais e bitmaps, o que trará uma melhor compreensão
sobre a formação de uma imagem digital e vamos mergulhar na história
e desenvolvimento desse software ao longo dos anos. Enfim, daremos
início ao estudo do Photoshop® e seus recursos, indo até a criação de
uma imagem.
Prontos para começar? Vamos nessa!
INTRODUÇÃO

Olá. Seja muito bem-vindo à Unidade 1 - Introdução ao Adobe
Photoshop. Nosso objetivo é auxiliar você no desenvolvimento das
seguintes competências profissionais até o término desta etapa de
estudos:
1. Compreender a formação de uma imagem e a diferença entre
Bitmaps e imagem vetorial;
2. Aplicar as técnicas de construção de uma imagem e texto;
3. Conhecer a história e evolução do Adobe Photoshop®;
4. Identificar as ferramentas do software e aplicá-las de forma
correta.
Então? Preparado para uma viagem sem volta rumo ao
conhecimento? Ao trabalho!
OBJETIVOS

12
Imagens vetoriais e Bitmaps
INTRODUÇÃO:
Ao término deste capítulo você será capaz de entender a
diferença entre bitmaps e imagens vetoriais, quais são os
formatos de arquivos e suas diferenças, a qualtipo de imagens
elas se aplicam.
Imagem é um termo que provém do latim imāgo e refere-se à
figura, representação, semelhança ou aparência de algo. Por exemplo:
“Esta imagem representa a ida do homem à lua”
Uma imagem também é a representação visual de um objeto
através de técnicas da fotografia, da pintura, do desenho, do vídeo ou de
outras disciplinas. Imagem é a representação, por diferentes meios, de
objetos ou de uma pessoa.
Segundo pesquisa da Social Media Trends (2017), as imagens são os
conteúdos mais divulgados nas redes sociais (72,4%) e os que mais geram
engajamento (40,8%).
Nesse momento diversas siglas esquisitas aparecem e não fazem
muito sentido numa primeira olhada. Sabe, aquelas que vem no fim do
nome do arquivo? São os diferentes formatos de imagens.
Existem dois tipos de imagens, digitalmente falando, bitmap e
vetor. Não confunda formatos com tipos! Esses dois tipos de imagens
serão abordados nesse material. Eles possuem algumas diferenças e
afetam diretamente a forma como são utilizados.
Na verdade, as siglas são as extensões correspondentes aos
formatos.

Figura 1 – Diferença entre vetor e bitmaps
Fonte: Autor
Tabela 1 - Tipos de Bitmaps
Bitmaps
Segundo a Microsoft (2017) “Um bitmap é uma matriz de bits que
especifica a cor de cada pixel em uma matriz retangular de pixels. O
número de bits dedicados a um pixel individual determina o número de
cores que podem ser atribuídos a esse pixel. Por exemplo, se cada pixel
é representado por 4 bits, em seguida, um determinado pixel pode ser
atribuído uma das 16 cores diferentes (2⁴ = 16). A tabela a seguir mostra
alguns exemplos do número de cores que podem ser atribuídos a um
pixel representado por um determinado número de bits”.
Bits por pixel
Número de cores que podem ser
atribuídas a um pixel
1 2¹ = 2
2 2² = 4
4 2⁴ = 16
8 2⁸ = 256

14
16 2¹⁶ = 65.536
24 2²⁴ = 16,777,216
Fonte: Autor
Figura 2 - Imagem ampliada e sua tabela de cores e bitmap
Fonte: Adaptado pelo autor
Ainda segundo o autor, na mesma publicação “Arquivos de disco
que armazenam os bitmaps geralmente contêm um ou mais blocos de
informações que armazenam informações como o número de bits por
pixel, o número de pixels em cada linha e o número de linhas na matriz.
Esse arquivo também pode conter uma tabela de cores (às vezes chamada
de uma paleta de cores). Uma tabela de cores mapeia os números no
bitmap para cores específicas. A ilustração a seguir mostra uma imagem
ampliada juntamente com sua tabela de cores e bitmap. Cada pixel é
representado por um número de 4 bits, portanto, existem 2⁴ = 16 cores na
tabela de cores. Cada cor na tabela é representada por um número de 24
bits: 8 bits para vermelho, 8 bits para verde e 8 bits para azul. Os números
são mostrados em formato hexadecimal (base 16): A = 10, B = 11, C = 12, D
= 13, E = 14, F = 15”.

Observe o pixel presente na segunda linha e terceira coluna da
imagem. O numeral presente no bitmap é quatro. Consultando a tabela de
cores da imagem, teremos a informação de que 4 representa a cor branca,
logo o pixel é branco. Todos os numerais na linha inferior do bitmap são
2. E como a tabela de cores indica que 2 representa verde, logo, todos os
pixels na linha inferior da imagem são verdes.
NOTA:
Em Alguns casos, os bitmaps são posicionados ao contrário,
ou seja, a vindo de baixo para cima; nesse caso, os números
na linha superior do bitmap irão corresponder aos pixels na
linha inferior da imagem.
“Um bitmap que armazena os índices em uma tabela de cores é
chamado um bitmap indexado por paleta. Alguns bitmaps não tiveram
necessidade de uma tabela de cores. Por exemplo, se um bitmap usa 24
bits por pixel, esse bitmap pode armazenar as cores ao invés de indexar
em uma tabela de cores. A ilustração a seguir mostra um bitmap que
armazena as cores diretamente (24 bits por pixel) em vez de usar uma
tabela de cores. A ilustração também mostra uma exibição ampliada da
imagem correspondente. No bitmap, FFFFFF representa branco, FF0000
representa vermelho, 00FF00 representa verde e 0000FF representa
azul” (MICROSOFT, 2017).
Figura 3 - Bitmap que armazena as cores diretamente
Fonte: Adaptado pelo autor

16
Formatos de arquivos gráficos
BMP
“BMP é um formato padrão usado pelo Windows para armazenar
imagens independente de dispositivo e aplicativo. O número de bits
por pixel (1, 4, 8, 15, 24, 32 ou 64) para um determinado arquivo BMP é
especificado no cabeçalho do arquivo. Arquivos BMP com 24 bits por pixel
são comuns. Arquivos BMP geralmente não são compactados e, portanto,
não são adequados para a transferência pela Internet (MICROSOFT, 2017).
Figura 4 – Exemplo de imagem BMP
Fonte: Flaticon
GIF (Graphics Interchange Format)
“GIF é um formato comum para imagens que aparecem nas
páginas da Web. GIFs funcionam bem para desenhos de linha, figuras
com blocos de cor sólida e imagens com limites nítidas entre as cores.
GIFs são compactados, mas nenhuma informação é perdida no processo
de compactação; uma imagem descompactada é exatamente a mesma
que a original. Uma cor em uma imagem GIF pode ser designada como
transparente, para que tenha a cor da tela de fundo de qualquer página
da Web que exibe a imagem. Uma sequência de imagens GIF pode ser

armazenada em um único arquivo para formar um GIF animado. GIFs
armazenam no máximo 8 bits por pixel, portanto, estão limitados a 256
cores.” (MICROSOFT, 2017)
Joint Photographic Experts Group (JPEG)
“JPEG é um esquema de compactação que funciona bem para
cenários naturais, como fotografias digitalizadas. Algumas informações
são perdidas no processo de compactação, mas geralmente a perda é
imperceptível ao olho humano. JPEGs armazenam 24 bits por pixel, para
que sejam capazes de exibir mais de 16 milhões de cores. JPEGs não dão
suporte a transparências ou animações.
O nível de compactação de imagens JPEG é configurável, mas níveis
mais altos de compactação (arquivos menores) resultam em mais perda
de informações. Uma taxa de compactação de 20:1 geralmente produz
uma imagem que o olho humano tem dificuldade de distinguir do original.
Compactação de JPEG não funciona bem para desenhos de linha,
blocos de cor sólida e limites nítidos.
JPEG é um esquema de compactação, não é um formato de arquivo.
JPEG File Interchange Format (JFIF) é um formato de arquivo normalmente
usado para armazenar e transferir imagens que foram compactadas de
acordo com o esquema JPEG. Arquivos JFIF exibidos por navegadores da
Web usam a extensão .jpg.” (MICROSOFT, 2017)
Exchangeable Image File (EXIF)
Como descrito pela Microsoft (2017) “EXIF é um formato de arquivo
usado para fotografias capturadas por câmeras digitais. Um arquivo EXIF
contém uma imagem que é compactada de acordo com a especificação
de JPEG. Um arquivo EXIF também contém informações sobre a fotografia
(tirada, obturador velocidade, tempo de exposição e assim por diante) e
informações sobre a câmera (fabricante, modelo e assim por diante).”
PNG (formato PNG)
“O formato PNG mantém muitas das vantagens do formato GIF,
mas também fornece recursos além dos do GIF. Como arquivos GIF,
PNG são compactados sem perda de informações. Arquivos PNG podem

18
armazenar cores com 8, 24, 48 bits por pixel e escalas de cinza com 1, 2,
4, 8 ou 16 bits por pixel. Por outro lado, arquivos GIF podem usar apenas
1, 2, 4 ou 8 bits por pixel. Um arquivo PNG também pode armazenar um
valor alfa para cada pixel, que especifica o grau ao qual a cor desse pixel
é combinada com a cor da tela de fundo.
PNG aprimora o GIF em sua capacidade de exibir progressivamente
uma imagem (ou seja, exibir melhores e melhor aproximações da imagem
como ela chega em uma conexão de rede). Arquivos PNG podem conter
informações de correção de cor e de gama para que as imagens podem
ser processadas com precisão em uma variedade de dispositivos de
vídeo.” (MICROSOFT, 2017)
Formato Tag Image File (TIFF)
“TIFF é um formato flexível e extensível que tem suporte em uma
ampla variedade de plataformas e aplicativos de processamento de
imagem. Arquivos TIFF podem armazenar imagens com um número
arbitrário de bits por pixel e podem empregar uma variedade de algoritmos
de compactação. Várias imagens podem ser armazenadas em um único
arquivo TIFF de várias páginas. Informações relacionadas à imagem
(marca de scanner, computador host, tipo de compactação, orientação,
amostras por pixel e assim por diante) podem ser armazenadas no arquivo
e organizadas com o uso de marcas. O formato TIFF pode ser estendido
conforme necessário para a aprovação e a adição de novas marcas.”
(MICROSOFT, 2017)
Figura 5 – Exemplo de imagem TIFF
Fonte: Flaticon

Imagens Vetoriais
Como na física, onde um vetor é uma entidade definida pelos
atributos direção, módulo e sentido, na comunicação visual, os vetores
são objetos definidos, também, por seus atributos. Os vetores são formas
DIVERSAS que CARREGAM EM SEU DESENHO informações COMO cor,
TAMANHO, linhas e curvas DENTRO DE equações. Essas equações são
LIDAS COMO desenhos e podem SER alteradAs sem MODIFICAR À sua
resolução, ISSO OCORRE POR não SEREM formadAS por pixels.
Figura 6 – Exemplos de vetores
Fonte: Autor
O vetor representado na imagem acima é feito de “nós”, os quais
mostram onde começa e termina uma linha. Já suas curvas são formadas
por alças, que ao puxarmos geram curvas diferentes na imagem.
De modo simplificado, o objeto (imagem vetorial de um círculo)
poderia ser definido da seguinte maneira, como na ilustração abaixo: Tipo
de Curva = Circunferência; Raio = 1 cm; Contorno = azul; Preenchimento =
amarelo

20
Figura 7 – Vetor circular
Fonte: Autor
Para guardar esse círculo na memória, não é preciso gravar os pixels
que compõem a imagem. Guardando os atributos, como circunferência,
preenchida de amarelo, contornada por azul e com raio de 1 cm, qualquer
computador pode reproduzir a imagem. Essa é a principal característica
de uma imagem vetorial. Nesse caso, se for preciso aumentar o raio para
3 cm, apesar de ocupar mais espaço de tela, não haverá diferença no que
diz respeito ao espaço de armazenagem.
Outra vantagem do desenho vetorial é a possibilidade de isolar
objetos e zonas, tratando-as independentemente, facilitando animações
e combinações geométricas para compor objetos.
Quando usar Vetores e Bitmaps
Figuras e imagens vetoriais são muito utilizados em sítios da internet,
cinema, impressões, TV, jogos. Normalmente, os gráficos vetoriais estão
presentes em logomarcas de empresas e outras imagens que não são
fotos. Esse tipo de imagem está muito presente na criação de desenhos
e ilustrações e são caracterizadas por sua precisão e capacidade de
aumento de tamanho sem perda de qualidade na imagem, além de gerar
arquivos pequenos.
Normalmente as imagens conhecidas como fotografias são
arquivos bitmaps. As imagens constituídas em pixels são importantes
quando queremos maior profundidade na imagem, como transmitir mais
vida para a tela.

Em contrapartida esses arquivos gerados em Bitmap ocupam muito
mais espaço do que um vetorizado e quanto mais ampliada a imagem
menos precisa ela fica.
RESUMINDO:
Uma imagem também é a representação visual de um objeto
através de técnicas da fotografia, da pintura, do desenho.
Um bitmap é uma matriz de bits que especifica a cor de
cada pixel em uma matriz retangular de pixels. Há muitos
formatos padrão para salvar os bitmaps nos arquivos do disco.
Os vetores são formas que têm suas informações de cor,
dimensões, linhas e curvas armazenadas em equações. Essas
equações são traduzidas para desenhos e podem ter sua
forma, cor ou tamanho alterados sem agredir sua resolução,
pois não são formados por pixels. Normalmente as imagens
conhecidas como “fotos” quase sempre são bitmaps. Usa-se
gráficos vetoriais na criação de desenhos, ilustrações, gráficos
estatísticos.

22
História e evolução doAdobe Photoshop®
INTRODUÇÃO:
Ao longo deste capítulo você vai conhecer a história do
Adobe Photoshop®, desde seu nascimento, suas origens e
as transformação que ganhou ao longo dos anos.
O Adobe Photoshop® é um programa da multinacional de
tecnologia Adobe Inc. mais conhecido e usado em todo o mundo para a
edição de imagens. Adotado por profissionais de diversas áreas e, muitas
vezes, desafiado por amadores que se aventuram a usar suas ferramentas,
o software é o mais completo da sua categoria.
Quem não conheceu o mundo antes dele sequer é capaz de
imaginar como era, e não é para menos, afinal, a ferramenta tornou o
planeta, de alguma forma, mais bonito e, às vezes, mais engraçado, pois
até mesmo muitos dos famosos memes são feitos nele. Dessa forma, é
possível ter uma ideia da abrangência do seu campo de aplicações.
História
Figura 8 – História do Pthotoshop®
Fonte: Flaticon

O editor de imagem mais completo e mundialmente conhecido,
ganhou forma em 1987, em uma tese de doutorado da Universidade
de Michigan. O projeto foi criado por Thomas Knoll, o qual desenvolveu
um código que possibilitava visualizar os tons de cinza no monitor
monocromático, à época uma novidade no mercado.
Inicialmente denominado Display, a novidade não teve grande
relevância para à pesquisa de Thomas, que a abandonou por um período.
No ano seguinte, John Knoll, irmão de Thomas, viu grande potencial
no código e incentivou seu irmão a criar uma ferramenta de edição de
imagens a partir da ideia inicial.
A versão final, à época, em 1988, do até então Display tornou-se o
ImagePro, e posteriormente, tornou-se o hoje popular Photoshop. Essa
mudança ocorreu quando John levou sua ideia ao Vale do Silício, onde
iria apresentar sua ideia a engenheiros da Apple e ao então diretor de
arte da Adobe, Russel Brown. Foi dessa visita, que em setembro de 1988,
a Adobe comprou os direitos do Photoshop e continuou trabalhando no
produto, afim de aprimorar a ideia. No ano de 1990 o produto é lançando
no mercado e depois disso, o software já passou por outras tantas
mudanças, ainda mais adaptado a melhor experiência do usuário e várias
versões.
O Photoshop não foi o primeiro produto da marca Adobe, o
Illustrator®, programa de edição vetorial é o primogênito da empresa.
Ainda assim, foi o Photoshop® que deu visibilidade e escalabilidade para
a Adobe aproximar-se do público.
Evolução
Figura 9 – Evolução do Photoshop®
Fonte: Autor

24
Inicialmente, o projeto originalprevia uma ferramenta capaz de editar
imagens escaneadas. Várias dessas ferramentas permanecem presentes
no software atualmente e posicionadas nos mesmos lugares, porém, com
o passar do tempo a Adobe foi melhorando essas ferramentas.
Figura 10 – Projeto Beta Adobe Photoshop®
Fonte: Acervo do autor
•
• Versão 2 (junho/1991): projeto Fast Eddy
Já na segunda versão, as versões passaram a ter nome próprio,
além disso, foi compatibilizada a computadores com sistema Windows.
Destaque para o surgimento de alguns recursos importantes, como a
caneta e as máscaras. E ainda o suporte a arquivos do tipo CMYK.
•
• Versão 2,5 (novembro/1992): projeto Merlin Brimstone
Essa versão é igual a segunda, porém, o seu lançamento deu-se
devido a grande novidade, o software em CDROM. As versões anteriores
eram distribuídas em disquete.
•
• Versão 3 (setembro/1994): projeto Tiger Mountain
Na versão 3, o software traz novidades importantes para a
consolidação de destaque do produto no mercado, como melhor e mais
popular editor de imagens. Surgem as camadas ou layers e as guias de
paletas

Figura 11 – Photoshop® 3.0
•
• Versão 4 (novembro/1996): projeto Big Electric Cat
A partir da versão número 4, o software torna possível realizar
ajustes nas camadas e cria um suporte ao uso de macros. Esse produto
foi distribuído somente para Windows e Mac.
•
• Versão 5 (maio/1998): projeto Strange Cargo
Nessa versão foram incluídas a função de desfazer ações, o
gerenciamento de cores, criaram também as ferramentas de edição de
textos e laço magnético.
•
• Versão 5,5 (fevereiro/1999): projeto Strange Cargo
Na versão 5,5 temos uma nova realidade, a partir dele foi possível
salvar para web, foi lançada a ferramenta Extract e também a permissão
para a sobreposição de efeitos.
•
• Versão 6 (setembro/2000): projeto Venus in Furs
Mudanças na interface do produto e outros recursos adicionais,
como a inclusão da possibilidade de criar vetores e editá-los, os estilos de
camadas e a ferramenta Liquify também foi incorporada.

26
•
• Versão 7 (março/2002): projeto Liquid Sky
Nesse modelo temos a criação e introdução da ferramenta Healing
Brush do plugin Camera Raw e de uma nova função de texto, que
possibilitava o usuário criar textos em forma de vetor.
•
• Versão CS (outubro/2003): projeto Dark Matter
O Adobe Photoshop CS, chamado “Dark Matter” é a oitava versão
principal do Photoshop, lançada pela Adobe em outubro de 2003 para
sistemas Macintosh e Windows. Também foi incluído como parte do
primeiro Adobe Creative Suite. O “CS” significa “Creative Suite”, uma
iniciativa da Adobe para agrupar seus vários programas em pacotes
coerentes, unificando suas interfaces e adicionando interoperabilidade
entre eles.
Com um mecanismo de pincel redesenhado e outras alterações
importantes, o Photoshop CS é um programa drasticamente diferente
do seu predecessor, o Photoshop 7. As novidades são a Camera RAW
2.x, o filtro de desfoque da lente, ajustes de combinação de cor, guias
inteligentes, suporte de script para JavaScript, as ferramenta de fatiar e os
grupos de camadas hierárquicos.
Figura 12 - Versão CS: projeto Dark Matter

Figura 13 – Adobe Photoshop® versão CS2
Fonte: Reprodução Adobe
O Adobe Photoshop CS2 “Space Monkey” é a nona versão principal
do Photoshop, lançada em 4 de abril de 2005. Também foi incluída como
parte do Adobe Creative Suite 2 e do Creative Suite Production Studio. As
novidades desse software foram o ponto de fuga e distorção da imagem,
a escova de cicatrização atualizada, a capacidade de editar predefinições
e os objetos inteligentes.
•
• Versão CS3 (abril/2007): projeto Red Pill
O Adobe Photoshop CS3 “Red Pill” é a versão do popular editor de
gráficos raster incluído no Adobe Creative Suite 3. Seu lançamento foi em
abril de 2007 e foi a primeira versão a ser distribuída no formato DVD.
Essa versão teve a introdução de muitas novidades ao software,
tais como: suporte embutido para Macintosh e suporte aprimorado para
Windows Vista, interface do usuário revisada, adições de recursos ao
Adobe Camera RAW, introdução da ferramenta Seleção Rápida, alterações
nas curvas, ponto de fuga, misturador de canais, brilho e contraste e
a caixa de diálogo Imprimir, camadas de alinhamento e mesclagem

28
automáticos, filtros inteligentes (não destrutivos), otimização gráfica de
dispositivos móveis, entre outros.
•
• Versão CS4 (setembro/2008): projeto Stonehenge
Os atalhos de teclado foram alterados no Photoshop CS4 para tornar
as versões Macintosh e Windows compatíveis entre si. O zoom padrão foi
definido para 100%.
As novidades para o CS4 foram a aceleração de exibição OpenGL
no Photoshop, os importantes painel de ajustes e painel de máscaras, a
escala sensível ao conteúdo, a profundidade de campo estendida e as
novas opções de exibição de arquivo (exibição de documento com guias
e visualizações n-up).
•
• Versão CS5 (abril/2010): projeto White Rabbit
O Photoshop CS5 adicionou uma opção “Usar atalhos de canal
herdados” para reverter algumas das alterações de teclado introduzidas
no Photoshop CS4. E como de costume a Adobe lançou um pacote de
novidades como o preenchimento com conhecimento de conteúdo, a
ferramenta Puppet Warp, pontas de cerdas, escova misturadora, correção
automática de lentes, controles de seleção e mascaramento aprimorados,
controle de grãos RAW da câmera, novos modos de mesclagem (subtrair
e dividir).
•
• Versão CS6 (abril/2012): projeto Superstition
O Photoshop CS6 foi a última versão a oferecer uma opção de
licença permanente. Em 9 de janeiro de 2017, os aplicativos de licença
permanente do Creative Suite (CS6 ou anterior), como Adobe Photoshop,
Adobe Illustrator, Adobe InDesign, Adobe Premiere Pro e Adobe After
Effects não estavam mais disponíveis para venda na Adobe.
Com um pacote extenso de novidades, a referida versão chega
com a interface do usuário remodelada (todos os novos ícones e
interface escura opcional), além de economia automática e em segundo
plano, ferramentas Patch and Move com reconhecimento de conteúdo

(extensões de preenchimento com reconhecimento de conteúdo
introduzidas na versão anterior), galeria de desfoque inclui deslocamento
de inclinação, íris e campo que podem ser usados
para criar efeitos de
profundidade de campo, gama de cores: tom de pele e detecção de
rosto, ferramenta de corte aprimorada com opção de correção, novo
painel de propriedades que pode ser usado para variar as propriedades
das camadas de ajuste, suporte de vídeo aprimorado, filtro de grande
angular adaptável, ferramentas de vetor revisadas, incluindo traçados de
caminhos vetoriais e pontilhados ou tracejados.
•
• Versões CC: projeto 2014/2015/2017/2018/2019/2020
O Adobe Photoshop CC é a atual série de editores gráficos
do Photoshop oferecidos por assinatura através do Adobe Creative
Cloud. Desde 2014, todos os projetos passaram a ser nomeados pelo
ano de lançamento. E de lá para cá vem ganhando novos recursos
constantemente, que são disponibilizados e atualizados para o assinante.
Alguns dos recursos de destaque surgidos nesse período foram o
conteúdo sensível, a identificação de fontes, o Stock, os elementos para
criação de interfaces.
Figura 14 – Photoshop CC
Fonte: Reprodução Adobe Photoshop

30
RESUMINDO:
A história do Photoshop afirma o quanto este software,
transformou completamente o mercado gráfico, tornando a
criação e edição de composições muito mais fáceis, rápidas e
fiéis à realidade. Por isso, acabou sendo adotado em diversos
segmentos, como: fotografia, moda, arquitetura, design,
publicidade, desenvolvimento de interface para softwares,
produção de conteúdo para web. Com isso, ele ajudou no
desenvolvimento de diversos mercados, principalmente os
ligados ao design, publicidade, marketing e desenvolvimento
de softwares.

Iniciando o Adobe Photoshop®.
INTRODUÇÃO:
Ao término deste capítulo você será capaz de entender
onde estão posicionadas as principais funções do Adobe
Photoshop®, além dos menus, das ferramentas, opções de
cada uma dessas ferramentas e as paletas.
O Photoshop é um programa, que como os demais concorrentes
tem uma interface voltada a facilidade do usuário para trabalhar, onde
tudo seja acessível de maneira intuitiva. Está estruturado da seguinte
maneira: Na parte superior estão os distintos menus (circulados em
vermelho na imagem abaixo), cada menu está relacionado, obviamente,
com o título em cima.
Figura 15 – Menu superior
Fonte: Reprodução Adobe Photoshop®
Depois, à esquerda, há uma série de ferramentas, como circulado
abaixo, que permitem trabalhar diferentes aspectos e essas ferramentas
tem também um triângulo abaixo, indicando que se continuar clicando no
ícone da ferramenta, irão surgir as ferramentas irmãs. Essas ferramentas
estão distribuídas por famílias e você pode acessar essas e outras

32
ferramentas mantendo o cursor pressionado e clicando novamente
na ferramenta que quiser. Além disso, repare que ao lado há uma letra
maiúscula indicado como é possível acessar essa ferramenta no teclado,
tenha atenção a esses acessos, pois à medida que for avançando nos
recursos de teclado o seu trabalho ficará mais fácil e ágil.
Figura 16 – Menu à esquerda
[Figura 17 – Barra de opções das ferramentas
Além disso, cada uma das ferramentas tem na parte superior
(circulados em vermelho na imagem abaixo) sua própria barra de opções.
Observe que quando mudar de ferramenta, essa barra também vai sendo
alterada, essas são as opções que permitem configurar cada uma dessas
ferramentas de forma personalizada.

Além dos menus, das ferramentas e opções de cada uma dessas
ferramentas, também temos as paletas, que estão distribuídas a direita
(circulados em vermelho na imagem abaixo). De fato, essas não são as
únicas paletas existentes. Pode ver todas no menu Janela (circulado
em amarelo na imagem abaixo), desde 3D até Demarcadores. Mas por
que só vejo essas que tenho à minha direita? Porque em cima, observe,
você tem esse ícone (circulado em verde na imagem abaixo) com o qual
pode ver diferentes espaços de trabalho. Esse espaço de trabalho é para
ferramentas essenciais, mas se fizer um trabalho de pintura ou ilustração,
clicando no mesmo ícone, você pode selecionar a opção “Pintura” ou caso
tenha um projeto de fotografias, um trabalho que objetiva fazer retoques,
selecione “Fotografia”.
Figura 18 – Paletas, menu janela e espaços de trabalho
Barra de ferramentas
No Adobe Photoshop, a barra de ferramentas é o local onde você
pode selecionar as ferramentas necessárias para seu trabalho, como por
exemplo as ferramentas corte, pincel, conta gotas, seleção, etc. Se quiser
avançar às opções alternativas de cada uma delas, clique com o botão
direito do mouse sobre a ferramenta que deseja utilizar.

34
Figura 19 – Barra de ferramentas
O primeiro grupo de ferramentas é a ferramenta Mover , ela permite
mover uma seleção ou uma camada inteira arrastando-a com o mouse ou
usando as setas do teclado. Ela oferece um incrível nível de funcionalidade
e é capaz de interagir com qualquer objeto do seu documento, permitindo
alcançar resultados mais facilmente.

O segundo grupo é o de ferramentas de seleção com formas
fechadas , usada para seleções de áreas retangulares, quadradas,
circulares, etc.
No terceiro grupo ou grupo de ferramentas laço , o usuário pode
selecionar partes da imagem livremente ou pelas linhas retas.
O quarto grupo de ferramentas é do tipo varinha mágica , utilizada
para selecionar áreas com cores semelhantes em um plano de fundo.
Dica: Na barra Opções, desmarque Adjacente se desejar selecionar áreas
não adjacentes com cor semelhante.
O quinto grupo traz as ferramentas de corte e fatia , esse é o processo
de retirar partes de determinada imagem para criar foco ou intensificar a
composição, além é claro de cortar e corrigir fotos. A ferramenta não é
destrutiva, logo, você pode conservar os pixels cortados. A ferramenta
Corte demarcado tem métodos simples que corrigem as fotos no corte.
No sexto grupo temos as ferramentas de conta gotas . Existem
diversas formas de escolher a cor do primeiro plano, em uma dessas é
possível selecionar a ferramenta Conta-gotas e pegar uma amostra de
cor da imagem.
O grupo subsequente é o de ferramentas de correção, muito
utilizado para corrigir imperfeições em imagens. Nesse grupo há as
ferramentas de recuperação para manchas e para imperfeições, correção
na imagem e remoção de olhos vermelhos.
O oitavo e muito importante grupo é o das ferramentas de pincel
, “É possível criar pincéis que se aplicam à pintura de imagens de várias
maneiras. Selecione um pincel predefinido existente, uma forma de ponta
de pincel ou crie uma ponta exclusiva a partir de parte de uma imagem.
Escolha as opções do painel Configurações de pincel para especificar
como a pintura é aplicada.” (ADOBE, 2020)
A seguir, vem o 9º grupo, de ferramentas carimbo , “A ferramenta
Carimbo pinta uma parte de uma imagem sobre outra parte da mesma
imagem ou sobre outra parte de qualquer documento aberto que tenha o

36
mesmo modo de cores.” (ADOBE, 2020) Tal ferramenta é útil para duplicar
objetos ou remover defeitos, pintar em quadros de animação ou vídeo.
Abaixo, temos o grupo de ferramentas de pincéis de histórico
, a ferramenta Pincel História da Arte pinta com traçados estilizados,
usando os dados de origem do histórico ou instantâneo especificado. Faz
experiências com várias opções de estilo de pintura, é possível simular
a textura da pintura com diferentes cores e estilos artísticos. “Como a
ferramenta Pincel do Histórico, a ferramenta Pincel História da Arte usa
um estado de histórico ou um instantâneo especificado como dado de
origem. No entanto, a ferramenta Pincel histórico faz a pintura recriando
os dados da fonte especificada, enquanto a ferramenta Pincel História
da arte usa esses dados juntamente com as opções definidas para criar
diferentes cores e estilos artísticos.” (ADOBE, 2017).
O 11º grupo em sequência é o de ferramentas borracha . A
ferramenta Borracha muda os pixels da imagem para a cor do plano de
fundo ou transparente. Trabalhando no plano de fundo ou em camada
com transparência bloqueada, os pixels irão mudar de cor e assumir as
cores do plano de fundo. Caso contrário, eles são apagados até ficar
transparente.
No grupo de ferramentas de pintura, a ferramenta Gradiente
cria aos poucos uma mistura de cores. É possível criar seus próprios
preenchimentos de gradiente ou, se preferir, escolha um predefinido.
Já a ferramenta Lata de Tinta , possibilita preencher a parte de dento da
área selecionada, demarcador ou camada com uma cor ou padrão. Não
dispónivel para imagens Bitmap.
Seguindo a ordem, temos o grupo de ferramentas para desfoque,
nitidez e borrão .
O 13º grupo de ferramentas refere-se a opção de saturação e
desaturação de imagens .
“O Photoshop oferece múltiplas ferramentas de Caneta . A
ferramenta Caneta de curvatura permite desenhar segmentos curvos e

retos de maneira intuitiva. A ferramenta Caneta padrão permite desenhar
segmentos curvos e retos com grande precisão.A ferramenta Caneta de
forma livre permite desenhar caminhos como se desenha com lápis em
um pedaço de papel. As opções de Caneta Magnética permitem desenhar
um demarcador que se ajusta às arestas de áreas definidas na imagem.”
(ADOBE, 2020)
O grupo seguinte de ferramentas é o de texto , no Photoshop, esse
consiste em contornos de texto com base em vetores. Quando optamos
por criar um texto, forma-se uma nova camada. Após alterar uma camada
de texto rasterizada, o software converte os textos baseados em vetores
em pixels.
O grupo de ferramentas de seleção e vetores , A ferramenta de
seleção de caminhos no Photoshop é usada para selecionar e mover
caminhos. Caminhos podem ser criados com a Ferramenta Caneta.
Em sequência, o grupo de ferramentas de formas (vetores) ,
nessa caixa temos formas vetoriais pré-definidas. Dentro desse grupo a
ferramenta Linha cria formas e caminhos de linha.
As ferramentas de movimento , como o nome sugere, são para
mover a figura de trabalho, podendo dar zoom e rotacionar.
Por últmo, mas não menos importante, temos a ferramenta de
zoom, para aproximar e distaciar a imagem do usuário (atalhos: ctrl + +
aumenta a imagem e ctrl + - diminui).
Barra de Propriedades
No Photoshop a barra de propriedades muda quando uma nova
ferramenta é selecionada. Ou seja, cada ferramenta tem sua barra de
propriedades personalizada.

38
Figura 21 – Barra de propriedades
Figura 22 – Ferramenta de texto
No exemplo, temos a ferramenta de texto. A imagem mostra que
é possível alterar padrões como cor, fonte e tamanho, ou seja, é possível
personalizar sua criação nas barras de cada ferramenta.
Importante ressaltar que como descrito por Siqueira (2014)
“ferramentas de pincéis contam com o aumento da dimensão radial e
forma do mesmo, e isso pode ser feito através da barra de propriedades,
como mostra ao lado. Mas muitas vezes não é preciso ir até a barra de
ajustes para mudar, pois clicando com o botão direito do mouse em cima

da foto, tal função aparecerá tornando-a mais prática. A opção Image está
relacionada a edição da qualidade da imagem. Em Adjustments você
pode ajustar os elementos que dão efeitos às fotos, como saturação,
exposição, curvas, níveis, contraste. Há opções automáticas (Auto Tone,
Auto Contrast e Auto color) que possibilitam ajustar essas opções com o
padrão do próprio Photoshop®. Os itens mais importantes dessa janela
são Image Size (altera o tamanho do documento da imagem), Canvas
Size (altera o tamanho do fundo, borda, como a foto estará inserida,
geralmente fundo branco, mas não altera o tamanho da imagem em si) e
Image Rotation (rotaciona a imagem). Também há a função Duplicate (te
dá a possibilidade de abrir outro arquivo igual ao que está sendo feito no
momento).”
“Os itens mais importantes dessa janela são Image Size (altera o
tamanho do documento da imagem), Canvas Size (altera o tamanho do
fundo, borda, como a foto estará inserida, geralmente fundo branco, mas
não altera o tamanho da imagem em si) e Image Rotation (rotaciona a
imagem). Também há a função Duplicate (te dá a possibilidade de abrir
outro arquivo igual ao que está sendo feito no momento).” (SIQUEIRA, 2014)
Barra de Ajustes
Na primeira metade temos o bloco (Color e Swatches), onde ajusta-
se as cores dos planos do projeto.
“O segundo bloco conta com duas abas. A primeira é a de
Adjustments, onde você pode ajustar todos os efeitos das
fotos, sendo, portanto, uma das ferramentas mais utilizadas, e
a segunda é a de Styles, onde você aplica os efeitos por cima
de alguma camada do seu arquivo. Importante citar que você
pode baixar pela internet vários tipos de styles além do que
são disponibilizados pelo programa. Por fim, o terceiro bloco
conta com Layers, Channels e Paths. Essa parte é uma das
mais importantes quando se trata de photoshop. Layers (ou
camadas se preferir) são pequenas divisões do seu arquivo

40
que te possibilitam o manuseamento de cada componente
que foi aderido à ele. Depois dele temos Channels, que te
mostra cada canal que você está operando (sistema RGB),
muito importante que os quatro itens estejam selecionados.”
(SIQUEIRA, 2014, s.p)
Figura 23 - Barra de ajustes

RESUMINDO:
Conhecer bem onde estão as ferramentas do Photoshop®
e suas funções irá te ajudar a ganhar velocidade no trabalho
e segurança para começar a editar, contudo, o tempo e a
prática são grandes aliados desse desenvolvimento. Navegue
bem pelo seu Adobe Photoshop® e descubra a barra de
ferramentas em sua totalidade, essa ação vai ajudar na
variedade de ações que você executa no seu trabalho, dando
qualidade a ele.

42
Criando uma imagem
INTRODUÇÃO:
A primeira coisa que você faz no Photoshop® é abrir um
arquivo ou criar um novo. Ao fim desse capítulo, vamos ter
entendido como começar a criar uma imagem ou editá-la, e
como começar a criar imagens e texto do zero.
Ao iniciar o Photoshop® você verá uma tela inicial como essa aqui:
Figura 24 – Tela inicial
Se quiser abrir uma imagem existente vá até o botão open e clique.
Ou se quiser criar uma nova imagem do zero, você pode usar o botão
New, na tela inicial. Há também outras maneiras de acessar esses mesmos
comandos em qualquer lugar do software. Assim, mesmo que a tela de
início não esteja aparecendo, sempre será possível ir até o menu File
(arquivo), na parte superior da tela e escolher começar um novo ou abrir.

Figura 25 – Selecionando imagens
Imagem 29 – Começando um novo projeto
Abrindo imagens
Optando por abrir uma imagem ao começar seu projeto, o
programa iniciará a tela conhecida como finder, para buscar uma imagem
nos arquivos salvos no computador. Ao encontrar o arquivo, selecione-o
e clique em abrir. Caso queira mais de uma imagem, segure a tecla “ctrl”
no Windows ou “command” no Mac, selecione os arquivos que deseja e
clique no botão open.

44
As imagens selecionadas são abertas na área de trabalho do
Photoshop® (figura 25), que é chamada de janela de documento. No
alto dessa janela existe um guia para cada imagem aberta (marcado em
vermelho na figura 25), onde aparece o nome de cada uma delas. Se você
quiser ver a outra imagem aberta, basta clicar na respectiva guia.
Figura 26 – Janela de documento e guias
Figura 27 – Nome, zoom, modo de cor e peso
Nesta janela, será possível observar em cima o nome (circulado em
verde na imagem abaixo, figura 26), a porcentagem de zoom (circulado
em amarelo na imagem abaixo, figura 26) e o modo de cor (circulado em
azul na imagem abaixo, figura 26). Essa janela também informa na parte
inferior sobre o peso que o documento tem (circulado em vermelho na
imagem abaixo, figura 26).

Criando uma imagem do zero
Você pode usar essa opção quando quiser uma tela em branco
para desenhar ou para colocar imagens pontas.
Desta vez, no menu file (arquivo), selecione a opção new (novo),
como na imagem abaixo (figura 27).
Figura 28 – Novo Documento
Figura 29 – Janela, categoria e tamanho de um novo documento
É aberta a janela newdocument (novo documento), onde aparecerão
diversas predefinições de documentos em branco. Para encontrar um
que seja adequado, selecione uma categoria de documentos no alto da
janela, de acordo com o tipo de trabalho que deseja realizar, são esses
photo, print, art & illustration, web, Mobile, Film & Video (foto, imprimir,
arte e ilustração, internet, celular, filme e vídeo). Dentro dessas categorias,
escolha um dos tamanhos predefinidos, caso não tenha interesse em
nenhum desses, clique em view all presets (ver todas as predefinições).

46
Ao escolher o padrão desejado, todos os detalhes da configuração
da página aparecerão à direita, como na imagem acima (figura 29).
Caso decida que esse não é o tamanho que você quer, poderá digitar
outro tamanho nos campos width (largura) e height (altura). Todas as
outras configurações desse espaço também podem ser personalizadas.
Contudo, essas configurações podem ser alteradas mais tarde. Para
terminar de criar um novo documento, clique no botão create (criar). Um
novo documento é aberto em branco, pronto para adicionar uma foto, um
texto ou forma.
Figura 30 – Novo documento em branco
NOTA:
A ferramenta Zoom está localizada no painel Ferramentas.
Altere de “Mais zoom” para “Menos zoom” na barra de opções.
Por sua vez, a ferramenta Mão, também localizada no painel
Ferramentas, permite usar o panorama em uma imagem
grande ou com mais zoom.
Desenhar formas
Vamos agora entender as diferentes formas de começar a criar uma
forma.

Como criar uma forma em uma camada separada
Segundo a Adobe (2020) “Selecione uma ferramenta de forma ou
uma ferramenta Caneta. Verifique que Forma é escolhida do menu na
barra de opções. Para escolher a cor da forma, clique na amostra de cores
da barra de opções e escolha uma cor no Seletor de Cores.”
Para Definir as opções da ferramenta, vá até a barra de opções.
Clique na seta invertida para ver as opções extras das ferramentas. E, para
aplicar um estilo à forma, basta selecionar um estilo predefinido no menu
pop-up Estilo da barra de opções.
Para desenhar uma forma, basta arrastar a imagem:
Pressione e segure a tecla Shift para restringir um retângulo ou um
retângulo arredondado a um quadrado.
Figura 31 - Desenho do Photoshop a partir do canto (à esquerda) e a partir do centro (à
direita)
Fonte: Autor
O padrão da ferramenta polígono no Photoshop é ser desenhada
de dentro pra fora, expandindo a figura.

48
Desenho de várias formas em uma camada
Segundo a Adobe (2020), “Desenhe formas separadas em uma
camada ou use as opções Adicionar, Subtrair, Fazer Intersecção ou Excluir
para modificar a forma atual na camada.
•
• Adicionar à Área da Forma: Adiciona a nova área às
formas ou ao demarcador existente.
•
• Subtrair da Área da Forma: Remove a área em
sobreposição das formas ou demarcadores existentes.
•
• Fazer Intersecção das Áreas das Formas: Restringe a área
à intersecção da nova área e as formas ou demarcador
existentes.
•
• Excluir Áreas de Formas em Sobreposição: Exclui a área
sobreposta nas áreas existentes e novas consolidadas.
•
• Desenhe na imagem. Alterne facilmente entre as
ferramentas de desenho, clicando no botão da ferramenta
da barra de opções.”
Desenho de uma forma de disco
Segundo a Adobe (2020) “Recorte uma forma dentro de uma
forma existente para que as camadas subjacentes fiquem visíveis. Este
procedimento mostra como criar uma forma de rosca, mas essa técnica
pode ser usada com qualquer combinação de ferramentas de forma,
incluindo formas personalizadas”.
“Selecione a ferramenta Elipse na caixa de ferramentas. Ela pode
estar oculta por outra ferramenta de forma ou pela ferramenta Linha .
Verifique se Forma é escolhido do menu na barra de opções.
Na barra de opções, selecione o botão Subtrair da Área da Forma .
Arraste dentro da nova forma para criar o recorte. Ao soltar o botão
do mouse, a imagem subjacente à nova forma fica visível.

Para reposicionar qualquer uma das formas, clique na ferramenta
Seleção de Demarcador na caixa de ferramentas (ela pode estar oculta
pela ferramenta Seleção Direta ) e selecione o demarcador. Arraste-o até
o novo local ou utilize as teclas de seta no teclado para empurrá-lo um
pixel por vez.” (ADOBE, 2020)
Para utilizar mais de um marcador, basta pressionar a tecla Shift e
clicar.
Desenho de uma forma personalizada
“É possível desenhar formas personalizadas usando formas do
painel pop-up Forma Personalizada, ou salvar uma forma ou demarcador
para usá-lo como forma personalizada.
Selecione a ferramenta Forma Personalizada . (Se a ferramenta não
estiver visível, mantenha a ferramenta Retângulo pressionada próximo da
parte inferior da caixa de ferramentas).
Selecione uma forma no painel pop-up Forma Personalizada da
barra de opções. Se não encontrar a forma desejada no painel, clique
na seta no canto superior direito do painel e escolha uma categoria
diferente de formas. Ao ser solicitado a substituir as formas atuais, clique
em Substituir para visualizar apenas as formas da nova categoria ou em
Anexar para adicionar às formas já exibidas.
Arraste na imagem para desenhar a forma.” (ADOBE, 2020)
Como salvar uma forma ou demarcados como uma
forma personalizada
“No painel Demarcadores, selecione um demarcador — seja uma
máscara de vetor para uma camada de forma, um demarcador de trabalho
ou um demarcador salvo.
Escolha Editar > Definir Forma Personalizada e, na caixa de diálogo
Nome da Forma, digite um nome para a nova forma personalizada. A nova
forma aparece no painel pop-up Forma, na barra de opções.

50
Para salvar a nova forma personalizada como parte de uma nova
biblioteca, selecione Salvar Formas no menu do painel pop-up.” (ADOBE,
2020)]]
Criação de uma forma rasterizada
“Ao criar uma forma rasterizada, você estará desenhando e
rasterizando uma forma e preenchendo-a com a cor do primeiro plano.
Uma forma rasterizada não pode ser editada como objeto vetorial. As
formas rasterizadas são criadas com a cor do primeiro plano atual.
Selecione uma camada. Não é possível criar uma forma rasterizada
em uma camada com base em vetores (por exemplo, uma camada de
texto).
•
• Selecione uma ferramenta de forma e clique no botão
Preencher Pixels na barra de opções.
•
• Defina as seguintes opções na barra de opções:
•
• Modo - Controla o modo como a forma afetará os pixels
existentes na imagem.
•
• Opacidade - Determina o grau de escurecimento ou de
revelação dos pixels por trás da forma. Uma forma com 1%
de opacidade aparece quase transparente e, com 100% de
opacidade, aparece completamente opaca.
•
• Suavização de Serrilhado - Suaviza e mescla os pixels da
aresta com os pixels adjacentes.
•
• Defina opções adicionais específicas da ferramenta.
Desenhe a forma.” (ADOBE, 2020)
Inserção de Texto
“Texto no Adobe Photoshop consiste em contornos de texto com
base em vetores - formas matematicamente definidas que descrevem as
letras, números e símbolos de uma fonte. Muitas fontes estão disponíveis
em mais de um formato: os mais comuns deles são Type 1 (também

chamados de fontes PostScript), TrueType, OpenType, New CID e CID não
protegido (somente para japonês).
O Photoshop preserva os contornos de texto com base em vetores
e os usa quando você redimensiona o texto, salva um arquivo PDF ou EPS
ou imprime a imagem em uma impressora PostScript. Como resultado, é
possível produzir textos com arestas bem definidas e independentes de
resolução.” (ADOBE, 2020)
Camadas de Texto
“Quando você cria um texto, uma nova camada de texto é
adicionada ao painel Camadas. Depois de criar uma camada de texto, é
possível editar o texto e aplicar comandos de camada. Depois de fazer
uma alteração em uma camada de texto que necessita de rasterização,
o Photoshop converte os contornos de texto com base em vetores em
pixels. O texto rasterizado não tem mais os contornos em vetores e não é
editável como texto.
É possível fazer as seguintes alterações em uma camada de texto
e, ainda, editar o texto: alterar a orientação do texto, aplicar suavização de
serrilhado, conversão entre texto de ponto e texto de parágrafo, criação
de um demarcador de trabalho a partir do texto, aplique os comandos
de transformação do menu editar, exceto para perspectiva e distorção,
Utilize estilos de camada, use atalhos de preenchimento, distorça o texto
para adaptá-lo a várias formas.” (ADOBE, 2020)
Inserção de Texto
“Há três maneiras de criar textos: em um ponto, dentro de um
parágrafo e em um demarcador.
1. Texto de ponto é uma linha de texto horizontal ou vertical
que começa quando você clica na imagem. Inserir texto
em um ponto é uma maneira útil de adicionar algumas
palavras em sua imagem.
2. Texto de parágrafo utiliza limites para controlar o fluxo de
caracteres, seja horizontal ou verticalmente. Essa maneira

52
de inserir texto é útil quando você deseja criar um ou mais
parágrafos, como em uma brochura.
3. O texto em um demarcador flui pela aresta de um
demarcador aberto ou fechado. Ao digitar o texto
horizontalmente, os caracteres aparecem ao longo do
demarcador perpendicularmente à linha de base. Ao
digitar o texto verticalmente, os caracteres aparecem ao
longo do demarcador paralelamente à linha de base. Em
ambos os casos, o texto flui na direção em que os pontos
foram adicionados ao demarcador.
Clicar em uma imagem com uma ferramenta de texto coloca essa
ferramenta de texto no modo de edição. Quando a ferramenta está no
modo de edição, é possível inserir e editar caracteres e também executar
outros comandos em vários menus. No entanto, algumas operações
exigem que as alterações sejam confirmadas primeiramente na camada
de texto. Para determinar se uma ferramenta de texto está no modo de
edição, procure na barra de opções: se você visualizar o botão Confirmar
e o botão Cancelar , a ferramenta de texto estará no modo de edição.”
(ADOBE, 2020)
Inserção de Texto de ponto
Segundo a Adobe (2020) “Ao inserir texto de ponto, cada linha de
texto é independente, ou seja, a linha aumenta ou diminui à medida que
é editada, mas não há quebra para a próxima linha. O texto inserido é
exibido em uma nova camada de texto.”
“Selecione a ferramenta Texto Horizontal ou a ferramenta Texto
Vertical .
Clique na imagem para definir um ponto de inserção do texto. O
pequeno traço no ponteiro em forma de I marca a linha de base do texto
(a linha imaginária na qual o texto se apoia). Para textos verticais, a linha de
base marca o eixo central dos caracteres.
Selecione opções de texto adicionais na barra de opções, no painel
Caractere ou no painel Parágrafo.

Insira os caracteres. Para iniciar uma nova linha, pressione Enter
(Windows) ou Return (Mac OS).” (ADOBE, 2020)
Inserção de Texto de parágrafo
“Selecione a ferramenta Texto Horizontal ou a ferramenta Texto
Vertical .
•
• Arraste diagonalmente para definir uma caixa delimitadora
para o texto ou mantenha a tecla Alt (Windows) ou Option
(Mac OS) conforme você clica ou arrasta para exibir a caixa
de diálogo Tamanho do Texto de Parágrafo. Insira valores
para Largura e Altura e clique em OK.
•
• Selecione opções de texto adicionais na barra de opções,
no painel Caractere, no painel Parágrafo ou no submenu
Camada > Texto.
•
• Insira os caracteres. Para iniciar um novo parágrafo,
pressione Enter (Windows) ou Return (Mac OS). Se você
inserir mais texto do que cabe em uma caixa delimitadora,
o ícone de estouro será exibido na caixa delimitadora.
Se desejar, redimensione, gire ou incline a caixa delimitadora.”
(ADOBE, 2020)
RESUMINDO:
Estudamosnessaunidadeadiferençaentrebitmapseimagens
vetoriais, entendemos que bitmap é uma matriz de bits que
especifica a cor de cada pixel em uma matriz retangular de
pixels e os vetores são formas que têm suas informações de
cor, dimensões, linhas e curvas armazenadas em equações.
Vimos que a ferramenta de edição de imagens Photoshop®
nasceu em uma tese de doutorado da Universidade de
Michigan em 1987, seu autor foi Thomas Knoll. Em setembro
de 1988, a Adobe adquiriu os direitos sobre o Photoshop®
e continuou o seu desenvolvimento, lançando o produto no
mercado em 1990. Desde então, foram lançados diversos
nossos recursos, novas versões e, claro, inovando para adap-

54
RESUMINDO:
tar-se às novas demandas. Iniciamos o aprendizado das
principais áreas, recursos e ferramentas e suas aplicações,
sendo essas o menu superior, a barra de opções das
ferramentas, paletas, janela e espaços de trabalho, a barra de
ferramentas, barra de propriedades e a barra de ajustes. Por
fim, aprendemos a abrir uma imagem para edição, criar uma
imagem do zero, desenhar distintas formas e inserir tipos de
textos.

REFERÊNCIAS
MICROSOFT. Tipos de bitmaps. [S.l.], 2017. Disponível em: https:/
/
docs.microsoft.com/pt-br/dotnet/framework/winforms/advanced/
types-of-bitmaps. Acesso em: 5 jul. 2020.
SIQUEIRA, Joyce Meireles. Ferramentas básicas para Photoshop.
Niterói: 2014. Disponível em: http:/
/www.peteletrica.uff.br/wp-content/
uploads/2014/07/Apostila-Ferramentas-B%C3%A1sicas-para-Photoshop.
pdf. Acesso em: 5 jul. 2020.
ADOBE. Aprendizado e suporte do Adobe Photoshop. [S.I.], 2020.
Disponível em: https:/
/helpx.adobe.com/br/support/photoshop.html.
Acesso em: 7 jul. 2020.

Jeane Sidou
Ilustração e tratamento de
imagens 2D -
Adobe Photoshop

Ebook da Unidade - Introdução Ao Adobe Photoshop.pdf

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Ebook da Unidade - Introdução Ao Adobe Photoshop.pdf

Semelhante a Ebook da Unidade - Introdução Ao Adobe Photoshop.pdf (20)

Ebook da Unidade - Introdução Ao Adobe Photoshop.pdf