Cláudia Pernencar Isabel Alcobia
O Adobe Photoshop é um dos programas profissionais de edição de imagem mais completos do mercado. Nesta edição, além da ênfase atribuída à integração com a Creative Cloud e às aplicações Adobe nos dispositivos móveis, pretendeu-se criar um manual de aprendizagem transversal às principais funcionalidades, técnicas, conceitos e comandos, através da prática com exercícios passo a passo, quer em ambiente Windows, quer em Macintosh.
Cláudia Pernencar • Isabel Alcobia
Aprenda fazendo: Exercícios, resolvidos passo a passo, ensinam-lhe a dominar as ferramentas essenciais para o tratamento e edição de imagem. Aprenda vendo: Inúmeras ilustrações a cores e uma linguagem acessível, clara e explicativa permitem-lhe apreender os principais conceitos e técnicas do Photoshop, não esquecendo as novas ferramentas introduzidas pela recente versão CC. Aprenda facilmente a: • Personalizar diferentes áreas de trabalho; • Utilizar técnicas não destrutivas; • Trabalhar com layers e máscaras; • Perceber as diferentes propriedades da cor; • Definir características de texto; • Dominar técnicas de desenho e de pintura; • Retocar imagens; • Organizar imagens utilizando o Adobe Bridge; • Perceber a interligação entre os vários programas Adobe; • Otimizar ficheiros para a web; • Trabalhar com aplicações Adobe para dispositivos móveis. Inclui capítulo de introdução à Adobe Creative Cloud, dando a conhecer aos leitores as suas potencialidades e os serviços online disponíveis. Cobre Photoshop CC 2014. Prefácio de Carlos Rosa, Ph.D. (Designer e Professor Universitário): “É uma publicação muito pragmática e incisiva, que aborda de modo muito proeminente uma série de exercícios práticos que ajuda o leitor a praticar e a explorar as suas capacidades de interagir com este software.”
Cláudia Pernencar • Isabel Alcobia Adobe ® Certified Experts and Instructors em Photoshop CC e Illustrator CC. Ver currículos detalhados no interior do livro.
•
imagens e fotografias de designers e fotógrafos portugueses ISBN 978-972-722-794-5
www.fca.pt
Imagens a usar nos exercícios e eventuais exercícios complementares disponíveis para download em www.fca.pt, até o livro se esgotar ou ser publicada nova edição atualizada ou com alterações.
Aprenda facilmente através de exercícios práticos utilizando Autoras certificadas pela Adobe ® Prefácio de Carlos Rosa, Ph.D. (Designer e Professor Universitário)
Índice AS AUTORAS....................................................................................................... IX AGRADECIMENTOS............................................................................................... XI PREFÁCIO........................................................................................................... XIII
0.
Introdução à Adobe Creative Cloud............................................................. 1 Creative Cloud.............................................................................................. 1 Ferramentas criativas na CC (2014)............................................................ 3 Serviços online......................................................................................... 4 Predefinições da CC (2014)........................................................................ 7 Resumo........................................................................................................ 8
1.
Princípios Fundamentais............................................................................. 9 O que é o Photoshop?.................................................................................... 9 Conceito de pixel...................................................................................... 9 Bitmap vs. Vetor............................................................................................ 10 A importância da cor...................................................................................... 11 Calibração do monitor............................................................................... 12 Color Management System......................................................................... 13 Modelos de cor......................................................................................... 16 Noções de resolução...................................................................................... 19 Formatos utilizados........................................................................................ 21 Resumo........................................................................................................ 22
2.
Introdução à Área de Trabalho................................................................... 23 Personalizar a Área de Trabalho....................................................................... 23 Menus e paletas............................................................................................ 26 Modos de visualização.................................................................................... 30 Ferramentas de trabalho................................................................................. 30 Criação de um novo documento....................................................................... 32 Réguas, grelhas e guias.................................................................................. 33 Save vs. Save As........................................................................................... 36 Place vs. Import............................................................................................ 37 Definir preferências........................................................................................ 38 Resumo........................................................................................................ 40
3.
Criar Seleções............................................................................................. 41 Conceito de seleção....................................................................................... 41 Diferentes tipos de seleção............................................................................. 41 Seleção por formas geométricas................................................................. 42 Seleção por desenho................................................................................. 42 Seleção por cor........................................................................................ 43 Seleção por pintura................................................................................... 43
© FCA – Editora de Informática V
Photoshop CC – Depressa & Bem
Trabalhar com seleções.................................................................................. 43 Criar seleções........................................................................................... 44 Desselecionar e inverter seleções................................................................ 47 Opções da seleção por formas geométricas.................................................. 48 Opções da seleção por desenho.................................................................. 50 Opções da seleção por cor......................................................................... 51 Opções da seleção por pintura.................................................................... 53 Guardar seleções........................................................................................... 56 Exercício 3.1................................................................................................. 58 Exercício 3.2................................................................................................. 62 Exercício 3.3................................................................................................. 65 Resumo........................................................................................................ 73
4.
Trabalhar com Layers................................................................................. 75 Conceito de layers......................................................................................... 75 Trabalhar com layers...................................................................................... 76 Criar uma layer........................................................................................ 79 Alterar a ordem das layers......................................................................... 80 Atribuir nomes às layers............................................................................ 81 Duplicar layers......................................................................................... 81 Mover conteúdos...................................................................................... 83 Visualizar o conteúdo das layers................................................................. 84 Copiar e colar layers................................................................................. 85 Eliminar layers......................................................................................... 86 Proteger layers......................................................................................... 87 Trabalhar com grupos de layers.................................................................. 88 Utilizar links............................................................................................. 89 Adjustment Layers.................................................................................... 90 Efeitos de layers....................................................................................... 94 Opacidade vs. Preenchimento..................................................................... 97 Blending Modes........................................................................................ 99 Alinhar layers........................................................................................... 100 Máscaras de layers........................................................................................ 102 Alterar uma máscara de layer..................................................................... 104 Links entre layer e máscara de layer........................................................... 104 Desativar uma máscara de layer................................................................. 105 Eliminar uma máscara de layer................................................................... 105 Assinalar layers........................................................................................ 106 Exercício 4.1................................................................................................. 107 Resumo........................................................................................................ 126
5.
Tipografia................................................................................................... 127 Trabalhar com texto....................................................................................... 127 Tipos de texto.......................................................................................... 128 Selecionar e editar texto............................................................................ 130 Características de texto............................................................................. 130 Texto artístico e de parágrafo..................................................................... 132
VI © FCA – Editora de Informática
Índice
Transformações........................................................................................ 133 Filtros vs. Efeitos...................................................................................... 133 Linhas e formas........................................................................................ 134 Associar texto a uma linha.................................................................... 139 Associar texto a uma forma................................................................... 139 Exercício 5.1................................................................................................. 141 Resumo........................................................................................................ 148
6.
Histórico..................................................................................................... 149 Undo............................................................................................................ 149 Revert.......................................................................................................... 150 Paleta History................................................................................................ 150 Snapshot................................................................................................. 152 Criar um novo documento.......................................................................... 154 History Brush Tool..................................................................................... 154 Exercício 6.1................................................................................................. 155 Resumo........................................................................................................... 156
7.
Técnicas de Desenho.................................................................................. 157 Modelos de desenho....................................................................................... 157 Ferramentas de formas.............................................................................. 158 Introdução à ferramenta Pen...................................................................... 159 Desenhar com a ferramenta Pen................................................................. 160 Segmentos retilíneos............................................................................ 160 Segmentos curvilíneos.......................................................................... 161 Converter segmentos retilíneos em curvilíneos......................................... 162 Desenhar utilizando a ferramenta Freeform Pen............................................ 163 Edição do vetor: mover segmentos ou pontos de âncora........................... 164 Paleta Paths.................................................................................................. 165 Associar paths a máscaras.............................................................................. 167 Exercício 7.1................................................................................................. 169 Exercício 7.2................................................................................................. 172 Resumo........................................................................................................ 176
8.
Técnicas de Pintura.................................................................................... 177 Pencil Tool.................................................................................................... 177 Brush Tool.................................................................................................... 179 Criar e alterar brushes............................................................................... 180 Aceder a galerias...................................................................................... 182 Galerias de cor.............................................................................................. 184 Criar e alterar cor..................................................................................... 185 Importar/Gravar....................................................................................... 189 Gradient Tool................................................................................................ 189 Criar e alterar gradientes........................................................................... 190 Personalizar degradês................................................................................ 192 Exercício 8.1................................................................................................. 192
© FCA – Editora de Informática VII
Photoshop CC – Depressa & Bem
Exercício 8.2................................................................................................. 199 Resumo........................................................................................................ 203
9.
Retoque de Imagem................................................................................... 205 Manipulação de cor........................................................................................ 205 Ferramentas indispensáveis............................................................................ 209 Utilização de filtros........................................................................................ 211 Modelo de distorção....................................................................................... 215 Perspective Warp...................................................................................... 215 Puppet Warp............................................................................................ 217 Malha de trabalho..................................................................................... 218 Adicionar e controlar pontos de distorção..................................................... 220 Eliminar e restabelecer pontos de distorção.................................................. 222 Exercício 9.1................................................................................................. 223 Exercício 9.2................................................................................................. 227 Resumo........................................................................................................... 233
10. Integração com Ferramentas Adobe........................................................... 235 Adobe Bridge................................................................................................ 235 Abrir ficheiros a partir do Bridge................................................................. 235 Organizar e etiquetar ficheiros.................................................................... 237 Mover e copiar ficheiros............................................................................. 238 Pesquisar ficheiros.................................................................................... 239 Adobe Illustrator........................................................................................... 240 Exportar vetores para o Illustrator.............................................................. 240 Adobe Indesign............................................................................................. 241 Exercício 10.1............................................................................................... 242 Exercício 10.2............................................................................................... 245 Resumo........................................................................................................... 248
11. Photoshop +: Web e Apps para Tablet........................................................ 249 Web – Slice Tool............................................................................................ 249 Tipologia................................................................................................. 250 Modificar as Slices.................................................................................... 252 Gravar para a web......................................................................................... 254 Apps para tablet............................................................................................ 256 Adobe Photoshop Touch............................................................................. 257 Adobe Photoshop Express.......................................................................... 262 Exercício 11.1............................................................................................... 264 Resumo........................................................................................................ 270 ÍNDICE REMISSIVO.............................................................................................. 271
VIII © FCA – Editora de Informática
As Autoras Cláudia Pernencar Designer de interfaces freelancer, Formadora Sénior na FLAG, autora de vários artigos (Computer Arts Portugal) e oradora convidada em eventos tecnológicos. Doutoranda em Media Digitais na FCSH.UNL, pelo programa UT Austin | Portugal, e mestre em Comunicação e Imagem pelo IADE – Creative University. Professora Assistente Convidada no IADE – Creative University e Coordenadora da Academia Apple.Adobe.IADE. É colaboradora na Unidcom/IADE (Unidade de Investigação em Design e Comunicação) e faz parte da equipa de investigação do IADE-UX.Lab (Grupo de investigação dedicado aos estudos da experiência do utilizador no âmbito da interação com a tecnologia). Adobe® Certified Expert and Instructor em Photoshop CC e Illustrator CC. Isabel Alcobia Licenciada em Design Gráfico pelo IADE – Creative University. Frequentou o curso Photography for Designers na University of Arts – London College of Communication e o mestrado em Audiovisual e Multimédia na ESCS. Foi Formadora Sénior na FLAG e fez parte da equipa da Academia Apple.Adobe. IADE, onde lecionou os módulos de Photoshop, Illustrator e Indesign. Colabora como Designer em diversas agências em regime freelancer. Co-founder do Adobe User Group Web, Graphic & Interaction Design, autora de tutoriais e oradora convidada em eventos direcionados para a área do design gráfico. Adobe® Certified Expert and Instructor em Photoshop CC e Illustrator CC.
© FCA – Editora de Informática IX
0
Introdução à Adobe Creative Cloud
Este capítulo introdutório tem como principal objetivo dar as conhecer aos leitores todas as potencialidades da Adobe Creative Cloud no que diz respeito às diferentes ferramentas criativas, aos serviços online disponíveis, bem como à forma como integrar o meio digital no processo de trabalho.
0.1
Creative Cloud
A Adobe Creative Cloud consiste num serviço da Adobe Systems, que oferece aos utilizadores o acesso a um conjunto de programas para as áreas do design gráfico, da edição de vídeo, do desenvolvimento web, da fotografia, além de um conjunto de serviços disponíveis na cloud da marca (Fig. 0.1).
Fig. 0.1 – Ícone da Adobe Creative Cloud
Nota
A cloud consiste num conceito de computação em nuvem. Refere-se à utilização da memória e das capacidades de armazenamento e do cálculo de computadores e servidores interligados por meio da Internet. O armazenamento de todo o tipo de dados é realizado através de serviços disponíveis em qualquer lugar do mundo, a qualquer hora, não havendo necessidade de alocar fisicamente os programas única e exclusivamente a uma máquina. Com um simples acesso à Internet, a partir de qualquer computador e em qualquer lugar, é possível aceder-se às informações, arquivos e programas, independentemente do sistema operativo. Tem somente como requisito mínimo um computador compatível com os recursos disponíveis na Internet.
© FCA – Editora de Informática 1
Histórico
6
Exercício 6.1 Este
exercício tem como objetivo aprender a trabalhar com o history snapshot, bem como com a ferramenta history brush associada a um blending mode.
1. Ativar as opções do History conforme a Fig. 6.11.
Fig. 6.11 – Alterar opções do History
2. Abrir a imagem Legumes.jpg. 3. Convertê-la para CMYK. 4. Criar o Snapshot CMYK (Fig. 6.12).
Menu Window > History (Mac OS X/Windows)
Fig. 6.12 – Converter imagem para CMYK
5. Converter a imagem para Grayscale (Fig. 6.13).
© FCA – Editora de Informática 155
Retoque de Imagem
9.4
9
Modelo de distorção
O Photoshop apresenta para a transformação e/ou distorção de uma imagem diferentes soluções com objetivos distintos. No Capítulo 5, na seção 5.1, este tema é abordado, mas aplicado ao contexto da tipografia, no entanto, existem outros tipos de aplicações utilizando ferramentas diferentes. A versão CC introduziu uma que se manteve na atualização CC 2014, a Perspective Warp.
Perspective Warp A Fig. 9.22 mostra ao leitor o acesso à ferramenta Perspective Warp. Esta permite deformar a imagem, de modo a corrigir ou a alterar a perspetiva (Fig. 9.26), utilizando para isso técnicas bastante simples. Menu Edit > Perspective Warp (Mac OS X/Windows)
Fig. 9.22 – Acesso à ferramenta Perspective Warp
Nota
Uma das mais-valias desta ferramenta é de facto a possibilidade de trabalhar em duas dimensões pedaços de imagens integradas no espaço tridimensional, sem deformar a totalidade da imagem.
O processo de trabalho com a Perspective Warp desenrola-se em dois ambientes distintos, o Layout e o Warp (Fig. 9.23). No primeiro caso, o leitor constrói a grelha e posiciona os pontos de perspetiva (Fig. 9.24), enquanto no segundo ambiente, o Warp, a correção da perspetiva é editada (Fig. 9.25).
© FCA – Editora de Informática 215
Cláudia Pernencar Isabel Alcobia
O Adobe Photoshop é um dos programas profissionais de edição de imagem mais completos do mercado. Nesta edição, além da ênfase atribuída à integração com a Creative Cloud e às aplicações Adobe nos dispositivos móveis, pretendeu-se criar um manual de aprendizagem transversal às principais funcionalidades, técnicas, conceitos e comandos, através da prática com exercícios passo a passo, quer em ambiente Windows, quer em Macintosh.
Cláudia Pernencar • Isabel Alcobia
Aprenda fazendo: Exercícios, resolvidos passo a passo, ensinam-lhe a dominar as ferramentas essenciais para o tratamento e edição de imagem. Aprenda vendo: Inúmeras ilustrações a cores e uma linguagem acessível, clara e explicativa permitem-lhe apreender os principais conceitos e técnicas do Photoshop, não esquecendo as novas ferramentas introduzidas pela recente versão CC. Aprenda facilmente a: • Personalizar diferentes áreas de trabalho; • Utilizar técnicas não destrutivas; • Trabalhar com layers e máscaras; • Perceber as diferentes propriedades da cor; • Definir características de texto; • Dominar técnicas de desenho e de pintura; • Retocar imagens; • Organizar imagens utilizando o Adobe Bridge; • Perceber a interligação entre os vários programas Adobe; • Otimizar ficheiros para a web; • Trabalhar com aplicações Adobe para dispositivos móveis. Inclui capítulo de introdução à Adobe Creative Cloud, dando a conhecer aos leitores as suas potencialidades e os serviços online disponíveis. Cobre Photoshop CC 2014. Prefácio de Carlos Rosa, Ph.D. (Designer e Professor Universitário): “É uma publicação muito pragmática e incisiva, que aborda de modo muito proeminente uma série de exercícios práticos que ajuda o leitor a praticar e a explorar as suas capacidades de interagir com este software.”
Cláudia Pernencar • Isabel Alcobia Adobe ® Certified Experts and Instructors em Photoshop CC e Illustrator CC. Ver currículos detalhados no interior do livro.
•
imagens e fotografias de designers e fotógrafos portugueses ISBN 978-972-722-794-5
www.fca.pt
Imagens a usar nos exercícios e eventuais exercícios complementares disponíveis para download em www.fca.pt, até o livro se esgotar ou ser publicada nova edição atualizada ou com alterações.
Aprenda facilmente através de exercícios práticos utilizando Autoras certificadas pela Adobe ® Prefácio de Carlos Rosa, Ph.D. (Designer e Professor Universitário)